centrer une image et virer des bords |
|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Malo-net
html mioche
|
 centrer une image et virer des bords , Posté le: 08-09-2004 21:17 |
|
|
Bonjour. Voici deux questions toutes bêtes auxquelles je n'ai pas trouvé de réponses :
comment centrer une image ? En effet apparement la balise "float" ne marche qu'avec "right" et "left", et pas avec "center".
Comment enlever les bords d'une image qui se mettent par défaut en CSS (l'équivalent du border="0" d'HTML) ? J'ai essayé avec "border: 0px;", mais ça ne marche pas...
Ben voilà, merci d'avance. |
|
|
SIBELIUS
html mioche
 |
| centrer une image et virer des bords , Posté le: 09-09-2004 9:49 |
|
|
| Citation: |
| comment centrer une image ? En effet apparement la balise "float" ne marche qu'avec "right" et "left", et pas avec "center". |
En effet, float ne fait que pousser à droite ou à gauche.
Pour centrer l'image, tu peux utiliser les marges latérales automatiques :
http://www.alsacreations.com/articles/centrer/
| Citation: |
| Comment enlever les bords d'une image qui se mettent par défaut en CSS (l'équivalent du border="0" d'HTML) ? J'ai essayé avec "border: 0px;", mais ça ne marche pas... |
Si, ça marche, mais tu veux sans-doute parler des images qui sont en même temps des liens (img inclues dans <a>).
Dans ce cas, il faut indiquer la bordure nulle ainsi :
a img {border:0} |
|
|
Malo-net
html mioche
|
| Merci, mais...(je crois que je commence à devenir chiant...) , Posté le: 09-09-2004 10:44 |
|
|
D'accord.
Merci beaucoup à vous. Pour le "border", en effet, mon image est à la fois un lien, je suis désolé, j'avais oublié de le préciser.
J'ai été voir la partie de votre tuto en lien, et je ne comprends pas pourquoi il faut centrer le texte dans le body et le réaligner pour notre image.
Dans le cas de ce que je veux faire, il s'agit juste de centrer une image à l'intérieur d'un bloc, mais tout le reste du texte (qui n'est pas dans ce bloc) devrait être aligné à gauche. Donc, je dois écrire "text-align: left" pour tout le reste du site pour pouvoir centrer une image ?
En tous cas, votre tuto est très bien fait et très joli (j'avais déja eu l'occaison d'aller le voir, mais pas de vous le dire (qu'il était joli, pas que je suis allé le voir (enfin je peux vous dire que j'ai été le voir aussi, d'ailleurs (d'ailleurs c'est ce que je fais, là, non ?)))) ! |
|
|
SIBELIUS
html mioche
|
| Re: Merci, mais...(je crois que je commence à devenir chiant , Posté le: 09-09-2004 10:59 |
|
|
| Malo-net a écrit: |
J'ai été voir la partie de votre tuto en lien, et je ne comprends pas pourquoi il faut centrer le texte dans le body et le réaligner pour notre image. |
C'est tout simplement pour corriger un bug d'IE qui ne comprend pas les marges latérales auto 
Pour IE, il suffit de mettre un text-align center dans le bloc qui contient l'image pour centrer tout le contenu... puis de rétablir l'alignement normal (left).
Dans ton cas, tu n'as pas à rétablir l'alignement, puisqu'il n'y a pas de texte dans ton image.
En clair pour ton image :
<div class="centre"><img alt="" src="..." /></div>
Avec en CSS :
.centre {text-align: center}
.centre img {margin: 0 auto;}
Explications :
la première déclaration va centrer tous les textes (en fait, tout le contenu pour IE) dans le bloc "centre"
la seconde déclaration va donner des marges droite et gauches "auto" aux éléments <img> contenus dans .centre |
|
|
Malo-net
html mioche
|
| Okay , Posté le: 09-09-2004 16:44 |
|
|
D'accord.
Merci.
En fait, j'avais déja appliqué ce que vous aviez dit, et si j'insititais, c'était pour "comprendre", car je trouve dommage "d'appilquer bêtement" sans comprendre.
Donc, merci pour vos explications. |
|
|
|
  |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
