De l'aide pour un petit tableau

Par LepeptitGeek, il y a 14 ans

Les bases HTML/CSS

Salut à tous.
Je suis arrivé sur Grafikart il y a peu et ceci est mon premier post sur le forum :) .

Ma question, ou plutôt mon problème est que je ne parviens pas à mettre en place un tableau que je compte utiliser pour un petit site perso.
Le tableau que je souhaite construire ressemblerai à quelque chose comme ça:

Au besoin, et pour m'aider à y voir plus clair, j'aimerais avoir aussi le CSS qui va avec.
En espérant recevoir une aide prompte, merci par avance pour votre soutient,
LepetitGeek

8 réponses

neoris, il y a 14 ans

Pour la partie Html je vois un truc du genre :

<div class="content">
    <div class="bloc_1"></div>
    <div class="bloc_2">
        <div class="sous_bloc_1"></div>
        <div class="sous_bloc_2"></div>
        <div class="sous_bloc_3"></div>
    </div>
    <div class="clear"></div><!-- Permet de purifier les float du dessus -->
</div>

Au niveau du CSS, tu met les bloc_1 et 2 en float left pour les placer cote a cote, ensuite tu gère le contenu du bloc_2 

.bloc_1,.bloc_2{float:left;}
.clear{clear:both;}
halfjo2000, il y a 14 ans

salut, tu veux faire une maquette d'un site, ou un tableau ???

  • pour une maquette => voir neoris

  • pour un tableau, plutôt une truc du genre :

    <table class="tableleft" width="100">
    <tr>
    <td class="tdleft" height="300">left</td>
    </tr>

    </table>
    <table class="tablemid" width="600">
    <tr>
    <td class="tdtop" height="50">top</td>
    </tr>
    <tr>
    <td class="tdmid" height="200">mid</td>
    </tr>
    <tr>
    <td class="tdbottom" height="50">bottom</td>
    </tr>
    </table>

après tu met en forme en css grâce au classe, avec au minimum un "float:left" pour les tables

golendercaria, il y a 14 ans

Pas d'accord, erreur de sémantique, l'exemple de 'Jbou 43' était plus "juste".

MrGuillou, il y a 14 ans 
<table>
    <tr>
        <td ROWSPAN="4">
        test1
        </td>
    </tr>
    <tr>
        <td>
        test2
        </td>
    </tr>
    <tr>
        <td>
        test3
        </td>
    </tr>
    <tr>
        <td>
        test4
        </td>
    </tr>
</table>
halfjo2000, il y a 14 ans

effectivement, j'avais oublié le "rowspan" :/
(faut dire que des tables j'en fait pas souvent...)

mais merci pour le rappel !

MrGuillou, il y a 14 ans

Passe le sujet en résolu.

LepeptitGeek, il y a 14 ans

Merci pour vos réponses !

jbou43 tu peux me passer le CSS qui va avec ton tableau ?

MrGuillou, il y a 14 ans

Pas besoin de css normalement le tableau fonctionne comme cela.

après tu peux toujours ajouter par exemple

style="border:solid 1px black;width:200px;height:50px;"