Ouverture de SUPINFO USA à San Francisco en 2008. Des études en informatique en Californie à un tarif abordable ! Inscrivez-vous dès maintenant !

Recherche

4 messages

NeqO

[HTML/CSS] structure en CSS [Résolu] - j'arrive po :(

le 30 Juill. 05 à 16h32

:hello:

J'aimerais faire quelques chose en CSS, mais j'y arrive pas... :(

le principe est ici :

Je veux afficher ces infos.
Il n'y a peut être pas de photo, donc un bloc peut être vide.
La hauteurdes blocs est variable, mais chaque bloc "cote à cote" doit commencer à la même positition (pour ne pas avoir de décalage vertical)

j'ai essayé d'entourer chaque bloc de div :

.play_bloc {
width: 295px;
float: left;
}

ça pourrait fonctionner, mais lorsque le bloc de droite est plus petit que celui de gauche, le troisième (qui devrait apparaitre dessous normalement) vient directement dessous, c'est génant.

exemples
http://www.team-zog.net/player_6.htm
http://www.team-zog.net/player_14.htm

avec et sans photo

comment faire ?

Bricomix

le 30 Juill. 05 à 17h17

Fais ça avec display: table; En gros, ça donnerait quelque chose comme :

Code :

div#table {
    display: table;
}

div#table div.row {
    display: table-row;
}

div#table div.row div {
    display: table-cell;
}

Et en HTML :

Code :

<div id="table">
  <div class="row">
    <div>
      Infos perso
    </div>
    <div>
      Photo
    </div>
  </div>
  <div class="row">
    <div>
      Hardware
    </div>
    <div>
      Favorites
    </div>
  </div>
</div>

J'suis pas un pro du CSS donc peut-être que quelqu'un aura mieux en fait ;)

Sans-Nom

le 30 Juill. 05 à 17h34

Sachant que display: table n'est pas supporté par IE6 & 7 (de toute façon, IE7 = IE6 en plus moche). Utilise directement les tableaux.

NeqO

le 30 Juill. 05 à 18h08

Bon j'ai bidouillé et ça fonctionne.

merci quand même ;)

4 messages

Vous devez être connecté pour écrire un message !

Glossaire High-Tech : # A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Découvrez aussi : AchetezFacile (Comparateur de prix) - JeuxVideo.fr - Neteco - Ozap - Mobinaute - JeuxVideo.TV (Emissions TV)
Echanges de Liens : Allociné (Cinéma, VOD) - Cityvox (Paris) - Franchise Jeux Vidéo - Boursier.com (Bourse Quotidien) - Infobebes (Grossesse)
Culture Jeux (Encyclopédie) - Webdistrib (Matériel Informatique) - Locafilm (Location DVD) - Pixmania (GPS Garmin) - auFeminin (beauté, mode)
Sur cette page : [HTML/CSS] structure en CSS [Résolu] - j'arrive po :( : :hello: J'aimerais.... Mots Clefs : informatique, PC, hardware, matériel, jeux vidéo, multimédia, logiciel, téléchar....