|
|
Posted by Jonathan N. Little on 11/27/79 11:57
Christoph wrote:
> Using CSS, I want to set images for the left and right margins/borders of
> the page. That seems like it would be simple enough but here's the twist: I
> want one image to display on the top left/right and then another image
> repeating for the rest of the margins/border. So bascially the page would
> look something like this:
>
> A = Image 1
> B = Image 2
> C = Image 3, repeating on both sides
>
> A B
> C Web Page Text Here C
> C Web Page Text Here C
> C Web Page Text Here C
> C Web Page Text Here C
> C Web Page Text Here C
> C Web Page Text Here C
<snip>
Sure:
In Stylesheet:
..bookends { clear: both; }
IMG.lefthand { display: block; float: left; margin-right: 1em; }
IMG.righthand{ display: block; right: left; margin-left: 1em; }
Example code:
<p class="bookends">
<img src="A.jpg" alt="A" class="lefthand">
<img src="B.jpg" alt="A" class="righthand">
Your text for this paragraph
....
</p>
<p class="bookends">
<img src="C.jpg" alt="C" class="lefthand">
<img src="C.jpg" alt="Another C" class="righthand">
Your text for this other paragraph
....
</p>
<p class="bookends">
<img src="C.jpg" alt="And another C" class="lefthand">
<img src="C.jpg" alt="And another C" class="righthand">
Your text for this other paragraph
....
</p>
....
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|