> From: Mário Gamito
>
> You can see what i want here:
> http://www.tuxdoit.com/imgs/prototype.jpg
>
Ahh, now I see. The easiest thing might be to give the
<div class="block"> a green left border of appropriate width
and ditch the image. Alternaltely you could use the image as
a background image for the div, allowing it to repeat only
vertically, another option would be to float the image left.
Some rough and simplified examples below.
Left border option markup:
<div class="block">
<p>My lovely text in my lovely paragraph, in my lovely div.</p>
</div>
Left border option css:
.block {border-left: solid 4px #519a24;}
Background image option markup:
<div class="block">
<p>My lovely text in my lovely paragraph, in my lovely div.</p>
</div>
Background image option css:
.block {background-image:url('/images/mygreenline.gif');
background-repeat: repeat-y;
background-position:left;}
Floated image option markup:
<div class="block">
<p>My lovely text in my lovely paragraph, in my lovely div.</p>
<img src="/images/mygreenline.gif" />
</div>
Floated image option css:
.block img {float-left;}
--
Peter Williams
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
