Aide concernant menu [RESOLU] Bouton_activeAide concernant menu [RESOLU] Bouton_hoverAide concernant menu [RESOLU] Fb-hoverAide concernant menu [RESOLU] 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
Aide concernant menu [RESOLU] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Aide concernant menu [RESOLU] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Aide concernant menu [RESOLU] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Aide concernant menu [RESOLU] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Aide concernant menu [RESOLU] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Aide concernant menu [RESOLU] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Aide concernant menu [RESOLU] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Aide concernant menu [RESOLU] EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

Partagez
 

Aide concernant menu [RESOLU]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.rosebud.forumactif.biz
Kita-Chan
Kita-Chan
{ Membre }
{ Membre }

Féminin Messages : 150



Aide concernant menu [RESOLU] Empty
Bonjour ~

Alors je suis bien au courant que ce forum est inactif et que ma demande d'aide comporte sur mon blog, cependant, j'ai beau bidouiller par-ci et par là, je n'y arrive pas!
Mais étant donné que le CSS/HTML marche de la même manière partout, je suppose que je trouverais peut être quelqu'un pour m'aider?

Voici le lien de mon blog: click

Alors mon problème: vous pouvez voir mon menu en haut en dessous de la banniere?
Et bien tous les liens n'ont pas un fond noir et ne sont pas tous sur la même ligne. Les deux derniers liens sont passés sur la ligne d'en dessous, ce qui ne me dérange pas du tout, mais j'aimerais que ça garde le même style que ceux sur la ligne supérieure, c'est à dire le fond noir.

J'ai encerclé les deux liens qui n'ont pas le fond noir:

Spoiler:

Donc si quelqu'un pourrait a  me dire comment faire en sorte que les deux liens aient le même style que les autres, j'en serait vraiment reconnaissantes ;-; sinon je suis coincée à devoir en retirer deux, ce qui me dérange vraiment...

Voici le code CSS/HTML, mis en hide, je n'ai copié que la première partie du code global de mon blog, car après le haut du blog, je pense que ça ne vous serre à pas grand chose le reste:




Désolée pour les chiffres, le copié collé ne m'a donné aucun choix T_T
Merci à quiconque qui pourrait m'aider >_< !
MessageSujet: Aide concernant menu [RESOLU]   Aide concernant menu [RESOLU] EmptyJeu 21 Aoû 2014, 04:35
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Aide concernant menu [RESOLU] Empty
En fait, tes liens n'ont pas un fond noir, ils sont sur une bande noir qui prends toute la largeur. A leur droite, il y a une bordure de 7px couleur #f7f7f7... Du coup ça donne l'impression qu'ils ont un fond noir :p

A un endroit tu as ceci (je laisse les numéros pour t'aider à mieux repérer):
Code:
79
    .menuhorizontal{background:#000;width:1020px;height:33px;margin:0 auto; padding:0 auto;}
C'est de là que vient le fond noir.
Je te conseille d'enlever ce fond noir, et d'enlever la hauteur (height: 33px)

On va mettre le fond noir sur les liens.
Tu as ceci :
Code:
83
    .menuhorizontal li a{float: left;display: block;text-decoration:none;
    84
    padding:8px 7px 7px 7px;border-right:7px solid #f7f7f7;color:#fff;font-weight:800; font-family:Oswald;}
Il suffit de rajouter background: black pour le fond. Et margin-bottom: 10px; pour mettre une petite marge entre les 2 lignes.

Ca donne donc au final :
Code:
.menuhorizontal{width:1020px;margin:0 auto; padding:0 auto;}

Et
Code:
.menuhorizontal li a{float: left;display: block;text-decoration:none;
padding:8px 7px 7px 7px;border-right:7px solid #f7f7f7;color:#fff;font-weight:800; font-family:Oswald; background: black; margin-bottom: 10px}

Dis moi si cela fonctionne Very Happy
MessageSujet: Re: Aide concernant menu [RESOLU]   Aide concernant menu [RESOLU] EmptyJeu 21 Aoû 2014, 18:04
Revenir en haut Aller en bas
http://www.rosebud.forumactif.biz
Kita-Chan
Kita-Chan
{ Membre }
{ Membre }

Féminin Messages : 150



Aide concernant menu [RESOLU] Empty
Waouh! Quelle efficacité! ça marche ! *^*
Tout est parfait, merci infiniment Very Happy
Problème résolu :>
MessageSujet: Re: Aide concernant menu [RESOLU]   Aide concernant menu [RESOLU] EmptyVen 22 Aoû 2014, 07:10
Revenir en haut Aller en bas
Contenu sponsorisé




Aide concernant menu [RESOLU] Empty
MessageSujet: Re: Aide concernant menu [RESOLU]   Aide concernant menu [RESOLU] Empty
Revenir en haut Aller en bas
 

Aide concernant menu [RESOLU]

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

 Sujets similaires

-
» [résolu]Intégrer un menu à onglet dans un menu à onglet
» Menu déroulant en CSS. [RESOLU]
» [RESOLU] Largeur d'un menu déroulant.
» Mettre le menu en haut [Résolu]
» Problème menu horizontale [Resolu]

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