menu v IE

aikon · Napísal **aikon**: 28.09.2009 19:11

Zdravim, robil som si portfolio ale pri kodovani som narazil an hodne velvky problem pri IE6, IE7
to menu tam robi sarapatu ( http://new.airmoon.net/code%203/m.jpg ) no aneviem jak to vyriesit...

Link na web: http://new.airmoon.net/code%203/index.html

HTML kod menu:

Kód:

<ul class="menu">
      <li class="polozka1"><a href="index.php?id=uvod"   >   Úvod       </a> </li>
      <li class="polozka"> <a href="index.php?id=novinky">   Novinky    </a> </li>
      <li class="polozka"> <a href="index.php?id=gleria" >   Galéria    </a> </li>
      <li class="polozka"> <a href="index.php?id=reklama">   Reklama    </a> </li>
      <li class="polozka"> <a href="index.php?id=kontakt">   Kontakt    </a> </li>
        <ul class="podmenu">
          <li class="galeria-m"> <a href="index.php?id=foto">   Fotografie  </a> </li>
          <li class="galeria-m"> <a href="index.php?id=design"> Designy     </a> </li>
          <li class="galeria-m"> <a href="index.php?id=logo">   Logá        </a> </li>
          <li class="galeria-m"> <a href="index.php?id=vktor">  Vektory     </a> </li>
        </ul>
</ul>

CSS kod menu:

Kód:

.menu
{
background: url(wdimg/menu1.png);
width: 640px;
height:60px;
margin: 0px auto;
padding-top:15px;
}

ul.menu li 
{
float:left; 
display:inline;
}

.polozka1 a
{
color: #7a7a7a ;
float: left;
font-size:18px;
text-align:center;
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
margin-right:50px;
margin-left:25px;
list-style-type: none;
}

.polozka1 a:hover
{
color: #bdbdbd ;
}

.polozka a
{
color: #7a7a7a ;
float: left;
font-size:18px;
text-align:center;
text-decoration: none;
font-family: Verdana, Arial;
margin-right:50px;
list-style-type: none;
}

.polozka a:hover
{
color: #bdbdbd ;
}

.podmenu
{
width: 400px;
height:17px;
margin-top: 10px;
margin-left: 200px;
padding-top:10px;
text-align: center;
list-style-type: none;
}

.galeria-m a
{
color: #bdbdbd ;
list-style-type: none;
float: left;
font-size:13px;
font-family: Verdana, Arial;
text-align:center;
text-decoration: none;
margin-right: 20px; 
display:inline;
}

.galeria-m a:hover
{
color: #c4c4c4 ;
list-style-type: none;
float: left;
font-size:13px;
font-family: Verdana, Arial;
text-align:center;
text-decoration: none;
margin-right: 20px; 
display:inline;
}

Vopred diky ale ak by sa nasla daka dobra dusa a pozrela to v IE8 a poradil ako mozem mat vsetky IE na PC.

rooobertek · Napísal **rooobertek**: 28.09.2009 19:55

5.47 MB-ový obrázok na webe, to som tuším ešte nevidel

Neviem ti momentálne povedať, čo chýba IEčku (nemám momentálne nainštalované), ale na to, aký priestor si vyhradil na menu, je tam dosť malá "klikateľná plocha".
No a teda aby som sa aspoň trochu k téme vyjadril, skús zmenšiť o pár pixelov šírku položiek.

aikon · Napísal autor témy **aikon**: 28.09.2009 19:57

ten obrazok si nevsimaj to som si tam dal len aby som si spravil obraz takze to nic ...
co sa tyka zmensenie sirky skusil som to a tiez som skusil dat prec ten kontakt ale potom mi to hodilo poslednu polozku dole....

pizet · Napísal **pizet**: 29.09.2009 7:28

Neviem ti povedať presné riešenie tvojho problému ale pôjde to cez podmienené komentáre HTML. Spravíš to asi takto... vytvor si súbory .css a sprav si taký layout, ktorý ti bude sedieť na IE7 a IE6 a ak to nebude fungovať pri mozzile tak nevadí(ale podla mňa by sa to malo už teraz vyriešiť pretože mozzila podporuje viac) a použi podmienený komentár HTML, pozorne si prečítaj tento kód

Kód:

<link rel="stylesheet" type="text/css" href="styl.css" />
<!--[if lte IE 6]>
     <link rel="stylesheet" type="text/css" href="stylpreIE.css" />
<![endif]-->

S tým, že ako vytvoríš vhodný kód pre IE ti moc teraz neviem poradiť... stým by som sa musel trocha pohrať ale už musím ísť do školy... :cry:

don jebot · Napísal **don jebot**: 29.09.2009 9:58

preco to kodujes takto nezmyselne???daj <ul></ul><ul></ul> ale nie <ul><ul></ul></ul>, a potom napoziciuj ...

//V IE8 tiez rozbite ale inym sposobom.. nainstaluj si IE collection..

aikon · Napísal autor témy **aikon**: 29.09.2009 14:19

mam tam <UL> <ul> </ul> </UL> lebo to prve <UL> obsahuje aj to pozadie ... vlastne nebolo by lahsie to vyriesit takto:

Kód:

<ul class="menu">
   <li class="hlavne-menu">  UVOD       </li>
   <li class="hlavne-menu">  NOVINKY  </li>
   <li class="hlavne-menu">  GALÉRIA   </li>
   <li class="hlavne-menu">  KONTAKT  </li>
   <li class="vedlajsie-menu">  UVOD2   </li>
   <li class="vedlajsie-menu">  NOVINKY2  </li>
   <li class="vedlajsie-menu">  GALÉRIA2   </li>
   <li class="vedlajsie-menu">  KONTAKT2  </li>
</ul>

Takto by to slo nie?

pizet · Napísal **pizet**: 29.09.2009 15:03

Hej skús to tak

menu v IE

Podobné témy