Navigation... Bouton_activeNavigation... Bouton_hoverNavigation... Fb-hoverNavigation... 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
» Système d'onglets simple et personnalisable
Navigation... EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Navigation... EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Navigation... EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Navigation... EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Navigation... EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Navigation... EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Navigation... EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Navigation... EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Boutique Nike : -25% dès 50€ sur TOUT le site Nike avec le code ...
Voir le deal

Partagez
 

Navigation...

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://discuss-forum.forumactif.com/forum.htm
loukag
loukag
{ Membre }
{ Membre }

Masculin Messages : 57



Navigation... Empty
Bonsoir!

J'ai un problème avec un code...

Je fait une partie navigation dans mon PA sur mon forum.
Voici l'image:

https://2img.net/r/ihimizer/img97/1892/screenshottableau03.jpg

Le problème c'est que les bandes en arrière des textes Forum et Portail ne se rendent pas jusqu'au bout de la case du tableau...

Voici mon code:

Css:

Code:
a.navig {
font-family: Georgia, serif;
font-size: 70%;
background-image: URL("http://img6.imageshack.us/img6/6677/bande02.png");
color: #000000;
text-align: center;
padding-left: 40px;
padding-right: 40px;
border-left: 5px #000000 solid;
border-right: 5px #000000 solid;
}

a.navig:hover {
font-family: Georgia, serif;
font-size: 70%;
text-transform: uppercase;
background-image: URL("http://img210.imageshack.us/img210/623/bande03.png");
color: #000000;
text-align: center;
padding-left: 39px;
padding-right: 39px;
}



HTML:

Code:
<TD style="border: #000000 solid 1px"><DIV class="titre">Navigation</DIV>
<a href="http://discuss-forum.forumactif.com/forum.htm" class="navig">Forum</a><BR>
<a href="http://discuss-forum.forumactif.com/portal.htm" class="navig">Portail</a>
<BR><BR><BR><BR><BR><BR></TD>




Merci d'avance Smile
MessageSujet: Navigation...   Navigation... EmptyLun 27 Sep 2010, 22:02
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Navigation... Empty
Bonjour,

En ajoutant cela à ton code ça devrait marcher.

Code:
display:block;

Code:

a.navig {
font-family: Georgia, serif;
font-size: 70%;
background-image: URL("http://img6.imageshack.us/img6/6677/bande02.png");
color: #000000;
text-align: center;
padding-left: 40px;
padding-right: 40px;
border-left: 5px #000000 solid;
border-right: 5px #000000 solid;
display:block;
}

a.navig:hover {
font-family: Georgia, serif;
font-size: 70%;
text-transform: uppercase;
background-image: URL("http://img210.imageshack.us/img210/623/bande03.png");
color: #000000;
text-align: center;
padding-left: 39px;
padding-right: 39px;
display:block;
}
MessageSujet: Re: Navigation...   Navigation... EmptyMar 28 Sep 2010, 02:54
Revenir en haut Aller en bas
http://discuss-forum.forumactif.com/forum.htm
loukag
loukag
{ Membre }
{ Membre }

Masculin Messages : 57



Navigation... Empty
Merci beaucoup mais maintenant, il y a un espace entre les deux...

Comme ceci:


https://2img.net/r/ihimizer/img822/4770/screenshottableau04.jpg
MessageSujet: Re: Navigation...   Navigation... EmptyMar 28 Sep 2010, 18:38
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Navigation... Empty
Tu as laissé les BR il suffit de les enlever .
Ce qui donne

Code:
<TD style="border: #000000 solid 1px"><DIV class="titre">Navigation</DIV>
<a href="http://discuss-forum.forumactif.com/forum.htm" class="navig">Forum</a>
<a href="http://discuss-forum.forumactif.com/portal.htm" class="navig">Portail</a>
<BR><BR><BR><BR><BR><BR></TD>

Pour éviter le saut de ligne et si tu veux espacer un peu les cadres ajoute cela à ton css..

Code:

padding-bottom: 5px;

Ou

margin-bottom:5px;
MessageSujet: Re: Navigation...   Navigation... EmptyMer 29 Sep 2010, 22:09
Revenir en haut Aller en bas
http://discuss-forum.forumactif.com/forum.htm
loukag
loukag
{ Membre }
{ Membre }

Masculin Messages : 57



Navigation... Empty
Merci beaucoup!!!

Le sujet est résolu Smile
MessageSujet: Re: Navigation...   Navigation... EmptyJeu 30 Sep 2010, 21:44
Revenir en haut Aller en bas
Contenu sponsorisé




Navigation... Empty
MessageSujet: Re: Navigation...   Navigation... Empty
Revenir en haut Aller en bas
 

Navigation...

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

 Sujets similaires

-
» <Navigation> Mettre une Image sous la Barre de Navigation
» <Navigation> Barre de navigation fixée en haut de la fenêtre
» Navigation
» Barre de navigation
» Navigation coupé

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 | Cookies | Forum gratuit