Click here to toggle the menu visibility

Conquest of Elegance - Copyrighted Layout ©

Layout Bases 4

12.11.2008 - 14:10

Below you'll find 7 different layout bases.
They're just (valid) XHTML and CSS, so you can use them as a base to code your own layouts.
The codes are explained by using comments in the sourcecode. - Just open the page in your favorite textediter to check.

You're free to use them and edit them - Just don't redistribute them as downloads/tutorials on your own site. (refer them to me instead)

Layout base: Centered

Div lay-out base: Centered
Tableless design with header, content and footer.
Always centered.
Layout base: Centered, horizontal menu

Div lay-out base: Centered, with horizontal menu
Tableless design with header, horizontal navigation, content and footer.
Always centered.
Layout base: Centered, 2 collumns

Div lay-out base: Centered, 2 collumns
Tableless design with header, content, navigation on the left and footer.
Always centered.
Layout base: Centered, 3 collumns

Div lay-out base: Centered, 3 collumns
Tableless design with header, content, navigation on the left, navigation on the right and footer.
Always centered.
Layout base: Centered, 100% Height

Div lay-out base: Centered, 100% height
Tableless design with header, content and footer.
Always centered and always shown with 100% height.
Layout base: 100% height and width

Div lay-out base: Fullscreen
Tableless design with header, content and footer.
Always shown with 100% height and 100% width.
Layout base: 100% width, 2 collumns

Div lay-out base: 100% width, 2 collumns
Tableless design with header, content, navigation on the left and footer.
Always shown with 100% width.


Current rating for Layout Bases:
4 stars 4 points from 9 vote(s).
   

Melanie on 10.11.2008 - 22:29

WOOOW
very useable

Kimberly on 10.11.2008 - 22:29

Zeer handig Marlou =D
kan ik ook weer vooruit met mijn layout wrieh xD ;)

Rianne on 19.11.2008 - 15:46

Heee!
Het lijkt me wel handig, maar ik snap dus écht helemaal niet hoe je dit moet doen. Het kan ook aan mij liggen, maar ja =P
xxx.

frederique on 21.12.2008 - 23:39

hee,
echt geweldig deze tutorial, ben vandaag gestart met het aanleren van div-layouts maken en dit heeft zeker geholpen!
alleen, ik heb een probleempje.. als je kijkt op m'n site dan kan je zien dat m'n menu niet tot aan m'n footer komt.
dus de vraag is, hoe zorg ik dat dit wel zo is? als je me zou willen helpen zou dat echt geweldig zijn!!
stuur alsjebliefd dan een mailtje naar candycrack@live.nl of ik weet niet hoe anders?

x

Write a comment

* = required field

:

:

:

    Smile Sad Angry K.O. Doh Happy Huh Lame Love Shocked Sigh Wink     Dotdotdot.. Hey! Heart Question Smile


1 + 8 =


Home · Tutorials · Layout Bases