28220 sujets

CSS et mise en forme, CSS3

Problème de div avec IE et Mozilla

Salut à tous,
bon parfois il ne sert à rien de parler bcp car le site le montre mieu que tout...

http://www.club.fft.fr/tcrognes

Voila testez avec IE ca passe et Mozilla les div que j'ai mis en float: auto; ne sont pas la ou je le souhaite. Si je l'enlève le block se superpose sur les autres...

Ca fait un moment que je suis sur ce pb et franchement jcomprend po Smiley langue

Merci
Bonjour vica6a et bienvenue sur Alsacréations,

"auto" n'est pas une valeur reconnue pour la propriété "float".
"left" et "right" le sont par contre.
autant pour moi...

En fait c'est pke jme suis penché sur ce pb y a un moment et ne trouvant pas j'ai abandonné.

C'est un clear: both; que j'ai ajouté et non pas float ^^

Dsl
Bonjour,
Pourquoi te compliquer la vie avec:

#bloc_central {
margin-top: 35px ;
margin-left: 170px ;
margin-right: 170px ;
width: 650px ;
text-align:center;
}

alors que tu es dans un div 'conteneur' avec deux autres blocs au même niveau (gauche et droite) qui sont gérés en float?
As-tu éssayé quelque chose de ce genre:

#bloc_central {
margin-top: 15px ;
margin-left: 17px ;
width: 650px ;
float: left ;
}

Au fait, penser à enlever float: auto; dans .titre_650 Smiley cligne
bin ca alors... ca marche !!!
Franchement respect d'avoir vu ca :d

A la page :
http://www.club.fft.fr/tcrognes/enseignants.php

J'ai un résultat convenable avec IE et non pas avec Mozilla... P-e j'utilise mal les div non ??


Enfin autre question qui n'a rien à voir, comment mettre un tritre à une photo ??
Je sais pas si je m'exprime bien par exple sur la page, mettre les prénom des joueurs sur les photos du bas...

Merci bcp
Re,
Dans la classe long_150, tu spécifies une hauteur de 150px.
Tu appliques cette classe aux deux premieres parties, mais ensuite, pour la fin, il n'y a pas de notion de hauteur ??
Tu pourrais faire quelque chose de ce genre (CSS):

p.haut_150 {
margin:0;
padding:0;
font-size: 1em ;
height: 150px;
}

et autour des images:

<p class="haut_150">
<img class="left" src="image/photo/enseignants/morganne_bis.JPEG" alt="Morganne" title="Morganne" />
<img class="left" src="image/photo/enseignants/justine_bis.JPEG" alt="Justine" title="Justine" />
<img class="left" src="image/photo/enseignants/margaux_bis.JPEG" alt="Margaux" title="Margaux" />
</p>
<p class="haut_150">
<img class="left" src="image/photo/enseignants/florent_bis.JPEG" alt="Florent" title="Florent" />
<img class="left" src="image/photo/enseignants/jp_bis.JPEG" alt="Jean-Pierre" title="Jean-Pierre" />
</p>

Si j'ai bien compris ta deuxième question, le title est la réponse Smiley cligne
Très bien je suis désolé.
Dorénavant je passerai au correcteur word avant de rédiger Smiley biggrin

En ce qui concerne Cormar, je te remercie de tes remarques, ça marche sauf le titre des images…
En fait pour te donner une idée, avant il y avait un tableau avec le texte sous l’image, un sage m’a dis qu’il fallait arrêter les tableaux donc je cherche l’équivalent.

Merci

PS : Pour centrer un div: ça marche si on met margin-left et margin-right à 10% par exemple ?
Sujet clos
Aller à