[css]Bannière et margin-top
Fermé
mateus2
Messages postés
27
Date d'inscription
vendredi 28 octobre 2005
Statut
Membre
Dernière intervention
16 février 2006
-
26 nov. 2005 à 14:07
qwer Messages postés 60 Date d'inscription jeudi 1 juillet 2004 Statut Membre Dernière intervention 11 mars 2006 - 4 déc. 2005 à 08:53
qwer Messages postés 60 Date d'inscription jeudi 1 juillet 2004 Statut Membre Dernière intervention 11 mars 2006 - 4 déc. 2005 à 08:53
A voir également:
- [css]Bannière et margin-top
- Bannière instagram - Guide
- Top site telechargement - Guide
- Css premier plan ✓ - Forum CSS
- Top achat avis - Forum Matériel & Système
- Css lien non souligné - Astuces et Solutions
6 réponses
mateus2
Messages postés
27
Date d'inscription
vendredi 28 octobre 2005
Statut
Membre
Dernière intervention
16 février 2006
26 nov. 2005 à 14:44
26 nov. 2005 à 14:44
ok c bon problème résolus tout seul comme un grand !
j'ai placé ma bannière en absolu.
j'ai placé ma bannière en absolu.
qwer
Messages postés
60
Date d'inscription
jeudi 1 juillet 2004
Statut
Membre
Dernière intervention
11 mars 2006
14
27 nov. 2005 à 09:02
27 nov. 2005 à 09:02
la position absloue est pas necessaire
body{
margin:0px auto;
padding:0px;
}
body{
margin:0px auto;
padding:0px;
}
mateus2
Messages postés
27
Date d'inscription
vendredi 28 octobre 2005
Statut
Membre
Dernière intervention
16 février 2006
30 nov. 2005 à 19:18
30 nov. 2005 à 19:18
Je viens de tester ton code qwer et j'ai toujours ce meme problème sur mozilla. Pour une fois IE ne m'embete pas.
Que puis-je faire pour caler ma bannière sans margin-top sur mozilla ?
merci
Que puis-je faire pour caler ma bannière sans margin-top sur mozilla ?
merci
qwer
Messages postés
60
Date d'inscription
jeudi 1 juillet 2004
Statut
Membre
Dernière intervention
11 mars 2006
14
1 déc. 2005 à 16:50
1 déc. 2005 à 16:50
body{
margin:0px;
padding:0px;
text-align:center;
}
#ban{
background-image:url(images/banniere.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:780px;
height:149px;
margin:0px auto;
padding:0px;
}
mais ta banniere c'est quoi ? un iframe ou un div, si c'est un iframe ca marchera pas avec ce code
tu as mis #ban donc c'est bien <div id="ban" et pas class, attention le css est sensible a la casse
margin:0px;
padding:0px;
text-align:center;
}
#ban{
background-image:url(images/banniere.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:780px;
height:149px;
margin:0px auto;
padding:0px;
}
mais ta banniere c'est quoi ? un iframe ou un div, si c'est un iframe ca marchera pas avec ce code
tu as mis #ban donc c'est bien <div id="ban" et pas class, attention le css est sensible a la casse
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
mateus2
Messages postés
27
Date d'inscription
vendredi 28 octobre 2005
Statut
Membre
Dernière intervention
16 février 2006
1 déc. 2005 à 20:07
1 déc. 2005 à 20:07
ok çà marche impec merci qwer.
J'avais encore un autre problème que je n'arrive pas à résoudre:
En fait j'ai deux div dans mon code et en fait il y a un margin qui vient s'ajouter entre mes 2 div. dans mon div"contenu"si je met que ma police sans aucune balises alors les 2 div se collent. Ce margin est certainement générés par les balises de ma div "contenu". Voici mon code XHTML:
<!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" >
<head>
<link rel="stylesheet" href="style2.css"/>
<title> Mon CV </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
<div id="banniere">
</div>
<div id="contenu">
<h1>blablabla</h1>
<ul>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
</ul>
</div>
</body>
</html>
et voici ma feuille de style associés:
body{
width:780px;
margin:auto;
}
#banniere{
width:780px;
height:146px;
background-color:red;
}
#contenu{
margin:0px;
padding:0px;
background-color:yellow;
}
voilà pouvez vous m'aider sur ce problème ?
J'avais encore un autre problème que je n'arrive pas à résoudre:
En fait j'ai deux div dans mon code et en fait il y a un margin qui vient s'ajouter entre mes 2 div. dans mon div"contenu"si je met que ma police sans aucune balises alors les 2 div se collent. Ce margin est certainement générés par les balises de ma div "contenu". Voici mon code XHTML:
<!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" >
<head>
<link rel="stylesheet" href="style2.css"/>
<title> Mon CV </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
<div id="banniere">
</div>
<div id="contenu">
<h1>blablabla</h1>
<ul>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
<li>blablablablablabla</li>
</ul>
</div>
</body>
</html>
et voici ma feuille de style associés:
body{
width:780px;
margin:auto;
}
#banniere{
width:780px;
height:146px;
background-color:red;
}
#contenu{
margin:0px;
padding:0px;
background-color:yellow;
}
voilà pouvez vous m'aider sur ce problème ?
qwer
Messages postés
60
Date d'inscription
jeudi 1 juillet 2004
Statut
Membre
Dernière intervention
11 mars 2006
14
4 déc. 2005 à 08:53
4 déc. 2005 à 08:53
c'est le h1 qui te fais le margin
h1
{
background-color:green;
margin:0px;
}
h1
{
background-color:green;
margin:0px;
}