Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem z rozwijanym menu w IE
#6
Kod:
body {
      background-color: #dcdcdc;
      font-family: Verdana, Sans-serif;
      font-size: 12px;
      float: center;
      width: 940px;
      background-position: top center;
      clear: both;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2px;
      border-spacing: 0px;
      padding: 0px;
}



#src {
     height:200px;
     width:200px;
     border-style: solid;
     float: left;
     padding: 4px;
     margin-bottom: 10px;
     margin-right: 10px;
     border: 1px solid #000000;
}

#src1 {
     border-style: solid;
     padding: 0px;
     margin-bottom: 0px;
     margin-right: 0px;
     border: 1px solid #000000;
}

#src2 {
     border-style: solid;
     padding: 0px;
     margin-bottom: 0px;
     margin-right: 0px;
     border: 1px solid #000000;

}

#href {


     float: left;
     border-color= #000000;
}

#logo {
    float:center;
    height:110px;
    width:940px;
    background-image: url(images/logo.jpg);
    background-position: top left;
    border-top: 0px solid #000000;
    border-right: 0px solid #000000;
    border-left: 0px solid #000000;
    border-bottom: 0px solid #000000;
    margin: 0px;
    padding: 0;
}

#tab {
     border-spacing: 0mm;
     width: 940px;
     clear: both;
     float: center;
}

#logostrip {
            border-style: none;
}

#stopka1 {
             float: center;
             border-style: none;
             width: 940px;
             border-top: 2px solid #000000;
             border-left: 2px solid #000000;
             border-right: 2px solid #000000;
             border-bottom: 2px solid #000000;
             border-collapse: collspare;
             border-spacing: 0px;
             background-color: #ffffff;
             clear: both;

}

#gora1 {
       width: 940px;
       border-top: 0px solid #000000;
       border-left: 2px solid #000000;
       border-right: 2px solid #000000;
       border-bottom: 2px solid #000000;
       text-align: center;
       font-size: 28px;
       font-weight: bold;
       font-family: "Calibri", "Sans-serif";
       color: #434343;
       border-collapse: collspare;
       border-spacing: 0mm;
       background-color: #ffffff;
       clear: both;
}

#srodek1 {

        border-style: none;
        width: 210px;
        font-size: 24px;
        font-weight: bold;
        font-family: "Calibri", "Sans-serif";
        color: #434343;
        border-left: 2px solid #000000;
        border-collapse: collspare;
        border-spacing: 0px;
        text-align: center;
        background-color: #ffffff;
        border-spacing: 0px;
        border-right: 0px solid #000000;
        border-top: 0px solid #000000;
        border-bottom: 0px solid #000000;
        clear: both;
}

#srodek2 {
        float: center;
        border-style: none;
        background-color: #FFFFFF;
        font-family: Verdana, Sans-serif;
        font-size: 12px;
        margin-top: 0px;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 15px;
        padding-top: 4px;
        border-color: #2A441F;
        width: 560px;
        text-align: left;
        border-left: 2px solid #000000;
        border-right: 2px solid #000000;
        border-collapse: collspare;
        border-spacing: 0px;
        background-color: #ffffff;
        border-spacing: 0px;
        border-top: 0px solid #000000;
        border-bottom: 0px solid #000000;
        clear: both;
}

#srodek3 {
        float: center;
        width: 170px;
        font-size: 24px;
        font-weight: bold;
        font-family: "Calibri", "Sans-serif";
        color: #434343;
        border-right: 2px solid #000000;
        text-align: left;
        background-color: #ffffff;
        border-spacing: 0px;
        border-top: 0px solid #000000;
        border-left: 0px solid #000000;
        border-bottom: 0px solid #000000;
        clear: both;
}

#hr {
    width: 210;
}



#stopka {
        float: center;
        background-position: conter top middle;
        width: 290px;
           margin: 0 auto;
        font-size: 13px;
        text-align: left;
        padding-left: 330px;
        background-color: #ffffff;
        
}

a:hover { color: #FFEF58 }
a:link { color: #1A491A }
a:visited { color: #34682A }

.center {
    margin: 0 auto;
}

.menu2 {
    padding:0 0 0 0px;
    margin:0;
    width: 940px;
    list-style:none;
    height:32px;
    background:#fff url(images/menu/button1a.jpg) repeat-x;
    position:relative;
    font-family:arial, verdana, sans-serif;
    border-bottom: solid 0px #CCCCCC;

    border-style: none;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
        text-align: left;
}

.menu2 li.top {
    display:block;
    float:left;
    position:relative;
}

.menu2 li a.top_link {
    display:block;
    float:left;
    height:32px;
    line-height:32px;
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    padding:0 0 0 0px;
    cursor:pointer;
}

.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0px 10px; height:32px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 10px; height:32px; background:url(images/menu/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/menu/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/menu/button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:2px; top:30px; background: #fff; padding:3px 3px; border:1px solid #436D0F; white-space:nowrap; width:145px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:150px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:145px; line-height:20px; text-indent:1px; color:#000; text-decoration:none; border:1px solid #fff; border-width:0 0 0 1px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/menu/arrow.gif) 135px 8px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#F5E000; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#F5E000 url(images/menu/arrow_over.gif) 135px 0px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#F5E000 url(images/menu/arrow_over.gif) 135px 0px no-repeat; color:#fff;}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:148px; top:-4px; background: #fff; padding:3px 3px; border:1px solid #436D0F; white-space:nowrap; width:140px; z-index:200; height:auto;}
Odpowiedz


Wiadomości w tym wątku
Problem z rozwijanym menu w IE - przez marcel0001 - 02-05-2011, 01:57
RE: Problem z rozwijanym menu w IE - przez mateo - 02-05-2011, 03:10
RE: Problem z rozwijanym menu w IE - przez marcel0001 - 02-05-2011, 14:22

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 3,157 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 10,359 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 5,269 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 2,539 05-12-2014, 23:34
Ostatni post: asus
  Trzypoziomowe menu - problem rejcz 3 5,678 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl