I would like to put another pic below the one you see on the right side of the page.
<!-- m --><a class="postlink" href="http://www.bobbyrags.com/robert.htm">http://www.bobbyrags.com/robert.htm</a><!-- m -->
I used this code for the pic.
<div style="float:right;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images\robrtliv.jpg" height="200" width="184" alt="Robert relaxing">
</div>
How do I get another pic below it? Thank you.
Here's my CSS code in case it's helpful/needed for this solution.
A:link {color
range;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:yellow;}
.navbar {position:absolute;top:10px;left:10px;}
#content{position:absolute;top:0px;left:175px;right:350px;}
BODY {background-image: url("http://www.BobbyRags.com/Images/curve_goodies.gif"); background-repeat: repeat-y; font-family:verdana;}
UL LI {list-style-type: disc; margin-left: 100px;}
Again, thanks!
Try putting a div around the images you want on the right, then floating the div to the right as well as the images. If you make the div the same width as the images you should get the desired effect.I think you need this added to your need set of images.
clear:right;
This will clear the first right aligned float.
<!-- m --><a class="postlink" href="http://www.bobbyrags.com/robert.htm">http://www.bobbyrags.com/robert.htm</a><!-- m -->
I used this code for the pic.
<div style="float:right;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images\robrtliv.jpg" height="200" width="184" alt="Robert relaxing">
</div>
How do I get another pic below it? Thank you.
Here's my CSS code in case it's helpful/needed for this solution.
A:link {color
range;}A:visited {color:black;}
A:active {color:red;}
A:hover {color:yellow;}
.navbar {position:absolute;top:10px;left:10px;}
#content{position:absolute;top:0px;left:175px;right:350px;}
BODY {background-image: url("http://www.BobbyRags.com/Images/curve_goodies.gif"); background-repeat: repeat-y; font-family:verdana;}
UL LI {list-style-type: disc; margin-left: 100px;}
Again, thanks!
Try putting a div around the images you want on the right, then floating the div to the right as well as the images. If you make the div the same width as the images you should get the desired effect.I think you need this added to your need set of images. clear:right;
This will clear the first right aligned float.