A voir également:
- Problème d'onglet!
- Rouvrir onglet fermé - Guide
- Onglet privé - Guide
- Onglet (informatique) - Guide
- Excel nom onglet dans cellule ✓ - Forum Excel
- Onglet disposition excel ✓ - Forum Word
4 réponses
alexislucky
Messages postés
149
Date d'inscription
mardi 16 septembre 2008
Statut
Membre
Dernière intervention
30 mars 2011
12
20 sept. 2010 à 19:47
20 sept. 2010 à 19:47
Il nous faudrai la partie du code source faisant l'objet de ta requête ... ainsi que le css jouant sur celui-çi ... A mon avis, un simple margin-top ou padding-top devrai poser/résoudre le problème .
Sauriez-vous m'aider ? Please...
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
22 sept. 2010 à 17:40
22 sept. 2010 à 17:40
Bonsoir,
Afin de chercher un peu plus facilement dans ton code... comment se nomme la barre orange au dessus du menu (entre le orange de PôlEnergie et le menu) .
Afin de chercher un peu plus facilement dans ton code... comment se nomme la barre orange au dessus du menu (entre le orange de PôlEnergie et le menu) .
21 sept. 2010 à 11:01
Voilà le CSS :
/* www.cssdebutant.com */
/* margin: haut droite bas gauche ou tout */
/* margin: marge externe */
/* padding: marge interne */
/* border: bordure */
/* link: lien si aucun évènement n'intervient */
/* visited: lien si il a déjà été cliqué */
/* hover: lien si survol avec la souris */
/* active: lien si il est cliqué */
body {
background:#8b8b8b;
color:#303030;
font:80% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
a {
color:#505050;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#808080;
text-decoration:underline;
}
p {
line-height:1.5em;
margin:0 0 15px;
}
/*** Main container ***/
div.container {
background:#f0f0f0 url(image/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}
/*** Header section ***/
div.header {
color:#ffffff;
height:85px;
margin:0 20px 10px;
text-align:left;
}
div.header p {
line-height:1.5em;
margin:0 0 0px;
}
div.header h1, div.header h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}
div.header h1 {
font-size:2.4em;
padding-top:15px;
}
div.header h2 {
font-size:1.6em;
}
/*** Horizontal menu ***/
div.mainmenu {
float:left;
margin-bottom:25px;
}
div.mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}
div.mainmenu li {
float:left;
/*height:20px;*/
list-style:none;
margin:0;
padding:0;
}
div.mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:5px 7px 5px;
/* text-transform:uppercase; */
}
div.mainmenu a:hover {
background:#f0f0f0 url(image/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
div.mainmenu li.selected a {
background:#f0f0f0 url(image/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
/*** Content wrap ***/
div.wrap {
clear:both;
font-size:0.9em;
padding:0;
}
/*** Sidebars ***/
div.leftside {
margin:0;
padding:0 10px 10px;
width:165px;
}
div.leftside {
float:left;
margin-right:10px;
}
div.leftside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}
div.leftside h2 {
font-size:1.1em;
margin:0 0 20px;
}
div.leftside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}
/*** Vertical submenu ***/
ul.sidemenu {
list-style-type:none;
margin-left: 0px;
padding-left: 0px;
}
ul.sidemenu li a {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
/*text-transform:uppercase;*/
width:150px;
}
ul.sidemenu ul.sidemenu li a {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 20px;
padding:4px 2px 2px 8px;
width:134px;
}
ul.sidemenu a:hover, ul.sidemenu > li.selected > a {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}
/*** Content ***/
.content {
font-size: 105%;
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
line-height:1.3em;
text-align: justify;
margin:0 200px;
/* margin-right: 100px; */
width: 700px;
margin-bottom: 1em;
}
.partner {
text-align: center;
padding: 1em;
}
img { border: none; }
img.leftimg {
float: left;
padding: 1em;
}
img.righttimg {
float: right;
padding: 1em;
}
.clearleft {
clear: left;
}
.clearright {
clear: clearright;
}
div.content h1, div.content h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
padding:0;
}
div.content h2 {
font-size:1.4em;
margin-bottom:10px;
}
/*** Footer ***/
div.footer {
background:#8b8b8b url(image/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
text-align:center;
padding: 20px 200px;
}
div.footer a {
color:#d0d0d0;
font-weight:bold;
}
div#cofin {background: url(images/cofin_gd.png) no-repeat center;
height: 85px;
border-bottom: 5px solid #ffffff;
}
/*** Various classes ***/
.clearingdiv {
clear:both;
width:1px;
}
img.intextleft {
float: left;
margin: 1em;
padding: 4px;
margin-top: 0;
}
table.partner * td{
padding-right: 2em;
padding-left: 2em;
}
/*** Text format ***/
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
/*** End of file ***/
Voilà le code source :
<div class="header">
<h1>PôlEnergie</h1>
<p>Pôle de référence en URE et en énergies renouvelables</p>
</div>
<div class="mainmenu">
<ul>
<li>
<a href="?page=home-de">Deutsch</a>
</li>
<li>
<a href="?page=home">Accueil</a>
</li>
<li>
<a href="?page=partenariat">Partenariat</a>
</li>
<li>
<a href="?page=projet">Projet</a>
</li>
<li>
<a href="?page=agenda">Agenda</a>
</li>
<li>
<a href="?page=aides_primes">Aides et primes</a>
</li>
<li>
<a href="?page=links">Liens</a>
</li>
</ul>
</div>
Merci d'avance...