Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]problem z marginesem listy
Forum PHP.pl > Forum > Przedszkole
El Nino9
  1. <div class="boczna11" >
  2. <ul class="lista_logowanie">
  3. <li class="lista_li"> <a href="przypomnij.php" class="linki_log">Zapomniales hasla?</a> </li>
  4. <li class="lista_li"> <a href="przypomnij.php" class="linki_log">Jestes nowy? Zarejstruj sie!</a> </li>
  5. <li class="lista_li"> <a href="przypomnij.php" class="linki_log">Dlczego warto sie zarejstrowac?</a> </li>
  6. </ul>
  7. </div>


  1. .boczna11 {font-size:9pt;
  2. color:white;
  3. width:235px;
  4. height:130px;
  5. margin-left:20px;
  6. outline-style: solid;
  7. outline-color: #bfb6a6;
  8. outline-width: 1px;
  9. padding-top:5px;
  10. margin-bottom:10px;
  11. }
  12.  
  13. .lista_logowanie {list-style-type: none;
  14. margin-left:-35px;
  15. margin-top:3px;
  16. width:215px;
  17. }


chodzi dokładnie o lewy margines listy. Przy zerowym przesuwają się za bardzo w prawo, ustawiłem więc -35px. o ile dobrze się orientuję taki minusowy margines jest zgodny ze standardami. Ale jak to zwykle bywa, kazda przegladarka widzi ta sytuacje inaczej. Chrome ustawił rzeczywiście linki w sposób jaki chciałem, ale już w Operze obramowanie diva rozjechalo się, podobnie było w firefoxie.
co zrobić, aby każda przeglądarka zachowała się tak samo, a efekt był taki jaki chcę uzyskać?
!*!
A jaki efekt chcesz uzyskać? Poza tym przeczytaj
luckyps
Moze o cos takiego Ci chodzi (strzelam...) ?

  1. .lista_logowanie {list-style-type: none;
  2. margin-left: 35px;
  3. margin-top:3px;
  4. width:215px;
  5. padding: 0px;
  6. }
El Nino9
Cytat(luckyps @ 7.09.2011, 12:32:20 ) *
Moze o cos takiego Ci chodzi (strzelam...) ?

  1. .lista_logowanie {list-style-type: none;
  2. margin-left: 35px;
  3. margin-top:3px;
  4. width:215px;
  5. padding: 0px;
  6. }


Dokładnie taki efekt chciałem uzyskać, dzięki
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.