Code Help

[Chris2k]

hi,

can some1 help me, im almost certain its css prob:



The big gap between teh buttons, i cnt get rid, ive tried everything. Here's my css 4 it:

/* Tabs */
ul#tabs { 
    list-style-type: none;
    text-align: center;
    margin-bottom: 0px !important;
    height: 25px; !important; }

ul#tabs li {
    padding: -5em !important;
    margin:  0 !important;
    display: inline; }

div.tabContent { }

div.tabContent.hide { display: none; }

div.options-panel { display: none }
/* / Tabs */ 

any help?

Chris2k Reviewed by Chris2k on 23rd Jul 2011. Code Help hi, can some1 help me, im almost certain its css prob: http://imgcrave.com/t/ajBn7.png The big gap between teh buttons, i cnt get rid, ive tried everything. Here's my css 4 it: /* Tabs */ Rating: 5

[ajinkya9]

It would be rally good if you give me the actual URL of the Page.

If you want to keep it secret, then:
try adding a negative margin-right, to the #tabs

EDIT: A title like "Css help" would be much more appropriate.

[Chris2k]

my site not online yet, im coding it on llocalhost.

hmmmmmmm wot do u mean by ;negative mkargin?

[ajinkya9]

under ul#tabs
try adding this:
margin-right:-5px;

see if that works.

[Chris2k]

doesn't work, cheers for trying

anymore ideas

[Hillside]

link to the site pl0x where you have this so it'll be easier to inspect

[Chris2k]

abcd 1234

[xTreme]

ul#tabs li {
padding: -5em !important;
margin: 0 !important;
display:table-cell ;
or display:-moz-box ; }

[SuicidalMedia]

ul#tabs li {
display: inline;
margin-right: -5px;
}

[Hillside]

^No.

ul#tabs { height:25px;list-style-type:none;margin:auto;padding:0;text-align:center;width:200px; }

ul#tabs li { margin:0;padding:0;text-align:0;float:left;width:100px; }