FORUM MP | Xhtml/Css : Probleme de CLASS et de DIV CSS

COMMUNAUTE MP

Identifiez vous ...

DOMAINE MP

Bavardages

Langages Généraux

Langages Web

Langages DotNet

Autres langages

Dev. Jeux Video

Sécurité

Sys. Exploitation

Graphismes

Logiciels

Réseaux

Bases de données

Méthodologies

Emplois High-tech

Aide juridique

Articles juridiques

FORUM

CHAT MP IRC

Votre pseudo ...

Serv: irc.irc-land.org

Chan: #MoteurProg

PARTICIPER

Plus de 3500 emplois.

Visiteur MP

Probleme de CLASS et de DIV CSS
	Forum : XHTML/CSS Sous Catégorie : Aucune Type du sujet : Sujet Normale FAQ : FAQ XHTML/CSS
		SUIVI PAR MAIL INACTIF
		SUJET NON RESOLU
		SUJET ACTIF
		N'APPARTIENT PAS A LA FAQ

PAGE : [1]

FORUM XHTML/CSS
	Page précedente	Page suivante

linkin_pc
Admin Projet
Superviseur :
- Méthodologie.
Modérateur :
- Flex
Chef de projet(s) :
- Time Counter
- Time Counter Ad.

Inscrit : 06/10/2006
Messages : 314

#139172 Posté le 25/07/07 à 12:54

SAlut la Room
voila j'ai un gros probleme avec un fichier CSS que je voudrais intégrer dans une page HTML/PHP
en fait je ne piges pas trop ce qui se passe mais je suis bloqué à un endroit.

Voici le code source tel qu'il est inscrit dans mon fichier PHP/HTML (en partie)

Code de la page

<center> <table border="0" cellpadding="0" cellspacing="0" id="table_footer"> <tr> <td align="center" valign="top"> <div id="div_navi"> <?php mosLoadModules ( 'footer' ); ?> </div> </td> </tr> <tr> <td align="center"> <span class="copyright">©  </span><a href="http://www.the-web-com.com" target="_blank" class="copyright" >Web Company</a></td> </tr> </table> </center>

Voici les codes CSS (plusieurs fichiers différents)

.copyright{ font-family: "Book Antiqua", "Century Gothic", Tahoma, "Trebuchet MS"; font-size: 8pt; text-decoration: none; color: #000; }

#table_footer{ width:750px; height:50px; background-image: url(../images/idfooter.jpg); background-repeat: repeat-x; }

#div_navi{ position:relative; top: 1px; height:20px; width:750px; display:block; font-size: 10px; }

a:link, a:visited, a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline; color: #000; } a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; color: #666666; } #table_footer a{ font-family: "Book Antiqua", "Century Gothic", Tahoma, "Trebuchet MS"; font-size: 10pt; text-decoration: underline; color: #000; } #table_footer a:hover{ font-family: "Book Antiqua", "Century Gothic", Tahoma, "Trebuchet MS"; font-size: 10pt; text-decoration: none; color: #666666; }

désolé si c'est trop long.
Voila le probleme : il vient du fait que les liens <a> se trouvant dans le bloc div_navi ne doivent pas avoir le même style que ceux définis par la classe copyright.
le truc c'est apparement qu'il faut definir dans le CSS un style pour les liens du bloc div_navi et correspondant à la classe copyright. je ne sais pas si cela est faisable en une ligne de code en CSS. mais si vous avez une autre méthode elle sera la bienvenue.
Merci d'avance et A+
__________________________
A partir du 14 Mars à 08h43, je passe en mode Flex ....
Le code..............
Ya rien de mieux Ke le kod............

HAUT DE PAGE

Publicité

Inscrit : X
Messages : X

#Aucun

HAUT DE PAGE

bigguiz
Membre MP

Inscrit : 27/07/2006
Messages : 235

#139175 Posté le 25/07/07 à 13:22

Salut,

pour un style propre à un id tu peux faire comme ca:

#div_navi a
{
...
}

pour les classes ça doit être ça (a vérifier)
.copyright a
{
...
}
__________________________
Eoliennes et informatique sur freresguizmo

HAUT DE PAGE

linkin_pc
Admin Projet
Superviseur :
- Méthodologie.
Modérateur :
- Flex
Chef de projet(s) :
- Time Counter
- Time Counter Ad.

Inscrit : 06/10/2006
Messages : 314

#139186 Posté le 25/07/07 à 14:16

supposons qu'il existe dans div_navi deux styles : copyright et texte

j'aurais à peut pret (c'est un exemple qui est proche de celui de mon code) :
#div_navi a{
---
}

et dans div nous avons les deux classes :
.copyright{
---
}
.texte{
---
}

si on veut definir des propriétés pour la balise a differentes dans texte et dans copyright (les classes) comment faire ?

PS : la deuxieme phrase .copyright a{...} ca ne marche pas toujours. lol
__________________________
A partir du 14 Mars à 08h43, je passe en mode Flex ....
Le code..............
Ya rien de mieux Ke le kod............

HAUT DE PAGE

Gabacho
Membre du club

Inscrit : 19/07/2004
Messages : 438

#139202 Posté le 25/07/07 à 15:35

Alors plusieurs choses :

0 - Je ne suis pas sure d'avoir bien tout compris
1 - bigguiz à raison : tu peux passer par un style propre à un id ou à une classe.
Si tu ne veux affecter que les liens de l'id div_navi tu peux faire #div_navi a{}
Si tu ne veux affecter que les liens de la classe copyright tu peux faire .copyright a {}
2 - tu as ça :

<span class="copyright"> ©   </span> <a href="http://www.the-web-com.com" target="_blank" class="copyright" >Web Company</a> </td>

ceci ne marcherait pas ?

J'ai juste inclus le lien dans ton span et viré l'attribue class à l'intérieure de ton lien
__________________________
Gabacho

S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (les Shadocks)

HAUT DE PAGE

Gabacho
Membre du club

Inscrit : 19/07/2004
Messages : 438

#139204 Posté le 25/07/07 à 15:45

En relisant ton premier message, j'ai pensé à quelque chose :
Tu dis que tu as plusieurs fichier css.
Il me semble que l'ordre dans lequel tu les appeles à une importance (à confirmer, mais je crois que oui).
Si tu as (dans l'ordre des fichier appelés) dans le fichier 1 a { color: bue;} et dans le fichier 2 a {color:red;} ce sera le fichier 2 qui aura le dernier mot.

Donc si tu appeles en premier .copyright{...} et que aprés tu appeles a{...}. Il se peut que le deuxieme fichier prenne le pas sur ce que tu as défini dans le premier. Mais comme je t'ai dis, je n'en suis pas sure du tout....
__________________________
Gabacho

S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (les Shadocks)

HAUT DE PAGE

Czayfaboo
Co-Administrateur
Superviseur :
- Langages Dot.
Modérateur :
- CSharp (C#)
Chef de projet(s) :
- ID3.NET Library
- MoteurProg Work.

Inscrit : 05/01/2005
Messages : 2853

#139206 Posté le 25/07/07 à 16:01

L'ordre d'appel a une importance... uniquement si tu redéfinis exactement un même style...

Pour tes liens, ne fixe pas les styles en fonction de la place du lien dans ton code (dans le bloc div_navi notamment)....

Crée des règles CSS générales pour tes liens et tu les appliques sur les liens quand tu en as besoin...

Exemple :

/* Redéfinition globale des liens */ a { text-decoration:none; } /* D'autres liens, n'importe où dans le code HTML */ .lienmenu { color:red; } .lienmenu:hover { text-decoration:underline overline; } .liencontact { color:#3366ff; } .liencontact:hover { background-color:#0099ff; }

Avec ce genre de règles CSS, tu as pas mal davantages :
- tu peux les utiliser partout dans le code HTML
- tu n'as pas de problèmes liés à l'héritage
- tu peux changer très facilement le style de tes liens (très facilement car tu n'as pas de problème d'héritage notamment)

...

Voila...

Moi préssé donc ++ Smiley

__________________________
Sujet résolu ? Pensez à mettre le tag

Un problème en C# ? Vérifiez celui-ci n'est pas déjà résolu dans la FAQ et que le sujet n'est pas traité parmis les tutoriaux ou les articles avant de poster dans le forum C#.

HAUT DE PAGE


	Page précédente	Page suivante
FORUM XHTML/CSS

PAGE : [1]

.: Site Web développé par Julien Pichot et l'équipe MPWG avec www.evolvia-web.com :.