This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > July 2005 > need white bg to follow text down page
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
need white bg to follow text down page
|
|
| Jenna Monnington 2005-07-18, 7:33 pm |
| I have a center aligned wed site that is white in the center and a dark bg
colour on either side. The white center is a table full of sliced images. I
need to make it so that the white goes on as long as my text does. I used a
wrapper to hold my table full of images and text layers in place (thank you I
learnt to do that here) I thought that my wrapper would provide the white
backdrop but it doesn't follow my layer down. Is there away to get the wrapper
to flow down with the text?
Thanks in advance!
Jenna
| |
| Murray *TMM* 2005-07-18, 7:33 pm |
| Show me the code by posting a link to the page, please.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Jenna Monnington" <webforumsuser@macromedia.com> wrote in message
news:dbgr6u$kbe$1@forums.macromedia.com...
>I have a center aligned wed site that is white in the center and a dark bg
> colour on either side. The white center is a table full of sliced images.
> I
> need to make it so that the white goes on as long as my text does. I used
> a
> wrapper to hold my table full of images and text layers in place (thank
> you I
> learnt to do that here) I thought that my wrapper would provide the white
> backdrop but it doesn't follow my layer down. Is there away to get the
> wrapper
> to flow down with the text?
>
> Thanks in advance!
> Jenna
>
| |
|
|
| Murray *TMM* 2005-07-19, 11:37 pm |
| Here's your problem.
The text that you are wanting to push down on the bottom of the white area
and cause it to expand is in an absolutely positioned div (a "layer").
Layers do not push on adjacent content since they are 'floating' above the
plane of the page. So - with your current layout scheme, you cannot achieve
what you want, as you see.
To make the added content push on the bottom of its container, you would
need to NOT have it be absolutely positioned. The simplest solution is to
put it back into the table, and make the vertical expansion of the table
stretch a container with a white background. So - your code is summarized
below -
<body>
<div id="wrapper">
<!-- ImageReady Slices (JMwebsite_layout July 15.ai - Slices: IMG_banner,
IMG_culture, IMG_home, IMG_identity, IMG_languages, IMG_linksandcredits,
IMG_lowerspacer, IMG_sidespacer, IMG_textarea, IMG_totem) -->
<table width=649 border=0 align="center" cellpadding=0 cellspacing=0>
{...snip...}
</table>
<div id="Layer1" style="position:absolute; width:436px; height:530px;
z-index:1; left: 216px; top: 159px;">
<p>I</p>
<p>want</p>
<p>the</p>
<p>white</p>
<p>to</p>
<p>flow</p>
<p>down</p>
<p>with</p>
<p>the</p>
<p>text.</p>
<p>I</p>
<p>was</p>
<p>hoping</p>
<p>to</p>
<p>get</p>
<p>acheive</p>
<p>this</p>
<p>with</p>
<p>the</p>
<p>wrapper?</p>
</div>
<!-- End ImageReady Slices -->
</div><!-- /wrapper -->
</body>
</html>
What I did is this - I wrapped the table in a div with a white background.
Now as the table expands vertically it stretches that div. I took the
textarea image out of the cell, and forced the cell to the required width
with CSS. I placed the content into that cell, and applied a top and left
padding to the cell to properly position the content. As this content
expands, so will the white background of the table wrapper. See it here -
http://www.murraytestsite.com/JMWeb...ut-July-15.html
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Jenna Monnington" <webforumsuser@macromedia.com> wrote in message
news:dbjg3g$hj6$1@forums.macromedia.com...
> Sorry for the delay.
> http://www3.telus.net/public/sureki...ut-July-15.html
>
> Thanks again for your help!
| |
| Jenna Monnington 2005-07-19, 11:42 pm |
| Thank you vary much!!!
| |
|
|
| Jenna Monnington 2005-07-21, 7:24 pm |
| Sorry but I am having problems~_~
http://www3.telus.net/public/sureki...ut-July-15.html
Originally posted by: Newsgroup User
Post back if you have problems!
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Jenna Monnington" <webforumsuser@macromedia.com> wrote in message
news:Dbk1ai$dll$1@forums.macromedia.com...
> Thank you vary much!!!
| |
| Murray *TMM* 2005-07-21, 7:24 pm |
| This is a hard climb for you.
Think of a two-celled table. In the left cell, insert a table containing
the navigation elements. In the right cell, insert another table containing
the contents. Make the valign value for each of those cells be "top".
That's what you need to do on this page.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Jenna Monnington" <webforumsuser@macromedia.com> wrote in message
news:dbon5l$kam$1@forums.macromedia.com...
> Sorry but I am having problems~_~
>
> http://www3.telus.net/public/sureki...ut-July-15.html
>
>
>
> Originally posted by: Newsgroup User
> Post back if you have problems!
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Jenna Monnington" <webforumsuser@macromedia.com> wrote in message
> news:Dbk1ai$dll$1@forums.macromedia.com...
>
>
>
>
>
>
| |
| Jenna Monnington 2005-07-21, 7:25 pm |
| I had to get my mind around it to understand what you where telling me but I
did it and it works, thanks for your help. I understand and am that much more
web worthy, thanks for your help!
Originally posted by: Newsgroup User
This is a hard climb for you.
Think of a two-celled table. In the left cell, insert a table containing
the navigation elements. In the right cell, insert another table containing
the contents. Make the valign value for each of those cells be "top".
That's what you need to do on this page.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
| |
| Murray *TMM* 2005-07-21, 7:25 pm |
| Great - you're welcome. Now you're qualified to take HTML 101. Get at it.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Jenna Monnington" <webforumsuser@macromedia.com> wrote in message
news:dbp1a9$58r$1@forums.macromedia.com...
>I had to get my mind around it to understand what you where telling me but
>I
> did it and it works, thanks for your help. I understand and am that much
> more
> web worthy, thanks for your help!
>
>
> Originally posted by: Newsgroup User
> This is a hard climb for you.
>
> Think of a two-celled table. In the left cell, insert a table containing
> the navigation elements. In the right cell, insert another table
> containing
> the contents. Make the valign value for each of those cells be "top".
> That's what you need to do on this page.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
>
>
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|