Salut à tous,
Grand adepte des tutoriaux d'alsacréation je me suis mis à adapter le backoffice d'un de mes sites webs pour respecter au mieux les nouveaux standard.
Mon problème surviens comme beaucoup de personnes au niveau des background. En effet sous IE tout va bien mais sur mozilla le background est tronqué ou n'apparait pas.
J'avoue que j'ai écumer les sites et les forums pour trouver une solution car j'ai toujours préféré trouver seul les solutions à mes problèmes mais là je sèche alors je me résouds en dernier recours à poster.
Merci d'avance pour votre aide à tous
Modifié par Rock Lee (06 Apr 2005 - 00:35)
Grand adepte des tutoriaux d'alsacréation je me suis mis à adapter le backoffice d'un de mes sites webs pour respecter au mieux les nouveaux standard.
Mon problème surviens comme beaucoup de personnes au niveau des background. En effet sous IE tout va bien mais sur mozilla le background est tronqué ou n'apparait pas.
J'avoue que j'ai écumer les sites et les forums pour trouver une solution car j'ai toujours préféré trouver seul les solutions à mes problèmes mais là je sèche alors je me résouds en dernier recours à poster.
body {
margin: 0px;
padding: 0px;
}
#entetePrincipale {
padding: 0px;
margin: 0px;
}
#enteteDroite {
background-image : url(images_interface/en-tete/entete-backoffice_03.jpg);
background-repeat : repeat-x;
background-color : black;
float : top right;
height : 129px;
width: 70%;
}
a.lienEntete {
font : bold 9px Verdana;
color : #000099;
text-decoration: none;
float : right;
margin-top: 8px;
margin-right: 3px;
}
#corpsPrincipale {
background-color : pink;
padding-top : 30px;
margin : 0px;
}
#menuPrincipale {
background-color : red;
margin-left : 10px;
padding : 0px;
width: 200px;
}
ul.menu {
list-style-type: none; /* on supprime les puces, inutiles */
width: 100%; /* précision pour Opera */
padding : 0px;
margin : 0px;
}
li {
height : 33px;
}
span.boutonMenu {
background-image : url(images_interface/menu/boutonMenu.jpg);
background-repeat : no-repeat;
background-color : blue;
background-position: 0 0;
width: 180px;
height: 28px;
}
a.lienBoutonMenuOff {
font: bold 10px Verdana;
color: #F00C6E;
text-decoration: none;
margin-left : 65px;
}
a.lienBoutonMenuOn {
font : bold 10px Verdana;
color : #000099;
text-decoration: none;
margin-left : 65px;
}
<body>
<div id="entetePrincipale">
<img src="images_interface/en-tete/entete-backoffice_01.jpg" />
<img src="images_interface/en-tete/entete-backoffice_02.jpg" />
<span id="enteteDroite"><a href="admin.php" title="Menu Administration"
class="lienEntete">Administration -</a><a href="home.php"
title="Accueil" class="lienEntete">Accueil -</a>
</span>
</div>
<div id="corpsPrincipale">
<div id="menuPrincipale">
<ul class="menu">
<li><span class="boutonMenu"><a href="home.php"
class="lienBoutonMenuOff">Accueil</a>
</span></li>
</ul>
</div>
</div>
Merci d'avance pour votre aide à tous
Modifié par Rock Lee (06 Apr 2005 - 00:35)