DepanneTonPC, dépannage et aide informatique

Bienvenue : Connexion | Inscription
La date/heure actuelle est 28 Mar 2024 à 13:39 FAQ | Rechercher | Membres | Groupes

xHTML/CSS Problème de Margin


 
 
Ce que nous vous conseillons :
  1. Lisez les réponses ci-dessous où vous trouverez des conseils et de l'aide de la part des autres utilisateurs
  2. Avant de faire des modifications sur votre système ou d'installer des logiciels, nous vous recommandons fortement de cliquer ici pour scanner Windows afin de détecter les erreurs de registre.
Poster un nouveau sujet   Répondre au sujet    DepanneTonPC Index du Forum -> Programmation et Graphisme
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
StarMatt



Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala

MessagePosté le: 23 Juin 2006 à 15:12    Sujet du message: xHTML/CSS Problème de Margin Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
AddiKT1ve
Invité





MessagePosté le: 23 Juin 2006 à 15:17    Sujet du message: Répondre en citant

Il faudrait qu'on voit ton code en entier, parce que là... Smile  
Revenir en haut de page
StarMatt



Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala

MessagePosté le: 23 Juin 2006 à 15:29    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
AddiKT1ve
Invité





MessagePosté le: 23 Juin 2006 à 15:35    Sujet du message: Répondre en citant

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

MessagePosté le: 23 Juin 2006 à 15:36    Sujet du message: Répondre en citant

Non, il ne concerne qu'un élément.
_________________
AlexMagnus a écrit:
Je troll si j'veux.

+1 
 
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
3dmin
Administrateur


Inscrit le: 12 Sep 2004
Messages: 3426
Localisation: Brussels

MessagePosté le: 23 Juin 2006 à 16:05    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur MSN Messenger
StarMatt



Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala

MessagePosté le: 23 Juin 2006 à 16:14    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
StarMatt



Inscrit le: 17 Déc 2004
Messages: 689
Localisation: Valhala

MessagePosté le: 23 Juin 2006 à 20:35    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
vin-moi
Administrateur


Inscrit le: 28 Aoû 2004
Messages: 6897
Localisation: France

MessagePosté le: 23 Juin 2006 à 23:38    Sujet du message: Répondre en citant

Salut,

héhé bien joué ! Wink

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 Sad

-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.
_________________
Smile
 
 
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Ajouter à : Scoopeo del.icio.us Digg this Technorati fuzz
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    DepanneTonPC Index du Forum -> Programmation et Graphisme Toutes les heures sont au format GMT + 2 Heures
 
Page 1 sur 1 

 
Sauter vers:  

Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum