Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html,css] Ukaład div
Forum PHP.pl > Forum > Przedszkole
krzychu0808
Witam mam problem z układem menu w IE 6.0
----------LINK------------
html (menu po lewej):
Kod
<div id="tabela1">
<div id="menu1"><div class="menu">Main Menu</div></div>

   <div id="menu2"></div>
   <div id="menu3">
<div id="menuuu">
<a class="menulink" href="index.php"><div class="efekt"><div id="tekst1">Strona Główna</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="PSO"><div class="efekt"><div id="tekst1">PSO</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Wymagania"><div class="efekt"><div id="tekst1">Wymagania</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="Matura"><div class="efekt"><div id="tekst1">Matura</div></div></a>
<div class="odstep"></div>

<a class="menulink" href="Rozne"><div class="efekt"><div id="tekst1">Różne</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="ZSEE"><div class="efekt"><div id="tekst1">ZSEE</div></div></a>
</div>
   </div>
      <div id="menu4"></div>
      <div id="linki"><div class="linki1">Linki</div></div>
       <div id="linki2"></div>
       <div id="linki3">

<div id="menuuu">
<a class="menulink" href="http://WWW.MEN.GOV.PL" target=_blank><div class="efekt"><div id="tekst1">MEN</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://WWW.CKE.EDU.PL" target=_blank><div class="efekt"><div id="tekst1">CKE</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://WWW.OKE.POZNAN.PL" target=_blank><div class="efekt"><div id="tekst1">OKE</div></div></a>
<div class="odstep"></div>
<a class="menulink" href="http://d4u.pl" target=_blank><div class="efekt"><div id="tekst1">d4u.pl</div></div></a>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Link</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Link</div></div>

</div>
       </div>
       <div id="linki4"></div>
  
</div>


CSS:
Kod
}
#menu1 {

    left:29px;
    top:0px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 31px;
    background: url('images/m.jpg');
}

#menu2 {

    left:29px;
    top:2px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m2.jpg');
}

#menu3 {
float:left;
    left:29px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    background: url('images/m3.jpg');
}
#menu4 {
float:left;
    left:29px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m4.jpg');
}

#tabela1 {
position: relative;
float: left;
    left:0px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 190px;
}


#tabela2 {

float: left;
    left:1px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 423px;
}


#tabela3 {
position: relative;
float: left;
    left:1px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 190px;

}







#tekst_t2 {
position: relative;
    top:2px;
    left:5px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 415px;
}

#menu1_t3 {

    left:5px;
    top:0px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 31px;
    background: url('images/m.jpg');
}
#menu2_t3 {

    left:5px;
    top:2px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m2.jpg');
}

#menu3_t3 {
    left:5px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 210px;
    background: url('images/m3.jpg');
}

.flash1 {
position: relative;
    top:10px;
    margin     : 0 auto;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 128px;
    height: 197px;
}


#menu4_t3 {

    left:5px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m4.jpg');
}





.menu_t3_2 {
position: relative;
        top:9px;
    text-align:center;
    color:#fff;
    font-weight:bold;

}
#linki {
float:left;
position: relative;
    left:29px;
    top:10px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 31px;
    background: url('images/m.jpg');
}
.linki1 {
position: relative;
        top:9px;
    text-align:center;
    color:#fff;
    font-weight:bold;
}

#linki2 {
float:left;
    left:29px;
    top:12px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m2.jpg');
}

#linki3 {
    top:12px;
float:left;
    left:29px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    background: url('images/m3.jpg');
}
#linki4 {
    top:12px;
float:left;
    left:29px;
position: relative;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 158px;
    height: 8px;
    background: url('images/m4.jpg');
}



#menuuu {
position: relative;
top:1px;
margin     : 0 auto;
width: 143px;                
}


.efekt        
{
position: relative;
top:2px;
width: 143px;                
height: 20px;                    
color: #000000;            
background-color: #8c8c8c;    
    }    
.efekt:hover    
    {
position: relative;
top:2px;            
width: 143px;                
height: 20px;                
color: #FFFFFF;            
background-color: #292931;        
}        
#tekst1 {
position: relative;
    top:3px;
    left:5px;
}

.odstep {
width: 143px;                
height: 1px;
}

.menu {
position: relative;
        top:9px;
    text-align:center;
    color:#fff;
    font-weight:bold;

}

a.menulink
{
color: #000000;
text-decoration: none;
  }

a.menulink:hover
{
text-decoration: none;
color: #FFFFFF;
}


Proszę o wyrozumiałość jestem początkujący....
-qqq-
napisz jaki masz problem bo nie chce mi sie uruchamiac tego kodu
\
krzychu0808
nie wiem czemu mam straszne odstępy między div i się niektóre wysokości div zmieniły.... i jak najadę myszką na jakiś przecisk to kolo jesgo powinien się zmieniać i kolor czcionki na firefox i IE 7.0 wszystko działa a na IE 6.0 nie chce
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.