At 10:08 AM 11/30/2006, Miles Thompson wrote:
>I'm attempting a two column layout for a simple set of web pages: menu on
>the left, with an image background beneath the menu.
>The only way I could get the image to display was by putting it in the
>"#wrapper". If I tried to add background-image: to the column definition,
>"#left", it did not display.
>
>Now, when I try to position text in the left column, using a <div>, the
>text section starts a new image, just for it's defined depth, overwriting
>the background image. I want it to position it accurately and float it
>transparently over the image.
>
>I'd really like to do this with CSS, and not revert to a table layout and a
>bunch of <br>'s.
>
>Is there a tutorial or example that could be recommended? (I'm much more of
>a plumber, working with back-end scripts, not so much design.)
>
><snip>
>
>Thanks - Miles Thompson
I left the background-image in the style definition for #wrapper, but
changed the way I added the text,
like so:
<div id="container-left">
<div id="link_on_left" style= "position:absolute; top:130px">
<a href="#">Link on left</a>
</div>
<div id ="link_on_left" style= "position:absolute; top:150px">
<a href="#">Dango link on left</a>
</div>
</div>
Yes, v. basic, but I'd missed it.
Regards - Miles
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.409 / Virus Database: 268.15.2/560 - Release Date: 11/30/2006
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
