Petit problème de code Bouton_activePetit problème de code Bouton_hoverPetit problème de code Fb-hoverPetit problème de code 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
Petit problème de code EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Petit problème de code EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Petit problème de code EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Petit problème de code EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Petit problème de code EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Petit problème de code EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Petit problème de code EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Petit problème de code EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -56%
Ampli Home Cinema Denon AVR-X1700H à 349€
Voir le deal
349 €

Partagez
 

Petit problème de code

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://opera-du-diable.forumactif.com/
Noemi.H
Noemi.H
{ Membre }
{ Membre }

Féminin Messages : 9



Petit problème de code Empty
Bonjour bonjour,
Je m'excuse d'avance d'abuser de votre temps.

En fait, j'ai un petit problème.
Je voulais réaliser un menu en suivant ce tutoriel, mais il y a eu un petit problème au moment d'appliquer le style CSS: en plus de s'appliquer au menu, il s'est aussi mis à s'appliquer à tous les liens, la bannière, les noms de forums, les fonds de catégories...
Comment régler ça?
Voici le code du menu:
Code:
[table cellpadding="0" cellspacing="0"] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f1-reglement-et-contexte][b]►Règlement et contexte[/b]
{*Le Blabla administratif à lire absolument*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f4-et-sinon-vous-etes-qui][b]► Who‘s Who?[/b]
{*Venez vous présenter!*}[/url] [/td] [/tr][tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f42-partenaires][b]►Sois mon ami.[/b]
{*Pour les demandes de partenariat*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f10-formulaires-et-reglement][b]►Personnages.[/b]
{*Petit manuel du créateur d‘humains.*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f11-deposez-votre-formulaire-ici][b]►Boîte postale du Recensement[/b]
{*Déposez vos formulaires ici*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f37-reglement-des-evaluations][b]►Evaluations Rp[/b]
{* Je veux être le meilleur. *}[/url][/td][/tr] [/table]

et voici le CSS

Code:
/*MENU*/

td.menu_gi
{
width:200px;
text-align:center;
}
td.menu_gi a, a:link, a:visited, a:active {
color:#152E07;
text-decoration: none;
font-family: Trebuchet MS;
font-size: 10px;
background-color:#F2CE7C;
 border-left:5px solid #E2B03D;
 display:block;
}
td.menu_gi a:hover {
color:#785910;
background-color:#D0F392;
 border-left:5px solid #80C30C; }


Merci d'avance.


Dernière édition par Noemi.H le Lun 07 Fév 2011, 13:18, édité 1 fois
MessageSujet: Petit problème de code   Petit problème de code EmptySam 05 Fév 2011, 11:48
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Petit problème de code Empty
Coucou! Very Happy

Remplace le CSS par ceci :

Code:
/*MENU*/
td.menu2_gi
{
width:200px;
text-align:center;
}
td.menu2_gi a, a:link, a:visited, a:active {
color:#152E07;
text-decoration: none;
font-family: Trebuchet MS;
font-size: 10px;
background-color:#F2CE7C;
 border-left:5px solid #E2B03D;
 display:block;
}
td.menu2_gi a:hover {
color:#785910;
background-color:#D0F392;
 border-left:5px solid #80C30C; }

Et le HTML par ceci :

Code:
<table cellpadding="0" cellspacing="0"> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f1-reglement-et-contexte"><b>►Règlement et contexte</b>
{*Le Blabla administratif à lire absolument*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f4-et-sinon-vous-etes-qui"><b>► Who's Who?</b>
{*Venez vous présenter!*}</a> </td> </tr><tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f42-partenaires"><b>►Sois mon ami.</b>
{*Pour les demandes de partenariat*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f10-formulaires-et-reglement"><b>►Personnages.</b>
{*Petit manuel du créateur d'humains.*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f11-deposez-votre-formulaire-ici"><b>►Boîte postale du Recensement</b>
{*Déposez vos formulaires ici*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f37-reglement-des-evaluations"><b>►Evaluations Rp</b>
{* Je veux être le meilleur. *}</a></td></tr> </table>

En espérant d'avoir résolu ton problème.
Si c'est le cas, n'oublies pas de cocher l'icône Résolu en éditant ton sujet.

Voilà.
MessageSujet: Re: Petit problème de code   Petit problème de code EmptyDim 06 Fév 2011, 04:24
Revenir en haut Aller en bas
http://opera-du-diable.forumactif.com/
Noemi.H
Noemi.H
{ Membre }
{ Membre }

Féminin Messages : 9



Petit problème de code Empty
Non, j'avais déjà essayé de changer le nom de la class (j'ai essayé "menu_menu", "menu2_gi" et un truc qui n'avait rien a voir, "raspberry") mais ça me donne la même chose à chaque fois, même avec ce code ^^"
MessageSujet: Re: Petit problème de code   Petit problème de code EmptyDim 06 Fév 2011, 14:03
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Petit problème de code Empty
Je n'ai pas tout saisi, mais le problème ne viendrait pas tout simplement de cette ligne ?
Code:
td.menu_gi a, a:link, a:visited, a:active {
Techniquement, il faudrait plutôt que ça soit ça :
Code:
td.menu_gi a, td.menu_gi a:link, td.menu_gi a:visited, td.menu_gi a:active {
MessageSujet: Re: Petit problème de code   Petit problème de code EmptyLun 07 Fév 2011, 05:37
Revenir en haut Aller en bas
http://opera-du-diable.forumactif.com/
Noemi.H
Noemi.H
{ Membre }
{ Membre }

Féminin Messages : 9



Petit problème de code Empty
Merci beaucoup, ça marche parfaitement! Et en plus j'aurai appris quelque chose.
Encore merci, je coche tout de suite l'icone résolu.
MessageSujet: Re: Petit problème de code   Petit problème de code EmptyLun 07 Fév 2011, 13:17
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Petit problème de code Empty
    Je classe Wink
MessageSujet: Re: Petit problème de code   Petit problème de code EmptyLun 07 Fév 2011, 13:19
Revenir en haut Aller en bas
Contenu sponsorisé




Petit problème de code Empty
MessageSujet: Re: Petit problème de code   Petit problème de code Empty
Revenir en haut Aller en bas
 

Petit problème de code

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

 Sujets similaires

-
» Petit problème de code
» Petit problème de code
» Petit problème de code..
» Un petit problème de code html
» petit problème avec Code et spoiler

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