 |  |  |  |  |  |  |  |
please help with page size
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
Hi, I'm new here, hope someone can help. With frustration I've tried to figure this out. Creating a web page with a fixed width (pixel) is easy. My problem lies with creating one that is set at 100% How do I create and make the banner go from left to right 100% of the top of the page?
with thanks, msmitch
with thanks, msmitch
Setting a page to 100% is easy. Designing a banner that does so is different. Essentially, you have to divide your image into 3 pieces, a left and right, and a center pieces that is a simple sliver of solid color. That is the piece that will "expand" to fit the size of the page.
Post in the HTML/JavaScript/CSS section if you need more detailed help.
Post in the HTML/JavaScript/CSS section if you need more detailed help.
Yes I've tried creating the banner in threes, but testing it on smaller monitors part of the banner appears below. Looks terrible. Anyway to stop this from happening?
I think I've got it! Fingers crossed that is. I size the window and the banner remained intact! This is what I put together. I hope I posted this right.
[html]<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-top: 0px;
margin-left: 0px;
}
.style1 {
font-size: 12px;
font-weight: bold;
}
-->
</style></head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" align="left" valign="top" bgcolor="#BA9FBE"><img src="images/images/images/chris-banner_01.jpg" width="213" height="104"></td>
<td width="41%" align="left" valign="top" bgcolor="#BA9FBE"><img src="images/images/images/chris-banner_02.jpg" width="345" height="104"></td>
<td width="29%" align="center" valign="top" bgcolor="#BA9FBE"><img src="images/images/images/chris-banner_04.jpg" width="105" height="104"></td>
</tr>
<tr bgcolor="#000000">
<td colspan="3"><div align="center"><img src="images/images/spacer.gif" width="2" height="2"></div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><div align="right" class="style1">Navagation Here </div></td>
</tr>
</table>
<br>
</body>
</html>[/html]
[html]<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-top: 0px;
margin-left: 0px;
}
.style1 {
font-size: 12px;
font-weight: bold;
}
-->
</style></head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" align="left" valign="top" bgcolor="#BA9FBE"><img src="images/images/images/chris-banner_01.jpg" width="213" height="104"></td>
<td width="41%" align="left" valign="top" bgcolor="#BA9FBE"><img src="images/images/images/chris-banner_02.jpg" width="345" height="104"></td>
<td width="29%" align="center" valign="top" bgcolor="#BA9FBE"><img src="images/images/images/chris-banner_04.jpg" width="105" height="104"></td>
</tr>
<tr bgcolor="#000000">
<td colspan="3"><div align="center"><img src="images/images/spacer.gif" width="2" height="2"></div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3"><div align="right" class="style1">Navagation Here </div></td>
</tr>
</table>
<br>
</body>
</html>[/html]
Last edited by tgreer; Sep 26th, 2006 at 8:22 pm.
|
Similar Threads
- Page size? (HTML and CSS)
- Page size wider than setup (Windows Software)
- set a dynamic page size for gridview? (ASP.NET)
- How to set html page size attributes (HTML and CSS)
- page size (HTML and CSS)
- finding page size (PHP)
- Change Web Page Font Size on the Fly (Windows tips 'n' tweaks)
- Set Your Browser to Open to a Page of Your Choice (Windows tips 'n' tweaks)
Other Threads in the Site Layout and Usability Forum
- Previous Thread: First post need some help!
- Next Thread: linking pages in Fireworks 8
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest Site Layout and Usability Posts
- Today's Posts
- Unanswered Threads
blogging content customer design development dreamweaver duplicate email evaluation filesharing firefox flash gilbane google html itunes javascript kazaa layout music napster peertopeer photoshop remote remoteserver satellitenavigation satnav server site tables template tips tomtom url wave web website websitedesignreview web_development web_sites
