Topic: Display:block and anchor tags (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=11063" title="Pages that link to Topic: Display:block and anchor tags (Page 1 of 1)" rel="nofollow" >Topic: Display:block and anchor tags <span class="small">(Page 1 of 1)</span>\

 
Blaise
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 09-30-2003 07:08

Hi guys,

I have an anchor tag that I want to put an image on, I'm doing this using CSS so I can create rollovers.

The problem is the example I use has dislpay:block in it, and I don't want to display links on different lines, sometimes I want them inline, whenever I change this the image doesn't display though. Heres my code...

code:
a.New {
font: bold 12px/1 Arial, Helvetica, sans-serif;
color:#FF6600;
background: url(images/linkOpener.gif) no-repeat left top;
text-decoration: none;
padding-top: 6px;
padding-right: 0px;
padding-left: 33px;
padding-bottom: 7px;
display: block;
}



Any help would be seriously appreciated or if there's a good guide out there, please point me in the right direction.

Cheers,

Blaise

ozphactor
Maniac (V) Inmate

From: California
Insane since: Jul 2003

posted posted 09-30-2003 07:10

A quick answer: Add "float: left" to fake an inline effect. You might have to do a bit of tweaking to get it to look the way you want, though...



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu