Problème avec le formatage de la balise <img>

Image

28 janvier 2006 à 1:46:45

Bonjour,
J'essaie actuellement de coder un formulaire en xhtml/css, et je rencontre un problème avec les images.
Mon image en haut est une bannière...

En effet, je peux modifier les marges extérieures grace à

Citation : Pas de titre

.logo(j'ai appellé la class= d'image logo...)
{margin: Xpx
}

Cela dit, je crains que les eventuels visiteurs n'ayant pas la même résolution que moi ne puissent la voir centrée étant donné que j'ai renseigné le champs

Citation : .css

.logo
{margin-left: 75px
}

en pixels.
Existe-t-il une manière de mettre un :center ou :middle a une image en .css ou...comment puis-je faire ? o_O

Je profite du fait d'avoir posté pour demander comment est ce que l'on peut avoir moins de marge en haut.
en effet, que je tente :

Citation : .css

.logo
{margin-top: 0px
}

ou de ne pas renseigner ce champs en .css...j'ai tout de même une marge qui semble être une marge minimale en haut.
Or... :euh:

....je ne veux pas de marge moi :lol:

Comment faire dès lors pour n'avoir que 1 ou 2 pixels de background entre l'image et le bord x=0 de la fenêtre?

Merci beaucoup d'avance a tous ceux qui pourront m'aiguuiller

ps edit: Désolé le problème vous parait peut être tout bête mais je suis débutant...

Pliskin

28 janvier 2006 à 2:14:22

Tu as essayé margin: auto; ?

Dinocami

28 janvier 2006 à 2:22:08

Non,je n'avais pas essayé.
Cela dit je viens d'essayer de le rentrer dans le body :

Citation : .css

.logo
{border-width: 2px;
border-color: black;
border-style: solid;
margin: auto;
}

et ca ne donne rien :S
Ca reste collé a gauche et décallé en haut d'au moins 15-20 px a vue d oeil

Pliskin

28 janvier 2006 à 2:52:57

Determine un width et un height à ta balise logo.
Je crois aussi qu'il faut que ce soit une balise block pour pouvoir lui appliquer le margin : auto; .... il faut donc soit mettre un display : block; à ta balise img soit la mettre dans une balise p (conseillé) et appliquer ce margin : auto; à cette même balise p.

Essaie et dis moi ce que ça donne

Dinocami

28 janvier 2006 à 12:23:22

Tu es un chef nab14

Ca a centré l'image.
ca donne donc:

Citation : Xhtml :

<body>
<p>
<img src="http://www.rastamafia.com/img/rastalogo.jpg" alt="logorastamafia" class="logo"/>
</p>
<h1>Sondage....[...]</body>

Citation : .css

.logo
{display: block;
width: 800px;
height: 300px;
border-width: 2px;
border-color: black;
border-style: solid;
margin: auto;
}

En revanche, il me reste toujours cette marge d'un quinze, vingtaine de pixels en haut du logo :euh:

Tu vois quoi y faire?

Merci beaucoup pour cet aide en tous cas nab14

jp949

28 janvier 2006 à 12:27:10

.logo {margin:0 auto; }
body {margin-top:0;}