Bonjour,

Je n'arrive pas à réduire la taille des textes de mes balises "span", sous le navigateur Opéra, ca marche sous firefox, chrome, IE, avez vous une idée svp ?

Voici mon code :

<html>
<head>
<style type="text/css">
.fluxindex  { font-family: Verdana, Arial, Helvetica;
                        padding: 5px;
                        font-size: 15px;
                        width: 506px;
                        clear: both;
                        }
.fluxindex  a {color: #000;
                        font-weight:normal;
                        font-size: 15px;
                        text-decoration: none;
                        padding-left: 5px;
                        line-height:1.5;
                        }
.fluxindex  a:hover { color: #de3400; text-decoration: none; }
 .source { font-size:5px;
	color:#3159AD;
	font-weight: bold;
	font-style: italic;
	}
 .hre { color:gray;
	font-weight: bold;
	font-size:5px;
	}
 </style>
 </head>
 <body>
 <div class="fluxindex">
<span class="hre">00:48</span> - <a href="#">Lien 1</a><span class="source"> - Source1</span><br/> 
<span class="hre">00:24</span> - <a href="#">Lien 2</a><span class="source"> - Source2</span><br/> 
</div>
 </body>
 </html>

Modifié par jose2204 (04 Aug 2010 - 10:01)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
hello,

Je suis un looser du cadratin je sais que Florent avait écrit un article la dessus sur alsacréations.
Cependant essaye de remplacer cette règle pour voir si l'unité relative est prise en compte...

.fluxindex  { font-family: Verdana, Arial, Helvetica;
                        padding: 5px;
                        font-size: 1em;
                        width: 506px;
                        clear: both;
                        }


@++

Edit :suppression des sauts de ligne
Lien Article Florent : http://www.alsacreations.com/article/lire/563-gerer-la-taille-du-texte-avec-les-em.html
Modifié par AspiGeek (04 Aug 2010 - 17:57)