Div au lieu de table

Répondre
surfeurdu33
le 05/09/2006 à 18:30
surfeurdu33
Bonsoir, je souhaiterai mettre aux normes mon site web. je suis en train de totalement le réecrire pour qu'il soit valide xhtml.

Et je viens de lire que désormais avec le css il est bien plus simple de faire la présentation d'un site qu'avec les tableaux.

Sauf que moi et le CSS ...

Mon code :
<body>

<table>

<tr>
<td>
<!-- MEMBRE -->
</td>

<td rowspan="3">
<!-- NAVIGATION -->
</td>
</tr>

<tr>
<td>
<!-- MENU -->
</td>

</tr>

</table>

</body>
</html>


Le truc qui me pose problème c'est le remplacement du "rowspan".

C'est à dire comment avoir le même effet avec du css ?

Merçi d'avance
Keika
le 05/09/2006 à 18:33
Keika
ca fait quoi rowspan ? si c'est une alternance quelconque, tu peux le remplacer par un petit code php
Le PHP --> C'est dur !
surfeurdu33
le 05/09/2006 à 23:42
surfeurdu33
Ca y est j'y suis arrivé, j'ai cherché 3 heures mais c'est enfin bon.

Je voulais coller horizontalement 2 "div". (pour remplacer l'effet rowspan)

Pour ceux que çà interesse voilà la solution :

<body>

<div class="logo">LOGO</div>

<div class="log-menu">

<div class="log">LOG</div>

<div class="menu">MENU</div>

</div>

<div class="navig">NAVIG</div>

</body>


body {background-color:#FFCC33;margin:0px;overflow:hidden}
div.logo {height:100px;width:1200px;background-color:#66CCFF;}
div.log-menu {height:600px;width:300px;background-color:#FF9999;float:left;}
div.navig {height:600px;width:900px;background-color:#00CCCC;float:left}
div.log {height:200px;width:300px;background-color:#99FF99;}
div.menu {height:400px;width:300px;background-color:#6600FF;}


Et çà marche, je suis enfin débarrassé de ces vilains tableaux !!! lol :D
LupusMic
le 06/09/2006 à 10:13
LupusMic
[cite]Et çà marche, je suis enfin débarrassé de ces vilains tableaux !!! lol :D[/cite]

Et tu l'as remplacé par de vilaines valeurs absolues :p Essaye d'utiliser des pourcentage plutôt que des tailles au pixel.
Développeur récurrent, procédural et relationnel. Caustique soupe-au-lait.
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours