[résolu] centrer la speedbar [Réglé]
Ptithom Membre non connecté
-
Modérateur
- Voir le profil du membre Ptithom
- Inscrit le : 07/11/2006
- Site internet
- Groupes :
-
Equipe Historique
www.ptithom.net/phpboosttest
<div class="blockquote"><h5>Citation:</h5>
#sub_header{
height: 38px;
width: auto;
background: url('images/sub_header.gif') repeat-x;
margin-top: -2px
}
#sub_header_left{
height: 38px;
width: 2px;
background: url('images/sub_header_l.gif') no-repeat;
float: left;
margin-top: -1px
}
#sub_header_right{
height: 29px;
width: auto;
float: right;
padding-top: 11px;
}
/* Rollover des boutons de la speed barre */
a.button
{
color: #edfff0;
width: 110px;
height: 40px;
text-decoration: none;
background: url('images/button.gif') no-repeat bottom right;
text-align: center;
border-left: 1px solid #000000;
border-right: 1px solid #000000; padding-left:15px; padding-right:15px; padding-top:11px; padding-bottom:12px
}
a:hover.button
{
width: 110px;
height: 40px;
text-decoration: none;
background: #92c6f1 bottom right;
text-align: center;
border-left: 1px solid #000000;
border-right: 1px solid #000000; padding-left:15px; padding-right:15px; padding-top:11px; padding-bottom:12px
}</div>
Merci de votre aide!
SuperStar Membre non connecté
-
Booster Missile
- Voir le profil du membre SuperStar
- Inscrit le : 26/02/2006
- Site internet
Ptithom Membre non connecté
-
Modérateur
- Voir le profil du membre Ptithom
- Inscrit le : 07/11/2006
- Site internet
- Groupes :
-
Equipe Historique
Ptithom Membre non connecté
-
Modérateur
- Voir le profil du membre Ptithom
- Inscrit le : 07/11/2006
- Site internet
- Groupes :
-
Equipe Historique
header.tpl :
Citation:
<div id="header" style="text-align: center;" ><a href="http://www.microworld87.com">
<img src="../templates/{THEME}/images/header_boost.jpg"/>
</a>
</div>
<div id="sub_header">
<div style="text-align: center">
<div id="sub_header_center" >
<a href="../articles/articles.php" title="Descriptif des articles" class="button">Articles</a>
<a href="../download/download.php" title="Téléchargement" class="button">Téléchargement</a>
<a href="../forum/forum.php" title="Forum" class="button">Forum</a>
</div>
</div>
</div>
<table border="0" class="global">
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td valign="top" style="width:155px;">
css :
Citation:
#sub_header{
width: auto;
background: url('images/sub_header.gif') repeat-x top ;
margin-top: 1px
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#sub_header_center{
height: 27px;
width: auto;
padding-top: 11px;
}
/* Rollover des boutons de la speed barre */
a.button
{
color: #edfff0;
width: 110px;
height: 40px;
text-decoration: none;
background: url('images/button.gif') no-repeat bottom right;
text-align: center;
border-left: 1px solid #000000;
border-right: 1px solid #000000; padding-left:15px; padding-right:15px; padding-top:11px; padding-bottom:12px
}
a:hover.button
{
width: 110px;
height: 40px;
text-decoration: none;
background: #92c6f1 bottom right;
text-align: center;
border-left: 1px solid #000000;
border-right: 1px solid #000000; padding-left:15px; padding-right:15px; padding-top:11px; padding-bottom:12px
}
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Ptithom Membre non connecté
-
Modérateur
- Voir le profil du membre Ptithom
- Inscrit le : 07/11/2006
- Site internet
- Groupes :
-
Equipe Historique
Citation:
#sub_header{width: auto;
background: url('images/sub_header.gif') repeat-x top ;
margin-top: 1px
border-left: 1px solid #000000;
border-right: 1px solid #000000;
justement il y est c'est ce qui me chagrine
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Ptithom Membre non connecté
-
Modérateur
- Voir le profil du membre Ptithom
- Inscrit le : 07/11/2006
- Site internet
- Groupes :
-
Equipe Historique
Citation:
#sub_header_left{height: 38px;
width: 2px;
background: url('images/sub_header_l.gif') no-repeat;
float: left;
margin-top: -1px
}
avec en sub_header_l.gif une barre noire mais bon il doit y avoir plus propre comme boulot....
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
[code]border-left: 1px solid #000000;
border-right: 1px solid #000000;[/code]
Visiteur
Je n'arrive pas à décaler ma barre vers la droite. Je voudrais qu'elle se décale d'au moins la longueur de la case Accueil, car cette case est inclickable, surement parce qu'elle car elle chevauche le mini-module connexion que j'avais montais. Les modifs que j'ai pu faire transformaient toute la page...
Peut-être plus simple, sinon mieux pour moi, serait sans doute que cette barre colle a droite.
site: http://pronostic-turf.uuuq.com
Édité par Visiteur Le 07/06/2009 à 08h46
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Visiteur
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Visiteur
Pour réussir a clicker sur "ACCEUIL", il doit y avoir 2 pixels possibles sur le bord droite de la case. (la capture n'a pas pris la fleche en photo...)
pour la petite phrase en jaune, c'est une blague pour remplir la "news"
Édité par Visiteur Le 07/06/2009 à 11h55
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie