...

View Full Version : Image Between <hr>'s



bartz
08-01-2007, 10:34 PM
I have about 30 links each with an <hr> separating them into 1-3 link sections. Sometimes an image accompanies one of the link sections. I want to right align that image, so I used float:right, but it doesn't work as I would like it to. The broken set-up places the image on top of the <hr> separating the next section. I want the next <hr> to follow the image, not go underneath it. How should I set this up?

Jutlander
08-01-2007, 10:37 PM
Have some code we can look at?

VIPStephan
08-02-2007, 12:29 AM
I suspect you didnít clear your floats, did you?


hr {clear: both;}

bartz
08-02-2007, 02:40 AM
body
{
line-height:100%;
margin:0px;
padding:0px
}

div.top
{
font-size:175%;
padding-top:10px;
padding-bottom:25px;
text-align:center;
}
div.row0
{
position:absolute;
left:5px;
width:32%;
}

div.row1
{
position:absolute;
width:32%;
margin-right:34%;
margin-left:34%;
}

div.row2
{
position:absolute;
right:5px;
width:32%;
}

a
{
line-height:120%;
}

img
{
position:absolute;
right:0px;
height:auto;
width:25%;
margin:0 0 0 5px;
}

hr
{
width:100%;
margin:.5em 0em .5em 0em;
height:3px;
color:#008;
background-color:#008;
}


---XHTML---
basically looks like this
<hr><img><a><a><hr>, etc, etc.

_Aerospace_Eng_
08-02-2007, 03:01 AM
Stephan gave you your solution.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum