help me pls
well i've been away from the webdesign front for a while. I wanted to design a page but i am having major trouble using dreamweaver. I have created a banner that is 1024 by 200 and also a middle section of 1024 by 20. Now when i create the page i add a table in with 1 column and 3 rows i add the banner to the top cell and add the middle image as a background in the middle cell. i then set the widths to percentages so that no matter what resolution ppl use they can see the whole page. But when i view the page it does not adjust to any screen size. Can someone pls help me. :)
:)
zollet posted this at 00:23 — 20th July 2002.
He has: 1,016 posts
Joined: May 2002
Hmm. Can we see your code? It sounds like you need to add your top banner as a background to the first cell and not as an![]()
.
neoman posted this at 00:30 — 20th July 2002.
They have: 5 posts
Joined: Jul 2002
Untitled Document
(
zollet posted this at 01:02 — 20th July 2002.
He has: 1,016 posts
Joined: May 2002
I meant put it online so we can view the page
But your HTML source looks just fine when I view it in IE 6.0. What browser are you using?
Abhishek Reddy posted this at 01:05 — 20th July 2002.
He has: 3,348 posts
Joined: Jul 2001
I don't think percentages can be used for![]()
widths. Besides, this will also only make the image stretch or contract disproportionately.
If you wan't to make it flexible then you need to design for the lowest screen resolution you want and add a repeating element as a background for the higher resolutions.
neoman posted this at 01:06 — 20th July 2002.
They have: 5 posts
Joined: Jul 2002
http://www.php50.com/elitegamers/elitegamers.html
here is my wesite address, i want the image underneath the banner to resize with the rest of the page so when the banner shrinks so does the image underneath it.
Abhishek Reddy posted this at 01:16 — 20th July 2002.
He has: 3,348 posts
Joined: Jul 2001
middle.gif is a background, which doesn't resize.
If you want it to resize, then add it as an image and add a layer on top of it.
neoman posted this at 01:19 — 20th July 2002.
They have: 5 posts
Joined: Jul 2002
how do i do that, i want it to repeat as i add stuff to the page.
Abhishek Reddy posted this at 02:35 — 20th July 2002.
He has: 3,348 posts
Joined: Jul 2001
Hmm, I'm not quite sure how you could make it stretch and repeat...
The only way I can think of is to split the middle cell into three columns, and so slice middle.gif so that the first white bar is a bg in the first cell(1), the empty region is a bg in the second(2), and the second white bar is a bg in the third cell(3).
Using width=100% for the cell (2) will make it stretch as wide as possible.
____________________
|. . . . . . . . . . |
|. . .header . . . . |
|____________________|
|. . .|. . . . |. . .|
|. 1 .|. .2. . |. 3 .|
|. . .|. . . . |. . .|
|. . .|. . . . |. . .|
|————————————————————|
|. . .footer. . . . .|
|____________________|
zollet posted this at 02:37 — 20th July 2002.
He has: 1,016 posts
Joined: May 2002
neoman,
I just want to add that what you're trying to do is not the best way to go. There are many ways you can make your site adjust to multiple resolutions without resizing images (which makes them look very poor).
neoman posted this at 02:38 — 20th July 2002.
They have: 5 posts
Joined: Jul 2002
well any idead would e greatly appreciated:)
Abhishek Reddy posted this at 02:40 — 20th July 2002.
He has: 3,348 posts
Joined: Jul 2001
I've just edited my previous post. I'll have a go at editing your code to what I'm suggesting...
Abhishek Reddy posted this at 02:47 — 20th July 2002.
He has: 3,348 posts
Joined: Jul 2001
<table width="95%" border="0" cellpadding="0" cellspacing="0"><tr bgcolor="#000000">
<td width="100%" nowrap><div align="center"><img src="elite.gif" width="100%" height="220"></div>
</td>
</tr>
</table>
<table width="95%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="150 (width of middle_1)" background="middle_1.gif">xyz</td>
</tr>
<tr>
<td width="100%" background="middle_2.gif">abc</td>
</tr>
<tr>
<td width="150 (width of middle_3)" background="middle_3.gif">xyz</td>
</tr>
</table>
Slice up middle.gif into three sections as I mentioned earlier, and substitute them into the above code. Remember to change the widths 150 to whatever the sliced widths are.
zollet posted this at 02:48 — 20th July 2002.
He has: 1,016 posts
Joined: May 2002
neoman,
For example, if you make your header to have a simple pattern that can be repeated somewhere towards the right, you could use that to strech your header to fill the screen width.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.