you cant really move the border on an element it is RENDERED around the it and pretty much on top of everything else, that why I asked to see the CSS to make sure I understood what you were referring to as “border”
I don’t think its possible to move just the bottom border, but I wanted to see if anyone knew any tricks to do so.
As I said you CANT move the borders… BUT, you CAN move the BG and/or add padding-bottom. Which would work similarly… unless what you want is a clear area between the border and the BG image… for that effect you will need another element:
for example if you had heading links…
h3.title_white a{
display:block;
padding: 2px 0 0 55px;
color: #036;
background: url(/images/h_title_white_dragon.gif) no-repeat;
height: 45px;
margin-bottom:2px; /* the distance you want from the image to the border*/
}
h3.title_white {margin: 0 20px 10px 0;
border-bottom: 1px solid #E1E1E1;}
You could put the image in the html and position it absolutely. Only downside (with what I’ve got so far) is that the underline will go right up to the edge of the image (so I’ve added right padding and a bg color to the image to hide it, though there are probably better ways to fix that):
I’m assuming the image is 45px in width with this code.
EDIT: if you really don’t want the image in the HTML, you could use an empty span in place of the image and set the image as a background image on the span.