| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
StarMatt
Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala
|
 Posté le: 23 Juin 2006 à 15:12 Sujet du message: xHTML/CSS Problème de Margin |
 |
|
Bonjour à tous, voilà j'essay de coder mon design mais j'ai un problème, avant tou voilà le code concerné :
Code : HTML
<div id="newsmenu">
<span id="menulien1">50</span>
</div>
Code : CSS
#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.
_________________
| AlexMagnus a écrit: |
| Je troll si j'veux. |
+1 |
|
| Revenir en haut de page |
|
 |
AddiKT1ve
Invité
|
| Posté le: 23 Juin 2006 à 15:17 Sujet du message: |
|
|
Il faudrait qu'on voit ton code en entier, parce que là...  |
|
| Revenir en haut de page |
|
|
StarMatt
Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala
|
| Posté le: 23 Juin 2006 à 15:29 Sujet du message: |
|
|
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="" href="mgf.css" />
</head>
<body>
<!-- HEADER -->
<div id="header"></div>
<!-- FIN HEADER -->
<!-- CORPS 1 + MENU -->
<div id="newsmenu">
<!-- MENU -->
<span id="menulien1">Lien 1</span>
<!-- MENU -->
</div>
</body>
</html> |
| Code: |
body
{
margin: auto;
width: 744px;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size: 11px;
text-align: left;
}
#header
{
width: 744px;
height: 169px;
background-image: url('design/header.jpg');
background-repeat: no-repeat;
}
#newsmenu
{
width: 744px;
height: 192px;
background-image: url('design/news.jpg');
background-repeat: no-repeat;
}
#menulien1
{
margin-left: 45px;
padding-bottom: 50px;
} |
_________________
| AlexMagnus a écrit: |
| Je troll si j'veux. |
+1 |
|
| Revenir en haut de page |
|
|
AddiKT1ve
Invité
|
| Posté le: 23 Juin 2006 à 15:35 Sujet du message: |
|
|
| Déjà, #menulien1, tu devrais le transformer en .menulien1 ... C'est une classe, pas une id... |
|
| Revenir en haut de page |
|
|
StarMatt
Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala
|
| Posté le: 23 Juin 2006 à 15:36 Sujet du message: |
|
|
Non, il ne concerne qu'un élément.
_________________
| AlexMagnus a écrit: |
| Je troll si j'veux. |
+1 |
|
| Revenir en haut de page |
|
|
3dmin
Administrateur
Inscrit le: 12 Sep 2004
Messages: 3426
Localisation: Brussels
|
| Posté le: 23 Juin 2006 à 16:05 Sujet du message: |
|
|
Salut!
1) Quel résultat tu veux obtenir ?
2) Est-ce que tu as essayé avec 'auto' ?
_________________
Patojiku
(c) D.T.P.C. Team, 2004-2010
"Linux, quand il plante, je l'aime quand même, Windows, même quand je l'aime, il plante..."
(c)The Patjke's Network, 1997-2010 |
|
| Revenir en haut de page |
|
|
StarMatt
Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala
|
| Posté le: 23 Juin 2006 à 16:14 Sujet du message: |
|
|
1) J'aimerais arrivé à mettre 6 liens dans les endroits blancs de cette image :
2) Oui, mais non^^
_________________
| AlexMagnus a écrit: |
| Je troll si j'veux. |
+1 |
|
| Revenir en haut de page |
|
|
StarMatt
Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala
|
| Posté le: 23 Juin 2006 à 20:35 Sujet du message: |
|
|
Bon ben finalement je m'en suis sorti ^_^
Ca donne ça !
_________________
| AlexMagnus a écrit: |
| Je troll si j'veux. |
+1 |
|
| Revenir en haut de page |
|
|
vin-moi
Administrateur
Inscrit le: 28 Aoû 2004
Messages: 6897
Localisation: France
|
| Posté le: 23 Juin 2006 à 23:38 Sujet du message: |
|
|
Salut,
héhé bien joué ! 
Malgré tout, tu reste severement limité pour deux raisons principales :
- si tu veux ajouter un lien, il faut modifier l'image de fond, de même si tu veux en supprimer.
- Si quelqu'un à personnaliser la taille de sa police dans son navigateur, ou bien qu'on fait un coup de ctrl+ molette pour zoomer les polices, ce n'est plus en face 
-autrement sous IE il y a un gros décalage).
Ce que je te propose de faire :
Que ton menu soit extensible en hauteur, un bloc avec une couleur de fond vert foncé fera l'affaire à priori.
Pour l'effet derrière les liens je te propose d'afficher tes liens en tant que bloc ( display:bloc) et avec des dimensions fixe. En arrière plan du lien, il te suffira de mettre une image de 1px*130px (120 correspondant à ton dégradé horzontal, je dis ca à vue d'oeil) ! Ca me semble indispensable, surtout si tu redistribue l'interface que l'utilisateur puisse ajouter et enlever à sa guise des liens dans le menu sans passer par la modification d'une image.
_________________
|
|
| Revenir en haut de page |
|
|
Ajouter à : 
|
|
Ce que nous vous conseillons :
