Topic: Display:block and anchor tags (Page 1 of 1)

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...

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

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...