xHTML/CSS Problème de Margin

Invité · 23/06/2006, 15h29

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** · 23/06/2006, 15h44

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é · 23/06/2006, 16h11

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

**philippe281281** · 23/06/2006, 16h17

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/>** · 23/06/2006, 16h31

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

Tu veux mettre quoi ton span?

Invité · 23/06/2006, 16h39

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

**<romain/>** · 23/06/2006, 16h42

a gauche?

Dans ce cas ne mes pas de span mais tout simplement utilise les listes : <ul><li>. Ton menu c'est une liste de lien non? Tu style le tout et basta

Invité · 23/06/2006, 16h52

Oui, mais j'ai toujours le même problème : je ne n'arrive pas à centrer le texte dans ces zones :'(
Soit le texte ne descend pas, soit c'est l'image qui se déplace =/

**philippe281281** · 23/06/2006, 16h57

Essaye peut-être de mettre ta liste de texte dans un bloc <div> positionné de façon absolue ?

Invité · 23/06/2006, 16h59

Envoyé par philippe281281

ça donne quoi ma soluce ?

Ca n'a rien changé, désolé.

Par contre j'ai reussi avec les list en modifiant le margin par un padding

Invité · 23/06/2006, 17h22

Re, voilà ce que ça fait à présent, le header le bas ne sont pas collé > http://www.webown.net/stock/starmatt/mygreenfolio

Comment faire pour les collés svp ?

css > http://www.webown.net/stock/starmatt...nfolio/mgf.css

**philippe281281** · 23/06/2006, 17h25

#newsmenu
{
(...)
position:relative;
top:-25px
}

Invité · 23/06/2006, 17h49

Merci bcp philippe281281 !

Derniere petite question : Comme vous pouvez voir > http://www.webown.net/stock/starmatt/mygreenfolio le texte se met en dessous des liens, j'aimerais qu'il se mette dans la partie "News" et je n'ai malheureusement aucune idée de comment faire, pouvez vous m'indiquer une solution svp ?

Merci encore a tout le monde