Problem with Superscript (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


cgpete83 -> Problem with Superscript (12/13/2007 15:56:03)

Guys,

(working in Expression Web)

I am building bullet lists for my web site, and I am using a graphic of a bolt head instead of using bullets. Everything is coming along nicely, but due to the size of the graphic, I need to raise the text that follows it slightly to make it look vertically centered to the graphic.

I found a post on here with a link to a page explaining how to do superscript (or subscript) with CSS 2.1

It should be like this:

.list_text {
vertical-align:super;
}


After doing that, it works in Expression Web's Design view, but not when I preview in IE7 or Firefox 2.0

Any help would be greatly appreciated. If you need more detail just let me know.

Thanks in advance,

Chris




d a v e -> RE: Problem with Superscript (12/13/2007 16:18:19)

it's probably easier - and more semantically, correct seeing as your list items shouldn't be superscript - to add some extra blank space (say 3-4px) to the bolt head image at the bottom to 'raise' the image up to the text middle.

posting a url would be the next step if this didn't work




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.03125