| | espace dans la barre de navigation |  |
|
 Addiction 
{ Membre }
 Messages : 125
 | Bonjour tout le monde. Je ne sais pas si la question a déjà été posée, mais je peux vous dire que j'ai parcouru le forum à la recherche de la réponse, en vain. En fait, sur ma barre de navigation, j'aimerais bien que tous mes liens soient "collés". Je vous montre en image :
https://i.servimg.com/u/f28/12/58/30/54/probla12.jpg
Par la même occasion, j'aimerais bien mettre une barre en haut, une barre en bas et une barre sur chaque côtés. Je ne sais pas bien gérer le "border-bottom" etc... Si vous pouviez me donner un code, je remplacerais les couleurs et les pixels. =)
C'est gentil de m'aider. | | |
|
| | |
Pull_up_Style
{ Membre }
 Messages : 86
| Hello essai de rajouter sa à ton code css dans la classe de la barre de navigation: - Code:
-
border: 2px solid #fff;
margin-right: -8px;
Pour le margin c'est la marge à droite sa devrait les rapproché n'hésite pas à mettre un chiffre plus grand ou plus petit selon ce que tu veux. Pour le border je t'ai mis une épaisseur de 2px, solid=trait plein et #fff couleur blanche. Voila j'espère que sa marchera ^^ | | |
|
| | |
Addiction
{ Membre }
Messages : 125
| Bonsoir ! Merci beaucoup, c'est déjà plus beau ainsi. Par contre, en ce qui concerne la bordure, elle ne s'affiche pas... =S | | |
|
| | |
Pull_up_Style
{ Membre }
Messages : 86
| |
| | |
Addiction
{ Membre }
Messages : 125
| Bien sûr ! =) - Code:
-
.mainmenu{
font-size : 11px;
padding-right: 15px;
}
a.mainmenu{
text-decoration: none;
color : #F1E8DB;
background-color : #420000;
font-size: 11px;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 1px solid #420000;
margin-right: -8px;
border: 2px solid #420000;
}
a.mainmenu:hover{
text-decoration:none;
color : #F1E8DB;
background-color : #420000;
font-size: 11px;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
border: 1px solid #420000;
margin-right: -8px;
border: 2px solid #420000;
}
| | |
|
| | |
Pull_up_Style
{ Membre }
Messages : 86
| Essaye ceci: - Code:
-
.mainmenu{
font-size : 11px;
padding-right: 15px;
}
a.mainmenu{
color : #F1E8DB;
background-color : #420000;
font-size: 11px;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
margin-right: -8px;
border: 2px solid #420000;
}
a.mainmenu:hover{
color : #F1E8DB;
background-color : #420000;
font-size: 11px;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
margin-right: -8px;
border: 2px solid #420000;
}
| | |
|
| | |
Addiction
{ Membre }
Messages : 125
| Merci, mais ça ne fonctionne toujours pas. Peut-être qu'il est en conflit avec un autre code ? Veux-tu mon CSS en entier ? =) | | |
|
| | |
Pull_up_Style
{ Membre }
Messages : 86
| Ouais je veux bien ton css en entier mais c'est bizarre chez moi sa marchait x).
| | |
|
| | |
Addiction
{ Membre }
Messages : 125
| - Code:
-
.mainmenu{
font-size : 11px;
padding-right: 15px;
}
a.mainmenu{
color : #F1E8DB;
background-color : #420000;
font-size: 11px;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
margin-right: -8px;
border: 2px solid #420000;
}
a.mainmenu:hover{
color : #F1E8DB;
background-color : #420000;
font-size: 11px;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
margin-right: -8px;
border: 2px solid #420000;
}
a{
text-decoration: none;
text-transform: lowercase; }
a:hover{
text-decoration: none !important;
text-transform: none;
text-transform: lowercase;
}
.bodyline{
border-top: 8px #420000 solid;
border-bottom: 8px #420000 solid;
border-right: 8px #420000 solid;
border-left: 8px #420000 solid;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 5px solid #420000;
}
.quote {
text-align: justify !important;
margin-left: 10px;
margin-right: 10px;
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-top: 2%;
border: 3px solid #420000 ;
display: block;
}
.postbody {
text-align: justify !important;
margin-left: 10px;
margin-right: 10px;
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-top: 2%;
display: block;
}
.images
{
-moz-border-radius: 3px 3px 3px 3px;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0%;
padding-top: 0%;
display:block;
border: 3px solid #420000 ;
margin-left: 20px;
margin-right: 50px;
}
.nomducheval
{
text-shadow: 2px 2px 2px #FFFFFF;
color: #420000;
font-family: georgia;
-moz-border-radius: 3px 3px 3px 3px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 2%;
padding-top: 1%;
display:block;
border: 3px solid #420000;
font-variant: small-caps;
text-align:center;
font-size: 24px;
margin-left: 20px;
margin-right: 20px;
}
.ficheducheval {
text-shadow: 2px 2px 2px #420000;
color: #FFFFFF;
font-size: 11px;
letter-spacing: 1px;
}
.fiche {
text-shadow: 2px 2px 2px #FFFFFF;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 2%;
letter-spacing: 1px;
color: #420000;
text-align: center;
font-family: georgia;
font-size: 18px;
display:block;
border-bottom: #FFFFFF solid 2px;
}
.sous-titre1
{
text-shadow: 1px 1px 1px #420000;
font-size: 13px;
letter-spacing: 1px;
color: #FF2A56;
font-weight: bold;
}
.sous-titre2
{
text-shadow: 1px 1px 1px #420000;
font-size: 13px;
letter-spacing: 1px;
color: #FF5402;
font-weight: bold;
}
.sous-titre3
{
text-shadow: 1px 1px 1px #420000;
font-size: 13px;
letter-spacing: 1px;
color: #B1D117;
font-weight: bold;
}
.titre {
text-shadow: 2px 2px 2px #FFFFFF;
color: #420000;
font-family: georgia;
-moz-border-radius: 3px 3px 3px 3px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 2%;
padding-top: 1%;
display:block;
border: 3px solid #420000 ;
font-variant: small-caps;
text-align:center;
font-size: 24px;
margin-left: 20px;
margin-right: 20px;
}
.fichepts {
color: #420000;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-top: 2%;
text-align: center;
font-family: georgia;
font-size: 18px;
display:block;
border-bottom: #420000 solid 2px;
}
a.forumlink{
text-decoration: none;
color : #F1E8DB;
font-size: 18px;
font-family: georgia;
display:block;
text-align: center;
text-transform: lowercase;
letter-spacing: 2px;
}
a.forumlink:hover{
text-decoration: none;
color : #F1E8DB;
font-size: 18px;
font-family: georgia;
display:block;
text-align: center;
text-transform: lowercase;
letter-spacing: 2px;
}
Ouais, c'est bizarre.... =S | | |
|
| | |
Hortie
{ Membre actif }
Messages : 660
| Bonjour,
Votre problème est-il résolu ?
Si oui, merci de cocher l'îcone "résolu" en éditant votre 1er message.
| | |
|
| | |
Swan.
{ Membre }
Messages : 125
| Bonsoir, J'ai le même soucis et je n'arrive pas à trouver le bon emplacement pour le code, voici mon css. - Code:
-
.mainmenu{padding-right: 15px;
font-size : 15px;
color : #52251C;
}
a.mainmenu{padding-right: 15px;
text-decoration: none;
color : #895959;
background-color: #291D19;
border-bottom: 3px solid #895959;
filter:alpha(opacity=45);
-moz-opacity:0.5;opacity: 0.5;
}
a.mainmenu:hover{padding-right: 15px;
text-decoration:none; color : #895959;
background-color : #291D19;
border-bottom: 2px solid;
color : #52251C;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
border: 2px solid #291D19;
margin-right: -8px;
}
Merci d'avance! | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hello From Hell
Je te prie d'ouvrir un nouveau sujet et de poster ton problème.
Ce sujet est dans les résolus en conséquent, tu n'as pas le droit d'y poster.
Merci d'en tenir compte la prochaine 
Je verrouille. | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | espace dans la barre de navigation | |
|
