28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous

J'ai un soucis que vous connaissez sans doute avec les liens dans IE qui ne passe pas sous firefox. Lors de mes recherches sur le forum j'ai trouvé le même genre de problemes mais pas avec des liens ... Smiley ohwell

J'ai une feuille de style css avec
    a.type1      {color:#000000; text-decoration:underline; font-size:7pt; font-family:Verdana, Arial;}
    a.type1:hover{color:#000000; text-decoration:none; font-size:7pt; font-family:Verdana, Arial;} 


J'appel ce type comme ceci:
<a class="type1" href="...">lien</a>


Sur IE ok, les liens fonctionnes mais pas sous firefox. Dailleurs, la feuille de style quasi complete est mal interprété par mozilla ... Connaissez vous les fix de ces problemes ?

Merci à tous, bonne journée
Antho
Modifié par Anthotill (21 Oct 2006 - 13:29)
Bonjour et bienvenu,
Bizare... A priori, tout est bon.Est ce que tu pourrais donner un lien?
Ceci dit il y a des chose à rectifier:
D'une part, tu n'as pas besoin de répéter toutes les propriétés déclarées
dans "a" puisque les a:hover et autres en hérite, d'autre part le point (pt)
ne sont pas adpaté à un affichage ecran, il vaut mieux pour cela utiliser
les pixels voire les unités relative (em, %). Il te manque la police generique
(sans-serif) qui s'affichera si les verdana et Arial sont absente du système
de l'utilisateur.
Tu devrais donc ecrire

    a.type1      {color:#000; text-decoration:underline; font-size:7px; font-family:Verdana, Arial, sans-serif;}
    a.type1:hover{text-decoration:none;} 
Merci pour ta réponse

Enfait dans ma feuille de style j'ai déjà un peux plus haut :


a 
{
	color: #800000;
}

a:hover {
	text-decoration: none;
}

a.link1 {
	color: #FF0F01;
}


ca me fait pareil avec les form

input,
{
margin: 1; 
font-size: 7 pt; 
font-family: Tahoma; 
color: #800000; 
background-color: #DEDEDE; 
border: 1 solid #8000000
}

ne fonctionne que sur IE par exemple