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

<div id="fomenu">

<a href="fooldal.html" class="loadinto-tartalom"> Főoldal</a><br>
<a href="download.html" class="loadinto-tartalom"  > Letöltések</a> <br>
<a href="tanfolyam.html" class="loadinto-tartalom"> HTML</a><br>
<a href ="css.html"   class="loadinto-tartalom">CSS</a><br>

</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:

#fomenu {line-height:20px;
         float:left;
         padding-top:20px;
         padding-left:30px;}
#fomenu a{color:#660000; 
          text-decoration:none;}
#fomenu a:hover{color:#993333;
                text-decoration:underline;}
Most jöjjön az a menü amelyik nem működik rendesen HTML kód:

<div id="menu">

 <a href="content/demo1.html" class="loadinto-belso"  ><div class="linkdiv">Demo 1</div></a>
 <a href="content/demo1.html" class="loadinto-belso" ><div class="linkdiv">Demo 1</div></a>
 <a href="content/demo1.html" class="loadinto-belso" ><div class="linkdiv">Demo 1</div></a>
 <a href="content/demo1.html" class="loadinto-belso" ><div class="linkdiv">Demo 1</div></a>

</div>
És az ehhez tartozó CSS:

#menu {width:120px;
       border:1px solid black;}

#menu  #a{display:block;
          width:100%;
          background-image:url(./img/a.jpg);
          height:25px;
          color:black;
          text-decoration:none;}

#menu a:hover{width:100%;
              background-image:url(./img/a_hover.jpg);
              height:25px;
              color:white;
              text-decoration:underline;}

.linkdiv{padding-top:2px;
         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
#menu  #a{display:block; ...
helyett gondolom ezt akartad
#menu  A {display:block; ...
background-image:url(./img/a.jpg);
helyette nem is tudom. Attól függ hol van a kép.

background-image:url(/img/a.jpg); /*Gyökérkönyvtárhoz képest hol van. (Abszolut hivatkozás)*/
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.