Syle de lien et difference entre IE et Firfox

Syle de lien et difference entre IE et Firfox - HTML/CSS - Programmation

Marsh Posté le 19-07-2005 à 12:51:49    

salut  
 
voici mon pb , je travaille sur la charte graphique d un  site , avec dreamweaver , en utulisant des div , tout ca marche bien lors de la visualisation avec (F12) de dreamweaver en IE , et aussi sous fire fox ,,,,, le pb s oppose quand j essaiye d ouvrir la page sous IE sans passer par dreamweaver;;;;;;;;;;;;;;;;;;;
je comprends pas le pb ? :( et j ai besoin de votre aide  
 
mon pb sous IE , j ai un menu en haut de la page sous forme de lien avec style .
a.bouton:link{
 
text-decoration:none;  
color:black;
text-align:center;  
font-weight:bold;  
background-color:#FFCF86;
padding-left:4px;
list-style-position: inside;
list-style-type: disc;
}
a.bouton:hover{
 
text-decoration:none;
color:black;  
text-align:center;  
font-weight:bold;  
background-color:#DE3D00;
background-image:url(aqua.jpg);
padding-left:4px;
list-style-position: inside;
list-style-type: disc;
 
}
l arreire plan ne s affiche pas et il y a un decalage lors du survol , je comprends pas le pb , sachant que je debute sur CSS :)  
merci  

Reply

Marsh Posté le 19-07-2005 à 12:51:49   

Reply

Marsh Posté le 19-07-2005 à 12:54:18    

Un lien vers la page en question pour se representer la chose ?
 
PS : La répétition des propriétés dans le :hover ne sert a rien :)

Code :
  1. a.bouton:hover {
  2.   background-color:#DE3D00;
  3.   background-image:url(aqua.jpg);
  4. }


suffit.


Message édité par afbilou le 19-07-2005 à 12:55:46
Reply

Marsh Posté le 19-07-2005 à 13:06:45    

salut  
merci , oui , mais est ce que tu ne sais pas , comment faire pour remedier au pb que j ai la ?
car j ai dur IE quand je l ouvre sans passer (F12) de dreamweaver , j ai les liens (souligne et sans backgroun que j ai deja specife ds la feuille de style ) et merci

Reply

Marsh Posté le 19-07-2005 à 13:11:35    

Donne nous un lien vers la page pour ke l'on puisse y voir un peu plus clair parce que la c difficile de se reprensenter la chose.

Reply

Marsh Posté le 19-07-2005 à 13:25:27    

Desolee mais la page n est pas en ligne ,,, mais je veux envyer extrait d image , mais je ne sais pas comment proceder pour poster sur le forum  

Reply

Marsh Posté le 19-07-2005 à 13:28:43    

bah poste un bout de code pour que l'on puisse tester ton probleme sans avoir a faire autre chose qu'un copier/coller.


Message édité par afbilou le 19-07-2005 à 13:29:21
Reply

Marsh Posté le 19-07-2005 à 13:37:11    

ben voici le code de la page :
<div id="Layer3" style="position:absolute; left:148px; top:283px; width:187px; height:119px; z-index:31" class="menumymood">  
 <a href="#" target="_blank" class="menumymood">.Mon profil</a>  
 <a href="#" target="_blank" class="menumymood">.Mon compte</a>  
 <a href="#" target="_blank" class="menumymood">.Mon blog</a>  
 <a href="#" target="_blank" class="menumymood">.Mon humeur</a>
 <a href="#" target="_blank" class="menumymood">.Mes SMS secrets</a>
 <a href="#" target="_blank" class="menumymood">.Ma Messagerie</a>
 
 </div>
 
et la feuille de style je l ai deja copie  
 
(je repete le pb est que sous IE j ai les liens souligne et ss background predefinis sur fichier CSS)

Reply

Marsh Posté le 19-07-2005 à 13:54:54    

Citation :

style="position:absolute; left:148px; top:283px; width:187px; height:119px; z-index:31


 
Dans la CSS tout ça :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 19-07-2005 à 13:58:00    

d'accord mais le pb de lien et leur affichage , comment le resoudre stp ?

Reply

Marsh Posté le 19-07-2005 à 14:05:10    

dans ta css il y a des "a.bouton".
 
Dans ton code html, bouton, c'est pas existant.
 

Code :
  1. .menumymood a
  2. {
  3. propriété des liens
  4. }
  5. .menumymood a:link/active/whatever
  6. {
  7. propriété des liens
  8. }
  9. .menumymood a:hover
  10. {
  11. propriété au survol
  12. }


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 19-07-2005 à 14:05:10   

Reply

Marsh Posté le 19-07-2005 à 14:05:17    

Tes liens n'ont pas de class bouton ... http://membres.lycos.fr/angel2k/petrus/petrusnadette.gif

Reply

Marsh Posté le 19-07-2005 à 14:05:38    

Grilled  :sol:


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 19-07-2005 à 14:09:48    

Le temps d'aller chercher le smiley [:jagstang]

Reply

Marsh Posté le 19-07-2005 à 14:11:28    

Moi j'ai écrit quelques lettres de plus, ca a joué ... enfin c'était un match serré, bravo tu as été un adversaire coriace afbilou.
 
*sort après ce post hautement utile, mais après tout la personne a eu des réponses intéressantes dans son thread n'est-il pas ?*


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 19-07-2005 à 14:16:27    

Ce n'est pas pertinant comme raisonnement [:jean-guitou]
J'ai peut-etre commence mon message a 14:05:09 et toi a 13h55 [:chrisbk]

Reply

Marsh Posté le 19-07-2005 à 14:17:42    

Peut-etre, mais tu n'en sauras jamais rien  :sol:


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 19-07-2005 à 14:23:32    

m'en fout ... l'essentiel c'est de s'en persuader [:tartragnan]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed