Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Luknijcie problem ze stylem
Forum PHP.pl > Forum > Przedszkole
wichr
Witam,

jaki może być problem ze stylami ?

tutaj adres gdzie tymczasowo wrzuciłem stronę:



W IE - jest tak jak chce
W Mozilli - przynajmniej w jednej lini
W Operze - zupełna kaszana


Kod
body{
    font-family:"Lucida Grande", arial, sans-serif;
    background:#F3F3F3;

}

ul{
    
    margin: 5px;



    
}

li{
    
    width:90px;
    height:50px;
    float:left;
    color:#191919;
    text-align:center;
    overflow:hidden;
    font-size:13px;
/*    padding-top: 0px;*/
    margin-top: 0;
}

a{
    color:#FFF;
    text-decoration:none;
}



    .subtext{
    /*    margin-top:0px;*/
        
    }
p{
    padding:5px 5px;  
    color: black;    
    
}


/*Menu Color Classes*/
.green{background:#6AA63B url('images/green-item-bg.jpg') top left no-repeat;}
.yellow{background:#FBC700 url('images/yellow-item-bg.jpg') top left no-repeat;}
.red{background:#D52100 url('images/red-item-bg.jpg') top left no-repeat;}
.purple{background:#5122B4 url('images/purple-item-bg.jpg') top left no-repeat;}
.blue{background:#0292C0 url('images/blue-item-bg.jpg') top left no-repeat;}
.black{background:#DDDDDD url('images/blue-item-bg.jpg') top left no-repeat;}



#bez{
    color:#FFF;
    width:90px;
    height:50px;
    float:left;
    background: #6AA63B;
    text-align:center;
    font-size: 13px;
    margin:0;

    
    
}




Strona opiera się na dwóch stylach , jeden dla całej strony drugi dla całego pastak menu ( sam kolor zielony), menu jest włożone w diva czarny pasek.

Ponadto w menu znajduje się lista - to co się rozwija + divy to co się nie rozwija.

pozdrawiam i czekam na ostre słowa krytyki smile.gif

Kshyhoo
Wróżka ma przerwę świąteczną i nie wyczaruje już pliku, gdzie ten przecudny css ma się wykonać...
wichr
... Jasne smile.gif Aczkolwiek mam wątpliwości czy to cokolwiek pomorze ...


Kod
    if($row['id_kat']==0){
            
             echo "<div id=\"bez\">";
            
             echo "<a href=\"?menu=".$row[id]." \"><p>".$row[name]."</a></p>";
        
            
            
             echo "</div>";  
            
                     
            }    
                else {
                    
                    
            $array=array(id=>$row['id'],id_kat=>$row['id_kat'],id_kat1=>$row['id_kat1'],name=>$row['name']);



                        echo  "<ul>";
                        
                                          if ($row['id_kat']==1){
                                          
                                          
                                          
                                          echo  "<li class=\"green\">";
                                          echo "<p>".$row['name']."</p>";
                                    
                                            $podmenu="SELECT menu1.* FROM  menu1 WHERE id_kat=2  ";
                                            $wykonaj=mysql_query($podmenu);
                                              while($zas=mysql_fetch_array($wykonaj)){
                                              
                                                   if($row['id']==$zas['id_kat1']){                                    
                                                echo "<p class=\"subtext\"><a href=\"?menu=".$zas['id']." \">".$zas['name']."</a></p>";                                                              }
                                                    }
                                           
                                          echo     "</li>";
                          
                                          }
                    echo     "</ul>";
                }
           }   // ZAMKNIECIE WHILE
        }   // ZAMKNIECIE lang



To jest moj autorski kod mający na celu automatycznie wpisywać menu z bazy danej, a tutaj przykład wersji na której się wzorowałem :

http://buildinternet.com/2009/01/how-to-ma...nu-with-jquery/

pozdrawiam

wookieb
Jeszcze bardziej utrudniaj robote. Podaj po prostu link...
Pilsener
1. Opisz problem - skąd mamy wiedzieć, jaki może być? Opisz też efekt, jaki chcesz uzyskać.
2. Podaj kluczowy fragment kodu HTML + CSS
wichr
Byłem święcie przekonany, że dałem tego linka do strony :/ (sory) : moja strona , problem jest taki że w IE wygląda to w miarę poprawnie , w Mozzili jest o 40px odsunięte w prawo od krawędzi ( a tak być nie powinno) , a w Operze tworzą się schodki.

Menu jest wywoływane funkcją php pobierającą elementy z bazy danych którą podałem we wcześniejszym poście ( jest to przerobiona wersją animated-menu )


dzięki że chciało się wam to czytać.

pozdrawiam
athei
Ty w ogóle widziałeś co w kodzie masz? 3xhtml ... Poza tym zeruj domyślne wartości http://meyerweb.com/eric/tools/css/reset/
Daiquiri
W FF menu będzie wyglądało poprawnie jeżeli wartość szerokości ustawisz na 705px w elemencie .twoColLiqRtHdr #menu. Wnioskuje, że: masz niewyzerowane marginesy, paddingi itd. - pamiętaj, że IE inaczej interpretuje niektóre elementy niż reszta przeglądarek.
wichr
O racja, do index.php zaimportowałem 3 razy plik php :/


ps. to moja pierwsza stronka , nigdy przedtem nie robilem takich rzeczy smile.gif
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.