Skocz do zawartości

Nift Corners a Opera


Shaker

Polecane posty

Zachciało mi się ostatnio przypomnieć CSSa i odświeżyć pamięć, może już to poruszałem ale mam konkretny błąd z java scriptem.

Menu po lewej dobrze się zaokrągla, lecz część po prawej się gubi w operze i źle to wygląda Problem wsytępuje tylko z przeglądarką Opera(każda wersja) Jest to stara strona a mnie intryguje tylko to, że te rogi się nie zaokrąglają, bo jak w innych będę korzystał to mi to samo wyjdzie

Strona: http://www.hoss.yoyo.pl/

PS.Sorry za tamtą stronę :/ Zapomniałem, że w gimnazjum byłem głupi i młody no cóż, nie przypomniało mi się, że to tam umieściłem :/, strona usunięta z linkami do niepoprawnych materiałów.

Chodzi mi o to po prawej nie to po lewej(to po prawej się nie zaokrągla)!!!!!

Tu plik CSS(Uprzedzam są tam niepotrzebne rzeczy, lecz jest używany do różnych stron no i się to kopiuje po co od nowa pisać):

*{margin:0; padding:0;}
        body {
            font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:1em; background-color: #666666; background-repeat:repeat; text-align:center;
        }
        
        #main_wrapper {
         width:800px;  margin-left:auto; margin-right:auto; text-align:left;;   height:auto;
        }
        #header {
            text-align:center; margin: 0em 0em 1em 0em;
        }
         #header_inner, #content_inner, #promo_inner {
            overflow:hidden;
    }
        #header_inner {
            
            }
        #nav_inner {
          background-color: #A09E9E; float:left; width:130px;
        }
        #content_inner {
            padding:4em 2em 5em 2em; background-color: #AFADAD; margin-left:150px; }
        
            
        #footer_inner {
            padding:.5em 1em; text-align:center;
            }
        div#header_inner h1{
        width:800px;
             text-align:center;
            }
            .olive #header{
            
            }
             .olive #content3{
            
            height:300px;
            }
            .olive #footer{
            background-color:#0099FF;
            
            }
        #p3,p5{
        position:relative;
        }
        div#nav_inner li{ background-color:#A09E9E;  border-style:double;
        }
        p4{ width:50px; position:absolute; display:none; top: 50px; left: 50px; height:auto; background-color:#FFFFFF;
        }
        #odcinki1{ background-color:#A09E9E;  text-align:center;
        }
        p{
        font-wieght:bold;
        }
        p2{
        font-size:18px;font-wieght:bold;
        }
        h4 {
        text-align:center;  font-size:18px;
        }
        h7 {
        text-align:center;  font-size:18px;
        }
        
        
        h6 {
        font-weight:bold; text-align:center;
        }
        
        h1 {
        text-align:center;
        }
        p1 { font-weight: 900;
        
        }
        
        
        a {
            color:#036; font-style:italic; font-weight:bold;
            }
            ul{
            text-decoration:none;
            }
        a:link{
        color:#000000;
        }
        a:visited{
        color:#000000;
        }
        a:hover{
        color:#CCCCCC; text-decoration:none;
            }
        
        
        
        
            #p3:hover p4, p4:hover {
            display:block;
        }
            
            
            h5 { text-align:center;
        }
        #nav_inner h3{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
margin:0;
text-align:center;
}
        #nav_inner ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#nav_inner li, div#nav_inner li:hover{
position:relative;
}

div#nav_inner li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}


div#nav_inner ul ul,
div#nav_inner ul ul ul,
div#nav_inner ul li:hover ul ul,
div#nav_inner ul li:hover ul ul ul
{display:none;}

div#nav_inner ul li:hover ul,
div#nav_inner ul ul li:hover ul,
div#nav_inner ul ul ul li:hover ul
{display:block;}

Link do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.

  • Kto przegląda   0 użytkowników

    • Brak zalogowanych użytkowników przeglądających tę stronę.
×
×
  • Utwórz nowe...