[CSS] pb de chevauchement de calques

pb de chevauchement de calques [CSS] - HTML/CSS - Programmation

Marsh Posté le 14-09-2004 à 21:02:02    

salut a tous !
 
voila G un soucis mes calques ne se chevauchent pas .... je ne comprends
pas du tout pourquoi ...
le probleme se pose enntre la class "fond" et la class"fiche_du _designer".
C certainement une connerie mais bon ...JE LA TROUVE PAS !!!! :pfff:  
 
 
voici le code de ma page
 
index.html
 

Code :
  1. <html>
  2. <head></head>
  3. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
  4. <div style="width:770px;height:560px;position:absolute ;overflow: hidden;" class="conteneur" id="div">
  5.   <div style="width:770px;height:469px;position:absolute ;overflow: auto"class="contenu" id="div2">
  6.     <div style="overflow: hidden; z-index: 13;"class="fiche_du _designer" id="div9cx">
  7.  
  8. <table width="100"><tr><td>
  9. <tr>
  10. <td valign="bottom"><font><br>
  11.      voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila  voila       
  12. </tr>
  13. </table>
  14. </div>
  15.     <div id="calquefond" class="fond" z-index=0></div>
  16.   </div>
  17. <div style="width:770px;height:91px;position:absolute ;overflow: hidden"class="menu" id="div3">
  18. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="91">
  19.   <param name="movie" value="menu.swf">
  20.   <param name="quality" value="high">
  21.   <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="91"></embed></object>
  22.   </div></div></body></html>


 
styles.css

Code :
  1. .fiche_du_designer {
  2. position:absolute;
  3. width: 100px;
  4. height:255px;
  5. margin-left: 140px;
  6. margin-top: 30px;
  7. }
  8. .fond{
  9. position:absolute; 
  10. width:770px;
  11. height:469px;
  12. margin-left: 0px;
  13. margin-top: 0px;
  14. background-image: url(./fond.jpg);
  15. layer-background-image: url(fond.jpg);
  16. border: 1px none #000000;
  17. }


 
 
 
merci infiniment de votre aide
ATTENTIO


Message édité par attentio le 24-03-2005 à 21:16:46

---------------
L'ordinateur a de la mémoire mais aucun souvenir ...
Reply

Marsh Posté le 14-09-2004 à 21:02:02   

Reply

Marsh Posté le 14-09-2004 à 22:20:30    

salut,
 
ben deja le fichier styles.css n'est pas appelé dans la page ...
 
++
 
L.

Reply

Marsh Posté le 14-09-2004 à 22:33:12    

Leris a écrit :

ben deja le fichier styles.css n'est pas appelé dans la page ...


A mon avis il a viré ce qu'il y avait dans le HEAD...
 
 
attentio> Une URL pour tester ? Ca aiderait à se représenter les choses...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-09-2004 à 23:27:29    

oui en effet j'ai viré sans faire expres le head

Code :
  1. <head>
  2. <title>Document sans titre</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <link rel=stylesheet href="styles.css" type="text/css">
  5.   </head>


ca ne vient donc pas de la ...

Reply

Marsh Posté le 14-09-2004 à 23:45:34    


voilou .. merci de votre aide


Message édité par attentio le 07-07-2006 à 10:50:01
Reply

Marsh Posté le 15-09-2004 à 01:48:44    

J'AI TROUVE !!!!!!
c'est parce que le nom de ma class "nom_du designer"etait trop long ... etrange???
 
ATTENTIO
ps : si quelqu'un peu m'apporter des precisions a ce sujet...merci

Reply

Marsh Posté le 15-09-2004 à 02:06:18    

Heu ben c'est juste que t'a laissé un espace dans le nom de ta classe alors qu'il y en a pas dans ton .css
 
Si tu mets un espace, le navigateur va considérer que tu veux appliquer 2 classes.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 15-09-2004 à 02:25:53    

ha oui en effet...

Reply

Sujets relatifs:

Leave a Replay

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