Whats wrong with my css?

Im a relative newbie with web design myself but whats not displaying correctly so we know what may be causing problems? Also are you using a site builder or dreamweaver etc?

Also would help to get you CSS onto a seperate style sheet. Makes things a bit neater :)
 
lol its all still very much in testing, those spacers are where text is supposed to go once i can be bothered writing it.
 
I haven't looked at your HTML/CSS but when doing something like that I would lay it out like this:

<div style="overflow:hidden">
<div style="width: 70px; float: left;">Label</div>
<div style="width: 70px; float: left;">Label</div>
<div style="width: 70px; float: left;">Label</div>
<div style="width: 70px; float: left;">Label</div>
</div>
 
pieplough said:
whats not displaying correctly so we know what may be causing problems?
Click to expand...

first post...

Mattius said:
all buttons down the bottom are in line except admin
Click to expand...


did you try me suggestion?

Imy: that's an aweful way to do it. css is to neaten up code, not mess it up even more. you've got the same styling used over and over where you could have just one set if css is used properly and separate from the html
 
yeah i tried the suggestion, its still the same, its wierd cause on some browsers its fine, in dreamweaver preview its fine, but on others its not, i just dont understand why.
 
Code: 
.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
[B]margin: 20;[/B]
padding: 10px 30px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #000000; /*background of tabs (default state)*/
vertical-align: top;
}

margin: 20; what? ;) no need to thank me just pay it forward
 
Mammalian said:
Imy: that's an aweful way to do it. css is to neaten up code, not mess it up even more. you've got the same styling used over and over where you could have just one set if css is used properly and separate from the html
Click to expand...

It's a forum post showing a concept. It's up to him to arrange the CSS how he likes.
 
Last edited:
Get yourself FireBug for Firefox and use the element inspector to see what its doing. The reason you have Admin below is it is drawing the li elements inline from above the admin anchor.

Ideally the list elements should draw over the anchors directly, so effectively the anchor block and li element are the same, just the li is used to wrap, which is a common way of doing navigation bars.
 
You must log in or register to reply here.
Back
Top Bottom