[css] listy pod IE Opcje

[xajart]

witam zrobilem sobie menu na liście, pod firefoxem i Operą działą wszystko ładnie pod IE nie i tutaj zwracam się z prośbą do was:


Plik css, który poprawnie działą mi pod Opera i FF:

Kod

  ul {
      display: block;
      margin: 0;
 padding: 0;
      width: 250px;
 list-style-type:none;
 list-style:none;
  }
  ul li li{
      margin-left: 20px;
 list-style-image:none;
 list-style:none;
  }

Fragment programu:

Kod

funkcja rekurencyjna {

echo '<ul><li>';

pętla while (wg rekordów bd) {

echo '<p id="wers">
<img src="'.$http_img.'/square.gif">&nbsp;
<a href="'.$adr.'" id="number2">'.$name.'</a></p>
';

wywołanie funkcji

}

echo '</ul></li>';

}

Wiem że dziwnie to jest zbudowane ale działą i zamyka mi wszystkie znaczniki
W Opera i FF działa wyświetlanie poprawnie linijka pod linijką.
Zaś w IE wyświetla linki jeden pod drugim niekiedy robiąc przerwy kilkunastopixelowe miedzy wpisami. I chodzi mi o to jak przebudować te pliki CSS tak by w IE wyświetlało się tak samo jak w operze i FF. 

Ten post edytował xajart 1.02.2009, 20:11:11

[Lion_87]

Czemu tak zamykasz ?

[PHP] pobierz, plaintext 
<?php
echo '</ul></li>';
?>
[PHP] pobierz, plaintext 

nie powinno być

[PHP] pobierz, plaintext 
<?php
echo '</li></ul>';
?>
[PHP] pobierz, plaintext 

a pozatym w ogóle może tak

[PHP] pobierz, plaintext 
<?php
funkcja rekurencyjna {
 
echo '<ul>';
 
pętla while (wg rekordów bd) {
 
echo '<li><p id="wers">
<img src="'.$http_img.'/square.gif">&nbsp;
<a href="'.$adr.'" id="number2">'.$name.'</a></p></li>
';
 
wywołanie funkcji
 
}
 
echo '</ul>';
 
}
?>
[PHP] pobierz, plaintext 

ul li li chyba wystarczy jak dasz ul li

[xajart]

Tak masz racje, nie zauwazylem tego błędu, ale kod ten nie był skopiowany z kodu aplikacji tylko z głowy wrzucony tak jak mniej więcej mam to na stronie i się pomyliłem jeszcze w domu sprawdze czy czasem takie błędu nie mam w kodzie, ale wydaje mi się że nie. Zresztą po paru godzinnach siedzenia w kodzie czasami nie widzę takich drobnych błędów

Kod

<?php
echo '</li></ul>';
?>

Co do wrzucenia li w kod spróbuje jak będę w domu po 16.

Co do CSS ul li nie wystarczy bo wtedy mi to nie wyświetla poprawnie tego a tak jak jest teraz działa okej.



Niestety Jeżeli przebuduje stronę tak jak napisałeś przesuwajać li do środka kodu to będzie wszystko okej z tą różnića że wylistuje mi jedno pod drugim, a funkcje mam tak zbudowaną że w zależności od zagłębienia w menu jest o te kolejne 20px przesuwany margines lewy. W ten sposób mam stworzone drzewko. 

Niestety w taki sposó jak podałem u góry wszystko poprawnie działą w Opera i FF niestety w IE robi mi odstępy, ale dałem sobie podgląd kodu źródłowego na stronie i zauważyłem w którym miejścu był problem. W związku z tym rozwiązałem to w taki sposób, że skrypt odczytuje z jakiej przeglądarki ktoś wchodzi i załadowuje odpowiedni pliczek .php odpowiedzialny za wyświetlanie tego. zaś w CSS nic praktycznie nie zmieniłe i działą pod IE, OPER i FF. Wiem że sposób przekombinowany bo to wina kodu źródłowego, ale w tym momencie chodziło mi o czas może w przyszłości wyeliminuje ten błąd