C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Système d'onglets simple et personnalisable
Lun 17 Sep 2018, 05:44 par heresy.

» Effet pour vos catégories
Sam 15 Sep 2018, 06:41 par Dynaste

» [RPG] Fiche personnage avec bannière latérale
Mar 11 Sep 2018, 15:29 par Rosalie Hale

» Signature codée avec onglets
Sam 01 Sep 2018, 16:11 par Plumeplume

» Mettre votre © Copyright dans le footer de votre forum
Mar 28 Aoû 2018, 12:13 par kaiton

» Sous-forums en retour à la ligne
Lun 27 Aoû 2018, 13:26 par sergiomarquina

» Effet pour vos sous-forums
Lun 27 Aoû 2018, 13:23 par sergiomarquina

» Trois colonnes avec effet Zoom
Lun 27 Aoû 2018, 08:40 par sergiomarquina


Partagez | 
 

Aide concernant menu [RESOLU]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://www.rosebud.forumotion.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 150



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]   Jeu 21 Aoû 2014, 04:35
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



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


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Aide concernant menu [RESOLU]   Jeu 21 Aoû 2014, 18:04
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.rosebud.forumotion.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 150



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




MessageSujet: Re: Aide concernant menu [RESOLU]   
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

-
» Aide icone "resolu" et "tutos du staff"
» Réduire l'espace entre la banniere, le menu....[Résolu]
» [resolu]mettre fichier dans le menu bar
» [résolu]Message d'erreur ... Besoin d'aide !
» [Résolu] Perte d'icônes "raccourci" ou comment créer mon propre menu?

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 | Contact | Signaler un abus | Forum gratuit