Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Nie działa margin
Forum PHP.pl > Forum > Po stronie przeglądarki
Lepikur
Witam, mam kontener
  1. <div id="wnetrze_wynajem">

o następującym stylu css
  1. #wnetrze_wynajem
  2. {
  3. padding:0px;
  4. margin:0px;
  5. float:left;
  6. width:736;
  7. height:800;
  8. color:black;
  9. background-color:#f0e1ca;
  10. background-repeat:no-repeat;
  11. }


Umieściłem tam listę <ul>a pod nią tekst z linkiem:
  1. <p class="link_form">W celu dokonania rezerwacji prosimy przejść do <a class="link4" href="kontakt.php">FORMULARZA KONTAKTOWEGO</a></p>


O następującym stylu:
  1. p.link_form
  2. {
  3. text-align:left;
  4. margin: 30px 0px 0px 0px;
  5. padding:0px;
  6. font-size:14px;
  7. }


A teraz problem, nie działa mi stylowanie tej lini tekstu (margin się nie ustala względem listy <ul>, nie ma miedzy nimi odstępu 30px, wogóle nie reaguje. Próbowałem tez z padding, też nie reaguje. W czym może być problem?

EDIT:
Zauważyłem że błędy wprowadza mi lista wypunktowana. Mam następujące stylowanie dla Niej:
  1. ul.lista1
  2. {
  3. list-style-type:square;
  4. margin: 15px 5px 5px 5px;
  5. padding:0px;
  6. float:left;
  7. }
  8. li.lista2
  9. {
  10. float:left;
  11. margin:5px 5px 0px 5px;
  12. padding:2px 2px 2px 2px;
  13. text-align:left;
  14. font-size: 13px;
  15. line-height:15px;
  16. color:black;
  17. }

Co jest nie tak?
Olimpia_ona
Daj cały kod HTML z zawartością tego diva, tak żeby można było skopiować i odpalić u siebie.
sunpietro
jeśli dobrze widzę, to #wnętrze_wynajem nie ma ustalonej szerokości w px tongue.gif może to jest problem?
Lepikur
<div id="wnetrze_wynajem">
<h1 class="naglowek">ZASADY WYNAJMU</h1>
<ul class="lista1">
<li class="lista2">aaaa</li>
<li class="lista2">bbbb</li>
<li class="lista2">ccccc</li>
</ul>
<p class="link_form">W celu dokonania rezerwacji prosimy przejść do <a class="link4" href="kontakt.php">FORMULARZA KONTAKTOWEGO</a></p>
</div>
Damonsson
block inline block...mieszasz raz to raz to.

Dodaj do p.link_form
{ float: left; clear:both;}

bo tak Ci pływa ten <p>
Lepikur
Faktycznie, nie pomyślałem o tym clear:booth, tylko z floatowaniem kombinowalem, Dzieki! Teraz śmiga
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.