Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
problem z wyswietleniem w przegladarkach - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z wyswietleniem w przegladarkach (/thread-problem-z-wyswietleniem-w-przegladarkach)

problem z wyswietleniem w przegladarkach - merid - 07-07-2012

Hej mam problemik z wyswiatlaniem mojej strony na roznych przegladarkach a dokladniej na ie7, poniewaz juz na ie8 dziala.

tutaj link do strony
www.merid.cba.pl

gdyby ktos nie wiedzial jeszcze prosze tutaj screen
[Obrazek: hw0psp.jpg]

i na koniec kod

Kod:
body {
      background-color: #040a5e;
      margin: 0 auto;
      
      }
a:link {
         color: white;
         text-decoration:none;
}
a:visited {
         color: white;
         text-decoration:none;
}
a:hover {
         color: #F00;
         text-decoration:none;
}
a:active {
         color: #F00;
         text-decoration: none;
}

h1, p, li, ul {
   color: white;
   font-style: italic;
   font-family: 'Comic Sans MS','TSCu_Comic','Comic Sans',cursive;
   word-spacing: 2pt;
}
#tlogora {
         background: url('zdjecia/tlo_gora.jpg') repeat-x;
}
#gora {
         width: 1050px;
         height: 364px;
         margin: 0 auto;
         margin-bottom: 30px;
        
        
}
#logo {
         width: 1050px;
         height: 364px;
        
         margin: 0 auto;
     background: url('zdjecia/logo.jpg') no-repeat;
         }
.logomenu {
    
    float: right;
    width: 250px;
    height: 340px;
    margin-right: 100px;
    }

.logomenu #omnie {
         list-style-type: none;
         float: right;
         text-indent: -200em;
         width: 170px;
         height: 50px;
         position: relative;
         left: 13px;
         }
.logomenu #omnie a {
        
         display: block;
     position: absolute;
         width: 170px;
         height: 50px;
     background: url('zdjecia/kontakt.jpg')  no-repeat;
     top: 0;
}
.logomenu #omnie a:hover {
         background: url('zdjecia/kontakt.jpg')  no-repeat 0 -50px;
}
.logomenu #oferta {
         list-style-type: none;
         float: right;
         text-indent: -200em;
         width: 170px;
         height: 50px;
         position: relative;
         left: 13px;
         }
.logomenu #oferta a {
        
         display: block;
     position: absolute;
         width: 170px;
         height: 50px;
     background: url('zdjecia/kontakt.jpg') no-repeat;
     top: 0;
}
.logomenu #oferta a:hover {
         background: url('zdjecia/kontakt.jpg') no-repeat 0 -50px;
}
.logomenu #projekty {
         list-style-type: none;
         float: right;
         text-indent: -200em;
         width: 170px;
         height: 50px;
         position: relative;
         left: 13px;
         }
.logomenu #projekty a {
        
         display: block;
     position: absolute;
         width: 170px;
         height: 50px;
     background: url('zdjecia/kontakt.jpg')  no-repeat;
     top: 0;
}
.logomenu #projekty a:hover {
         background: url('zdjecia/kontakt.jpg')  no-repeat 0 -50px;
}
.logomenu #kontakt {
         list-style-type: none;
         float: right;
         text-indent: -200em;
         width: 170px;
         height: 50px;
         position: relative;
         left: 13px;
         }
.logomenu #kontakt a {
        
         display: block;
     position: absolute;
         width: 170px;
         height: 50px;
     background: url('zdjecia/kontakt.jpg')  no-repeat;
     top: 0;
}
.logomenu #kontakt a:hover {
         background: url('zdjecia/kontakt.jpg')  no-repeat 0 -50px;
}
#linia {
         width: auto;
         margin: 0 ;
         border-top: 2px solid white;
         border-bottom: 2px solid white;
         }
