espace dans la barre de navigation Bouton_activeespace dans la barre de navigation Bouton_hoverespace dans la barre de navigation Fb-hoverespace dans la barre de navigation Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
espace dans la barre de navigation EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
espace dans la barre de navigation EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
espace dans la barre de navigation EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
espace dans la barre de navigation EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
espace dans la barre de navigation EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
espace dans la barre de navigation EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
espace dans la barre de navigation EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
espace dans la barre de navigation EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

Partagez
 

espace dans la barre de navigation

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://coconut-studfarm.forumactif.com
Addiction
Addiction
{ Membre }
{ Membre }

Féminin Messages : 125



espace dans la barre de navigation Empty
    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.
MessageSujet: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 14:42
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



espace dans la barre de navigation Empty
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 ^^
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:01
Revenir en haut Aller en bas
http://coconut-studfarm.forumactif.com
Addiction
Addiction
{ Membre }
{ Membre }

Féminin Messages : 125



espace dans la barre de navigation Empty
Bonsoir ! Merci beaucoup, c'est déjà plus beau ainsi. Par contre, en ce qui concerne la bordure, elle ne s'affiche pas... =S
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:17
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



espace dans la barre de navigation Empty
Puis-je voir ton css?
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:21
Revenir en haut Aller en bas
http://coconut-studfarm.forumactif.com
Addiction
Addiction
{ Membre }
{ Membre }

Féminin Messages : 125



espace dans la barre de navigation Empty
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;
}
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:22
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



espace dans la barre de navigation Empty
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;
}
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:34
Revenir en haut Aller en bas
http://coconut-studfarm.forumactif.com
Addiction
Addiction
{ Membre }
{ Membre }

Féminin Messages : 125



espace dans la barre de navigation Empty
Merci, mais ça ne fonctionne toujours pas. Peut-être qu'il est en conflit avec un autre code ? Veux-tu mon CSS en entier ? =)
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:36
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



espace dans la barre de navigation Empty
Ouais je veux bien ton css en entier mais c'est bizarre chez moi sa marchait x).
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:43
Revenir en haut Aller en bas
http://coconut-studfarm.forumactif.com
Addiction
Addiction
{ Membre }
{ Membre }

Féminin Messages : 125



espace dans la barre de navigation Empty
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
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 08 Oct 2010, 15:47
Revenir en haut Aller en bas
Hortie
Hortie
{ Membre actif }
{ Membre actif }

Féminin Messages : 660



espace dans la barre de navigation Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher l'îcone "résolu" en éditant votre 1er message.
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyVen 15 Oct 2010, 18:45
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



espace dans la barre de navigation Empty
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!
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyDim 13 Fév 2011, 15:53
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



espace dans la barre de navigation Empty
    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 Wink

    Je verrouille.
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation EmptyDim 13 Fév 2011, 15:56
Revenir en haut Aller en bas
Contenu sponsorisé




espace dans la barre de navigation Empty
MessageSujet: Re: espace dans la barre de navigation   espace dans la barre de navigation Empty
Revenir en haut Aller en bas
 

espace dans la barre de navigation

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Espace entre la barre de navigation et la pub
» Espace entre la barre de navigation et la page
» Réduire l'espace entre la bannière et la barre de navigation
» [résolu] radial grandient dans la barre de navigation
» Barre de navigation intégrée dans le haut du fond du forum, possible ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit