Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2008-11-16 20:41:57

jcp
Membre
Inscription : 2008-08-12
Site Web

Probleme affichage et Css

hello,

Je ne suis pas un pro du CSS et j'essaye d'integrer des sous-menu dans le theme par defaut.. mais j'ai un petit soucis sur les cotés...
Si quelqu'un peut m'aider je suis en serait reconnaissant !

Le probleme !
http://www.bboxnews.fr/menu-blog.jpg

Il manque la partie blanche en bout du menu a l'horizontale pour faire les 780pixel.. et impossible de trouver d'ou vient le probleme dans le CSS

Cordialement,

Jean-Christophe

ce que j'ai ajouté dans top.html :

<div id="menu">
   <ul>
    <li id="home"><a href="{{tpl:BlogURL}}">Blog</a></li>
    <li id="archives"><a href="{{tpl:BlogURL}}archive">Archives</a></li>
    <li id="galerie"><a href="{{tpl:BlogURL}}galerie">Galerie</a></li>
    <li id="contact"><a href="{{tpl:BlogURL}}contact">Contact</a></li>
    <li id="rss"><a href="{{tpl:BlogURL}}feed/rss2">RSS</a></li>
   </ul>
</div>

La partie CSS du menu

#menu {
display : block;
width : 780px;
margin : 0 auto;
height : 35px;
background : #FFFFFF url('img/menu_bg.png') repeat-x left top;
border-top : 3px solid #FFFFFF;
border-bottom : 0px solid #FFF;

}
#menu ul {
margin : 0;
padding : 0 25px;
font-size : 11px;
font-weight : bold;
font-family : 'Helvetica Neue', Arial, Sans-Serif;
text-transform : uppercase;
line-height : 35px;
}
#menu ul li {
display : inline;
}
#menu li {
display : block;
width : 90px;
height : 35px;
float : left;
margin : 0;
overflow : hidden;
border-right : 1px solid #FFF;
border-left : 1px solid #FFF;
text-align : center;
}
#menu li a {
display : block;
float : left;
width : 100%;
height : 100%;
text-decoration : none;
color : #fff;
}
#menu li a:active, #menu li a:focus {
color : #0091ff;
background : #FFFFFF;
border-top : 1px solid #000;
}
#menu li#rss {
width : 40px;
float : right;
margin-right : 229px;
border-right : 1px solid #FFF;
}
#menu li#rss a, #menu li#rss a:visited {
background : url('img/menu_rss2.png') no-repeat center 8px;
line-height : 38px;
text-align : left;
text-indent : -1000em;
}
#menu li#rss a:active, #menu li#rss a:focus {
background : #FFFFFF url('img/menu_rss2.png') no-repeat center 8px;
border-top : 1px solid #000;

Hors ligne

#2 2008-11-16 21:04:42

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : Probleme affichage et Css

Si on parle du blog qui est dans ta signature, il fait 800px et non 780.


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#3 2008-11-16 21:19:38

jcp
Membre
Inscription : 2008-08-12
Site Web

Re : Probleme affichage et Css

en fait le blog acutel "bboxnews.fr" n'a pas encore le menu que je souhaite mettre en place.. j'ai tout essayé mais je n'arrive pas a ajouter les blancs en bout du menu (ce que j'ai cerclé en rouge)

Si quelqu'un a une idée ? pour modifier le css

Cordialement,

Jean-Christophe

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map