CSS: Span Causing Problems inside table (Postnuke)

JavaScript and client side scripting.

Moderator: General Moderators

CSS: Span Causing Problems inside table (Postnuke)

Postby randomblink » Mon Sep 13, 2004 2:43 pm

Alright,
I have a postnuke run site. I am trying to setup CSS to do something...

WHAT HAPPENS:
If I leave out the -bits_small- class from my HTML no problems... But the moment I add this little sucker in? My screen becomes like 400000 pixels wide... and I get a scrollbar to scroll to the right. If I DON'T use the -bits_small- class? The screen sizes up just right...

CSS CODE:

.bits_small
{
width:20px;
height:20px;
background-image:url("http://www.ninjasquirrels.com/TheGreatTree/images/netrunner/symbols/symbol_bits_20x20.gif");
background-position:center center;
line-height: 90%;
padding-top:5px;
text-align:center;
font-size:8pt;
font-weight:600;
font-family:Tahoma;
padding-left:10%;
margin-top:-9px;
margin-bottom:-5px;
color:#FFFFFF;
}

Basically, when I enter HTML like so:
<span class="bits_small">1</span>

I want the number one to appear in the middle of the symbol_bits_20x20.gif image.

I am currently working on it at: http://www.ninjasquirrels.com/TheGreatTree/modules.php?op=modload&name=News&file=article&sid=35&mode=thread&order=0&thold=0

BUT... I am working on it so that page will change as often I come up with a new way of working out this problem...

AND should I figure out how to do it? I am deleting that post and re-creating it so it has 0 reads listed for it. SO if you check the link above and it doesn't work? That means I have figured it out. Otherwise, help if you can?!
randomblink
Forum Commoner
 
Posts: 51
Joined: Wed Jan 28, 2004 12:27 pm
Location: Tulsa, Oklahoma, just this side of hell...

Return to Javascript

Who is online

Users browsing this forum: Bing [Bot] and 3 guests