css scripters :D

give you a hand :$?

i don't play counterstrike :$

i play counterstrike :$

i'm pro in css :$

yooo miXer bruv

OK i suppose you're making a horizontal navbar with stuff in it

So make the navbar like you normally would in html using tables and shit or whatever you want to (you can actually make such stuff using nothing but css but I suppose you'll make the basic layout with html)

then you put the whole navbar structure inside <div> tags like this:

Quote

<div class="navigation">ENTER UR NAV CODE HERE</div>

and put this in your stylesheet file

Quote

div.navigation {
margin:0px auto;
text-align:center;
}

That sets top and bottom margins to 0 and left and right margins to auto. also centers text.

There's a catch though, this makes the box size dependant on content. If you want to have a fixed size, use this instead:

Quote

div.navigation {
margin:0px 20%;
text-align:center;
}

Becos this makes it so that there's always 20% space as a margin to your navbox no matter how little or much content you have there. If the content is too much to fit into the box, it will go into a new line stretching the box down.

Fuck if I know if they work, I've done quite a bit of coding though (In this work practice shit i was at a local advertising agency place and I coded some web layouts to them using various methods including using pretty much nothing but css and div tags XD)


E: It's also possible to center the tables directly in html - but that's deprecated nowadays and therefore not valid and might stop working in future revisions of the language.

E2: if you wait a moment I'll fix this old layout of mine (as in make the code a little more valid) and you can use it as an example.

If you want to ever center a div you add this property:
margin:0 auto;
margin 0px auto;
margin:0px auto 0px auto;

all the above are the same, remember its top,left,bottom,right - so what we are doing here is setting left and right to auto and it will center within its current container

PS container is another word for something like a <div>

Your doing the right thing - dont use tables to lay a website out. Once you get used to css its easy, gives you more creative flexibility, allows for easy theme changes, faster for the browser, and it is XHTML strict if you do it right - that means it will looks right on anything including small devices.

The post above is correct except you don't need
text-align:center;

That's for text - the guy got confused because there is an old trick to centering <div> in ie5 browser using that, no one uses ie5 so don't worry about it.

And also don't use margins to set the width like he said, use width:100% or width:66px etc

CS:S ?

Okyeah here's the example I spoke about earlier -- basically rewrote it completely, made it some years ago as a school project :P

http://burneddi.pingviini.info/filut/leiskareviivi
Preview

Soyeah it uses tables for basic structure but they don't have any properties in them - I know it's nowadays recommended to use nothing but CSS but it's quite complex if you're not too experienced with all this stuff. Besides, tables work fine..

It's even valid, after I removed some silly errors!

And here is something I wrote which is the "perfect" pure STRICT xhtml 1.0 three column website which works on all browsers, it can have a liquid width or a fixed one and it is easy to change to two column.. or no column.

have a look at how clean the code is!

http://www.hiphopmonster.com/Div_3Column/index.html

css aint a script.

oh and dump xhtml, it has no future. apart from the fact that its still being served as html :x

So where's my invite