Developpement de services

snooper · 25 Mars 2008

Bonjour

J'ai 2 questions à vous demander, dont une surement coconne mais qui me serait bien utile.

1°) Comment centrer une image en css? j'ai essayé de créér un classe avec un margin:auto, position relative, en vain.

Cordialement

Edit herveg : en fait, il n´en avait qu´1 de question car les demandes de services sont interdites sur le forum...

Bool · 25 Mars 2008

Hello,

une image étant un élément "inline", c'est "text-align:center" qui fait effet ici.

Mais le problème est toujours le même : l'image sera centrée par rapport à son conteneur.

snooper · 25 Mars 2008

Bonsoir

Ou je peux demander cela herveg?

Bool

J'ai essayé aussi ce code mais si l'image etait legerement plus au milieu, elle n'était pas centrée.

Ou peut etre que je me suis planté. le code est bien

Feuille.css

.image
{
text-align:center;
}

Article.html

<img class="image" src="monimage.jpg" alt=""/>

???

Cordialement

snooper · 27 Mars 2008

personne???

Cordialement

Bool · 27 Mars 2008

Bah comme je t'ai dit, elle est certainement centrée par rapport à son conteneur.

Comme par essayer de "débugger" ça : ajoute une bordure au conteneur et à l'image, tu verras pourquoi tu as l'impression que ce n'est pas centré.

snooper · 27 Mars 2008

OK je vais essayer

snooper · 30 Mars 2008

Salut Bool!!!

Je viens de tester ça

Dans mon css

#images

{
text-align:center;
text-indent:20px;
}

body {
font:Tahoma;
font-size: 1.0em;
margin:5px auto;
background-color: white;
}

#corps {
width:776px;
background-color: rgb(200,200,200);
margin:auto;
padding:0px;

}

#corps2 {
width:776px;
background-color: rgb(200,200,200);

margin:auto;
padding:0px;

}

et dans ma feuille html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<title>Bienvenue sur LegypteAntique</title>
<link href="feuille-image.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<meta name="keywords" lang="fr" content="Egypte, voyage, mythologie, civilisation"/>
</head>

<body>

<div id="corps">
<img class="images" src="akhenaton.gif" alt=""/>
</div>

<br/><br/>
<div id="corps2">

<div id="images">
<img src="akhenaton.gif" alt=""/>
</div>

</div>

</body>

</html>

le rendu:

http://www.jeuxfun.com/test.html

seule la deuxieme image est centree mais grace au conteneur. Quand je teste un code du style <img class="image-centree" src="image.jpg">

avec en css

.image-centree

{
text-align:center;
}

Ca ne fonctionne pas. Si tu peux me renseigner...

Merci d'avance

Bonne soirée

Bool · 30 Mars 2008

Hello,

il n'y a rien d'anormal à ça : l'image est un élément inline, elle peut être placée au milieu de texte et par conséquent ne peut avoir un alignement différent des élements "autour" ; si tu ne veux pas ce comportement il faut la passer en "mode bloc". Et pour le coup, ce sera avec un "margin:0 auto" que tu l'aligneras.

snooper · 31 Mars 2008

Salut bool

En gros le code donne quoi, je ne vois pas trop ou tu veux en venir. Tu veux me dire de le mettre en float?

En gros, je voulais simplement savoir si pour centrer en css je peux mettre <img class="" src=""> ou si je suis obligé de la mettre dans un conteneur spécifique (<div class="images"></div)? Si non, peut tu me donnzer un exemple précis?

Le but étant de pouvoir centrer certaines images, les mettre a droite ou a gauche, sans avoir une usine à gaz

Cordialement

Bool · 31 Mars 2008

rah, tu veux vraiment du code prémaché...

Code:

display:block;margin:0 auto;

Mais ça ne sert à rien si tu ne comprends pas de quoi il retourne... comme tout en "programmation", si tu fais du copier/coller sans comprendre, ça ne rime à rien.

snooper · 31 Mars 2008

merci bool je vais tester. Je sais bien que ça ne sert à rien mais au bout d'un moment on finit par comprendre. Maintenant je te fais une page html tout sur bloc note, alors que si j'avais attendu d'avoir ce niveau avant de creer un site, j'aurais perdu des annees...

bonne soiree

Darkcity · 31 Mars 2008

snooper a dit:
merci bool je vais tester. Je sais bien que ça ne sert à rien mais au bout d'un moment on finit par comprendre. Maintenant je te fais une page html tout sur bloc note, alors que si j'avais attendu d'avoir ce niveau avant de creer un site, j'aurais perdu des annees...

bonne soiree

Pour apprendre le xHTML/CSS j'y ait peut-être mis une journée pour tout maitriser, pas des années.

Et ne code pas sur Bloc-Notes, un conseil. Utilise Notepad++ ou Dreamweaver.

snooper · 31 Mars 2008

Darkcity

Pourquoi Notepad++? Pour mieux visualiser son code?
Sinon j'exagerais un peu mais je n'ai pas ton intelligence pour apprendre aussi vite... En tout cas apres apprendre il faut apprendre à s'en servir... Un jour tu t'es dit: si j'apprenais le HTML? Et le lendemain, tu gérais a fond???

bonne soiree

Hoho · 1 Avril 2008

C'est sur le terrain de combat que tu apprends. Tu te décide à t'y mettre, tu l'utilises sur tes sites web...résultat: ça rentre tout seul. Pour les questions plus pointues, y a les forum qui sont la.

snooper · 1 Avril 2008

Hoho C'est pourquoi si darkcity y arrive moi je ne pourai pas apprendre dans l'absolu tout l'html en une journee. Il est doué

snooper · 1 Avril 2008

Salut

C'est bizarre

En faisant un essai si je mets la barre Egyptienne

legypteantique.com/L'Egypte/index-new-avec-barre.html

L'affichage du titre se fait correctement

Par contre si je supprime l'image

http://www.legypteantique.com/L'Egypte/ ... barre.html

Tout foire. Bizarre, non?

Cordialement