Discussion :

[Invité]

Bonjour à tous, voilà j'essay de coder mon design mais j'ai un problème, avant tou voilà le code concerné :

Code : HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 <div id="newsmenu"> 
<span id="menulien1">50</span> 
</div>

Code : CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 #newsmenu 
{ 
width: 744px; 
height: 192px; 
background-image: url('design/news.jpg'); 
background-repeat: no-repeat; 
} 
 
#menulien1 
{ 
margin-left: 45px; 
margin-top: 50px; 
}

En fait, le "margin-top" ne fonctionne pas (padding-top non plus) mais le margin-left fonctionne, pourquoi ?
Et comment faire pour que le margin-top fonctionne? Merci à vous.

[philippe281281]

Chez moi non plus ça marche pas mais tu peux obtenir le même résultat en rajoutant une ligne dans ta feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 #newsmenu 
{ 
(...)
padding-top:50px;
}

[Invité]

Dans ce cas là, mon image de background se déplacera aussi =/

[philippe281281]

Ah oui je l'avais pas l'image je me suis pas rendu compte !
Sinon essaye ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#menulien1 
{ 
(...)
display:block
}

[<romain/>]

Si c'est pour mettre en block autant utilise un div qu'un span...

Tu veux mettre quoi ton span?

[Invité]

En fait, je veux pouvoir mettre six liens dans les zones blanches de cette image >