#linia p{
         background-color: #040a5e;
         margin: 0;
         padding-bottom: 5px;
         padding-top: 5px;
         text-align: center;
}
#tlosrodka {
         background: url('zdjecia/tlo_srodek.jpg') ;
        
}
#srodek {
         width: 1050px;
         height: 450px;
         margin: 0 auto;
         background: url('zdjecia/srodek.jpg');
}
#ocen {
        
             float: left;
         margin: 0 60px 0 40px;
                
                 padding-top: 20px;
         width: 150px;
             height: 450px;
                 text-align: center;
         }
#ocen table {
         margin-left: 40px;
}
#ocen table tr td p {
         margin: 0 auto;
         padding: 0;
         color: white;
         font-size: 26px;
}
#text{
        
         margin: 0 40px 0 0;
             float: right;
             width: 760px;
             height: 450px;
         text-indent: 12pt;
}
#text p {
         padding: 50px;
}
#text span {
   color: white;
   font-style: italic;
   font-family: 'Comic Sans MS','TSCu_Comic','Comic Sans',cursive;
   word-spacing: 2pt;
   display: block;
   margin-left: 20px;
   padding-top: 10px;
}
#text2 p {
   padding: 0px;
}
#clear {
         clear: both;
                 margin: 0;
       }
#stopka{
         margin: 0 auto;
         width: auto;
         border-top: 2px solid white;
         border-bottom: 2px solid white;
         text-align: center;
                                  }  
#stopka p{
         background-color: #040a5e;
         margin: 0 auto;
         text-align: center;
         padding-bottom: 5px;
         padding-top: 5px;
         }
#stopka a:link {
         color: white;
         text-decoration:none;
         text-align: center;
         margin: 0 auto;
}
#stopka a:visited {
         color: white;
         text-decoration:none;
         text-align: center;
         margin: 0 auto;
}
#stopka a:hover {
         color: #F00;
         text-decoration:none;
         text-align: center;
         margin: 0 auto;
}


RE: problem z wyswietleniem w przegladarkach - polak - 07-07-2012

Hmm, problem polega w a:hover ??? mi na wszystkich przeglądarkach działa ten hover, napisz dokładnie w czym problem tkwi.

RE: problem z wyswietleniem w przegladarkach - merid - 07-07-2012

w ie7 po prostu sa zdjecia, bo nawet nie jest to odsylacz, a w operze czy chromie normalnie zmienia mi sie zdjecia i dziala jako odsylacz

RE: problem z wyswietleniem w przegladarkach - Kartofelek - 07-07-2012

Oj kolego kolego.

Robi się tak:
Kod:
<ul style="overflow:hidden;">
    <li>
        <a style="height:....px; display:block; text-indent:-999em; overflow:hidden; background:url(....) no-repeat;">
    </li>
    ....
</ul>

Nie wiem skąd ci do głowy przyszło by dawać do LI linki które są pozycjonowane absolutnie.
Poza tym pozycjonowanie absolutne stosuje się z pozycjami top, left, bottom lub right. Ty ich nie zastosowałeś co jest błędem.

Zasada jest prosta. Wpierw nauka, potem oferowanie usług. Inaczej sobie tylko antyreklamy narobisz.

RE: problem z wyswietleniem w przegladarkach - merid - 07-07-2012

jest tam ustawione top: 0; i w hoverze -50;

dlaczego mi wpadl taki pomysl. zeby wykorzystac jeden obrazek i przy klikaniu po prostu wchodzi troszke wyzej. nie wiem dlaczego ale jak zrboilem sam button to dziala

doszedlem do tego zeby dzialalo to. musze skasowac text-indent tylko wtedy zostaje napis

RE: problem z wyswietleniem w przegladarkach - hieroshima - 10-07-2012

chłopie zmień design i dilera bo na trzeźwo patrzeć się na to nie da... Widziałeś kiedyś jakąś porządną stronę w internecie? Pooglądaj sobie templatki na templatemonsters później wróć na swoją stronę i wyciągnij wnioski...