Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Nie działa margin
Lepikur
post
Post #1





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 5.07.2010

Ostrzeżenie: (0%)
-----


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?

Ten post edytował Lepikur 11.01.2011, 21:10:10
Go to the top of the page
+Quote Post
Olimpia_ona
post
Post #2





Grupa: Zarejestrowani
Postów: 71
Pomógł: 2
Dołączył: 10.03.2005
Skąd: Elbląg

Ostrzeżenie: (0%)
-----


Daj cały kod HTML z zawartością tego diva, tak żeby można było skopiować i odpalić u siebie.
Go to the top of the page
+Quote Post
sunpietro
post
Post #3





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

Ostrzeżenie: (0%)
-----


jeśli dobrze widzę, to #wnętrze_wynajem nie ma ustalonej szerokości w px tongue.gif może to jest problem?


--------------------
Go to the top of the page
+Quote Post
Lepikur
post
Post #4





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 5.07.2010

Ostrzeżenie: (0%)
-----


<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>
Go to the top of the page
+Quote Post
Damonsson
post
Post #5





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


block inline block...mieszasz raz to raz to.

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

bo tak Ci pływa ten <p>
Go to the top of the page
+Quote Post
Lepikur
post
Post #6





Grupa: Zarejestrowani
Postów: 26
Pomógł: 0
Dołączył: 5.07.2010

Ostrzeżenie: (0%)
-----


Faktycznie, nie pomyślałem o tym clear:booth, tylko z floatowaniem kombinowalem, Dzieki! Teraz śmiga
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 10:15