Devenir Membre

PHP

Communauté

Divers

Manuels

Annonces

Div au lieu de table

le 05/09/2006 à 18:30

surfeurdu33

Déconnecté

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>
</td>
<td rowspan="3">
</td>
</tr>
<tr>
<td>
</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

le 05/09/2006 à 18:33

Keika

Déconnecté

Le PHP --> C'est dur !

ca fait quoi rowspan ? si c'est une alternance quelconque, tu peux le remplacer par un petit code php

le 05/09/2006 à 23:42

surfeurdu33

Déconnecté

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

le 06/09/2006 à 10:13

LupusMic

Déconnecté

Développeur récurrent, procédural et relationnel. Caustique soupe-au-lait.

[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.

Accès rapide :

Remonter