css: garder 3 boîtes sur la même ligne qq soit la résolution

tomlelab
WRInaute discret
WRInaute discret
 
Messages: 50
Inscription: 2 Mar 2005

css: garder 3 boîtes sur la même ligne qq soit la résolution

Message le Lun Mar 13, 2006 18:46

Bonjour,
j'aligne 3 boîtes css sur la même ligne en utilisant float:left. Le tout passe sur un écran avec une résolution 1028 mais sinon, les boîtes sont décalées vers le bas etc.. ou bien quand la fenêtre est réduite ou que le contenu d'une bôite déborde un peu. Comment faire pour éviter cela ?

Merci


Delapouite
WRInaute discret
WRInaute discret
 
Messages: 201
Inscription: 9 Jan 2005

Message le Lun Mar 13, 2006 19:15

Bonsoir.

Essaie avec display:inline.

Yvel
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 428
Inscription: 5 Juin 2005

Message le Lun Mar 13, 2006 23:08

regarde la css de l'accueil de wri. ça doit être un truc de ce genre que tu cherches


tom_sawyer
WRInaute passionné
WRInaute passionné
 
Messages: 1206
Inscription: 2 Déc 2004

Message le Lun Mar 13, 2006 23:21

white-space:nowrap; pour emêcher le retour à la ligne

tomlelab
WRInaute discret
WRInaute discret
 
Messages: 50
Inscription: 2 Mar 2005

Message le Mer Mar 15, 2006 11:51

Bonjour,
merci pour vos réponses, mais ça ne semble pas marcher.
J'ai un conteneur principal
.main {
clear:both;
margin-left:30px;
}
qui contient 3 <div>
.box{
float:left;
width: x..
}

Faut il mettre le display:inline dans le conteneur principal ?

smrhp
WRInaute discret
WRInaute discret
 
Messages: 191
Inscription: 3 Aoû 2005

Message le Mer Mar 15, 2006 13:32

disons que si tu cherches à faire des boîtes fixes toujours à la même position peut-être que float n'est pas la bonne piste mais que des margins ou des positions "fixes" seraient mieux ?

oberon
WRInaute discret
WRInaute discret
 
Messages: 154
Inscription: 26 Sep 2003

Message le Mer Mar 15, 2006 21:43

les float c'est pour faire des flottants, des boîtes qui se repositionnent selon la largeur disponible. Si c'est exactement ce que tu ne veux pas faire pourquoi diable utilises-tu des floats ??? Utuilise du positionnement relatif ou absolu, c'est fait pour ça.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Présentations

  • Analyse de la classe C (adresse IP)
    Cet outil vous permet de vérifier si plusieurs sites sont hébergés sur la même classe C (adresse IP du serveur).
  • Tester l'indexation récente d'un site dans Google
    Cet outil vous permet de connaître une estimation de l'ancienneté d'un site : il fournit la date à laquelle Google l'a indexé la première fois (et la même chose pour archive.org).
  • TouchGraph
    Description du TouchGraph Google Browser (outil externe) : il s'agit d'un outil graphique permettant de visualiser des sites similaires (selon Google). On peut sauter de site en site, et se rendre compte facilement des communautés de sites, ou des nébuleuses de sites traitant du même sujet.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités