FORUM MP | Xhtml/Css : Propriété content et Firefox

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

Propriété content et Firefox
	Forum : XHTML/CSS Sous Catégorie : Aucune Type du sujet : Sujet Normale FAQ : FAQ XHTML/CSS
		SUIVI PAR MAIL INACTIF
		SUJET RESOLU
		SUJET ACTIF
		N'APPARTIENT PAS A LA FAQ

PAGE : [1]

FORUM XHTML/CSS
	Page précedente	Page suivante

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

#140854 Posté le 15/08/07 à 01:00

Salut à tous !

J'ai un léger problème technique...

J'ai des liens dans ma page (jusque là rien d'anormal) :

Et voila que me viens l'idée de transformer ce lien en un bouton tout beau tout propre par CSS. Je lui met un fond tout beau tout propre (le lien est dans un conteneur li) pour le bouton... et je met mettre une image pour le texte car j'utilise une police très spéciale et avec un dégradé de couleurs... je met l'image en me servant de la classe news :

.news { backgroung-image:url(news.png); }

Je la place comme il faut et tout çà... mais je veux aussi effacer le texte pour qu'on ne le voit pas... J'utilise alors la propriété content:"" qui marche très bien sous Opera (et pas du tout sous IE, je sais, mais je m'en fou d'IE pour le site que je fais)... Problème, cette propriété ne marche pas du tout sous Firefox pour les classes normales... alors qu'elle marche pour les pseudo-classes Smiley

... C'est stupide mais c'est vrai...
Exemple :

.news:after { content:"Texte après"; } /* Marche très bien sous FF */ .news { content:""; } /* Ne marche pas du tout sous FF (indépendant de la valeur de content) */

Quelqu'un aurait-il une idée ou une astuce ?

Je précise que le fond de bouton n'est pas monochrome (je ne peux donc pas donner la même couleur à mon texte qu'à mon bouton).
__________________________
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

Publicité

Inscrit : X
Messages : X

#Aucun

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

#140855 Posté le 15/08/07 à 01:03

lol... quel étourdi je fais parfois... Smiley

Ca faisait déjà quelques heures que je cherchait dans ma tête comment faire pour résoudre ce problème (je faisais autre chose bien sûr en même temps)... et sitôt que je poste ce message me vient une idée : mettre la propriété font-size sur 0 :

.news { font-size:0; }

Et ca marche très bien ! Smiley

lol

Problème résolu en moins de 10 secondes, on a jamais vu çà sur MP 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

lain82
Membre du club

Inscrit : 25/04/2004
Messages : 1178

#140984 Posté le 17/08/07 à 07:55

Tu peut aussi essayer la propriété visibility. Elle permet de masquer un texte sans pour autant agir sur la disposition ( à l'inverse de display )
__________________________
A tous les membres, dite non à la (drogue...) sms-mania !

Avant de poster, vérifiez si la réponse n'est pas dans la FAQ ou un tutorial.

Je suis actuellement

sur MSN

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

#141065 Posté le 17/08/07 à 23:51

Oui, mais visibilité masque tout le contrôle... et mon contrôle lien contient à la fois le background (que je veux garder) et le texte (que je veux virer) donc visibility ne convient pas ici...
__________________________
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

lain82
Membre du club

Inscrit : 25/04/2004
Messages : 1178

#141079 Posté le 18/08/07 à 07:52

Popopoohhh ! Visibility is not ( punk .. nohh ! ) display.

Essaye tu va voir. Un petit texte explicatif de chez SelfHTML :

visibility (Affichage ou non affichage avec réservation de place)

Vous pouvez spécifier si un élément doit d'abord être affiché ou non. "Avec réservation de place" signifie qu'en cas de non-affichage de l'élément un espace sera malgré tout réservé à cet élément.

Maintenant, logiquement le background s'affiche car il ne fait pas parti du "contenu" d'un lien mais bien d'une propriété.
__________________________
A tous les membres, dite non à la (drogue...) sms-mania !

Avant de poster, vérifiez si la réponse n'est pas dans la FAQ ou un tutorial.

Je suis actuellement

sur MSN

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

#141082 Posté le 18/08/07 à 08:35

Non, visibility cache aussi les background, j'ai testé quand même pck ce que tu disais me paraissait louche...

Visibility permet juste d'afficher/masquer un contrôle... alors que display ferait afficher/enlever (c'est d'ailleurs les valeurs qu'ils prennent)... mais le background est masqué par la même occasion, donc c'est pas bon Smiley

... mais pas grave 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 :.