[CSS] Table met 5 rijen krijg ik niet tegoei ...

[Shaidar]

Ik ben van zin om m'n table design website om te gooien naar volledig CSS, maar ik stuit op het volgende probleem:

Nu heb ik het volgende, met tables (het gaat over die 5 links, home, sitelog, ...)



Source: http://www.damn.be/includes/header.php
Stylesheet: http://www.damn.be/css/gray.css

En ik zou graag die 5 links (home, sitelog, ....) op dezelfde manier in CSS krijgen...

M'n probeersels vind je op :

Source: http://www.damn.be/includes/header-new.php
Stylesheet: http://www.damn.be/css/gray-new.css

[André]

Zet de divs op display:inline om ze achter elkaar te krijgen

[RM-rf]

code:

<div class="menu">
    <a href="http://www.damn.be/">home</a>  
    <a href="http://www.damn.be/sitelog.php">sitelog</a>
    <a href="http://www.damn.be/articles/articles.php">articles</a>
    <a href="http://www.damn.be/mirror.php">mirror</a>
    <a href="http://www.damn.be/guestbook/guestbook.php">guestbook</a>
</div>

Cascading Stylesheet:

.menu A {
   display: block;
   float: left;
   width: 20%;
}

extra DIV's om je verschillende links heenplaatsen, niet doen, hooguit een UL-LI-lijstje (met list-style: none;)

[ Voor 7% gewijzigd door RM-rf op 18-10-2004 15:06 ]

[Shaidar]

Okay, 'k ben iets dichter bij hoe ik het wil hebben, thanks daarvoor al

Heb gezocht op w3cschools en andere CSS websites, maar ik vind nergens hoe dat je dingen centreerd! <div align="center"> mocht je toch niet gebruiken?

iig, het ziet er nu zo uit: http://www.damn.be/includes/header-new.php

[André]

Cascading Stylesheet:

text-align: center;

of: en:

Cascading Stylesheet:

margin-left: auto;
margin-right: auto;

[ Voor 5% gewijzigd door André op 18-10-2004 16:25 . Reden: Prammenhanger ;) ]

[Genoil]

RM-rf schreef op 18 oktober 2004 @ 15:06:
hooguit een UL-LI-lijstje (met list-style: none;)

hooguit? ik zou zeggen "zeker". is niet alleen semantisch veel mooier, ook ziet je site er zonder CSS dan nog leesbaar uit.

li's op display:inline, a's op block als ik me niet vergis..

[Thijsmans]

André schreef op 18 oktober 2004 @ 16:08:

Cascading Stylesheet:

text-align: center;

of:

Cascading Stylesheet:

margin-left: auto;
margin-right: auto;

Of? En!
_{anders moet je dacht ik een andere doc-type meegeven}

Cascading Stylesheet:

body
{
    text-align: center;
}
div.menu
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

[Woudloper]

Genoil schreef op 18 oktober 2004 @ 16:22:
hooguit? ik zou zeggen "zeker". is niet alleen semantisch veel mooier, ook ziet je site er zonder CSS dan nog leesbaar uit.

li's op display:inline, a's op block als ik me niet vergis..

Voor meer informatie hierover kan je nog kijken op A List Apart | Taming the list