ugrás a tartalomhoz

FF alatt mind2 menü jó ie alatt csak az egyik

Redback · 2007. Jún. 27. (Sze), 14.05
Az bajom hogy van egy menüm a fejlécben,amiben e linkek HTMLHttpRequest-tel töltik be a tartalmat eg divbe.Ha abban az oldalban amit a divbe töltök be nem működik a menü háttere,se a linkek színe.szóval semmi.Ez IE alatt van.FF alatt remekül működik minden.CSS-sel próbálom megcsinálni de ha HTML-lel tudjátok megoldasni akkor az se baj
‹ Rollover kép egy másik DIV-ben FF alatt nincs IE alatt van fehér vonal... ›
 ■
1

Problémás usernek

sly · 2007. Jún. 27. (Sze), 14.15
Először is, ha beküldesz egy új témát nézd meg beküldés előtt, hogy jó e a helyesírásod.
Másodszor, mi nem vagyunk gondolatolvasók, úgyhogy kód nélkül nem tudunk választ adni a kérdésedre. Esetleg küldesz be kódot ne az egészet küld be, hanem csak a problémás részt és használd a kódszínezőt.
2

Tessék a kód és elnézést kérek!

Redback · 2007. Jún. 27. (Sze), 18.19
  1. <div id="fomenu">  
  2.   
  3. <a href="fooldal.html" class="loadinto-tartalom"> Főoldal</a><br>  
  4. <a href="download.html" class="loadinto-tartalom"  > Letöltések</a> <br>  
  5. <a href="tanfolyam.html" class="loadinto-tartalom"> HTML</a><br>  
  6. <a href ="css.html"   class="loadinto-tartalom">CSS</a><br>  
  7.   
  8. </div>  
Ez annak a menünek a HTML kódja ami működik FF és IE alatt is, és itt a hozzá tartozó CSS:
  1. #fomenu {line-height:20px;  
  2.          float:left;  
  3.          padding-top:20px;  
  4.          padding-left:30px;}  
  5. #fomenu a{color:#660000;   
  6.           text-decoration:none;}  
  7. #fomenu a:hover{color:#993333;  
  8.                 text-decoration:underline;}  
Most jöjjön az a menü amelyik nem működik rendesen HTML kód:
  1. <div id="menu">  
  2.   
  3.  <a href="content/demo1.html" class="loadinto-belso"  ><div class="linkdiv">Demo 1</div></a>  
  4.  <a href="content/demo1.html" class="loadinto-belso" ><div class="linkdiv">Demo 1</div></a>  
  5.  <a href="content/demo1.html" class="loadinto-belso" ><div class="linkdiv">Demo 1</div></a>  
  6.  <a href="content/demo1.html" class="loadinto-belso" ><div class="linkdiv">Demo 1</div></a>  
  7.   
  8. </div>  
És az ehhez tartozó CSS:
  1. #menu {width:120px;  
  2.        border:1px solid black;}  
  3.   
  4. #menu  #a{display:block;  
  5.           width:100%;  
  6.           background-image:url(./img/a.jpg);  
  7.           height:25px;  
  8.           color:black;  
  9.           text-decoration:none;}  
  10.   
  11. #menu a:hover{width:100%;  
  12.               background-image:url(./img/a_hover.jpg);  
  13.               height:25px;  
  14.               color:white;  
  15.               text-decoration:underline;}  
  16.   
  17. .linkdiv{padding-top:2px;  
  18.          padding-left:15px;}  
És szeretnék elnézést kérni hogy nem normálisan indítottam el a témát, de azt hiszem most kijavítottam a hibám.
3

Válasz

sly · 2007. Jún. 28. (Cs), 00.49
  1. #menu  #a{display:block; ...  
helyett gondolom ezt akartad
  1. #menu  A {display:block; ...  
  1. background-image:url(./img/a.jpg);  
helyette nem is tudom. Attól függ hol van a kép.
  1. background-image:url(/img/a.jpg); /*Gyökérkönyvtárhoz képest hol van. (Abszolut hivatkozás)*/  
  2. background-image:url(img/a.jpg);  /*A css fájlhoz viszonyítva hol van. (Relatív hivatkozás)*/  
Ajánlani tudom hogy az id és class paramétereket ne keverd a kódban. Inkább csak class-t használj.

Ha ezek után sem működik, akkor tovább kutatunk.
4

Megvan

Redback · 2007. Jún. 28. (Cs), 07.13
Köszi megoldottam.Az lényeg hogy a mind a két menü CSS-ét bemásoltam abba fájlba amibe betöltöm a második menüt.