Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Kilka problemów z divami
Turson
post
Post #1





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

Kod html
[HTML] pobierz, plaintext 
  1. <body>
  2. <a href="index.php"><img src="logo.png"/></a>
  3. <div class="linia"></div>
  4. <div class="menu">
  5. <div class="mlewo"><a href="#">link1</a> | <a href="#">link2</a> | <a href="#">link3</a></div>
  6. <div class="mprawo"><a href="#">zaloguj</a> | <a href="#">zarejestruj</a></div>
  7. </div>
  8. <div class="linia"></div>
  9. <div class="fotocnt">
  10. <div class="fototitle">tytul</div>
  11. <center><a href="#"><img src="test.jpg"></a></center>
  12. <div class="opis">Ocena
  13. </div></div>
[HTML] pobierz, plaintext

Więc to niby wyglądać ma tak (od góry): logo -> linia -> menu -> linia -> box
Problem jest taki, że wygląda tak teraz: logo -> linia -> menu -> linia przecina menu -> box wjeżdża na menu

css
[CSS] pobierz, plaintext 
  1. .linia{
  2. background:url(linia.png) repeat-x;
  3. width:100%;
  4. height:11px;
  5. }
  6. .menu{
  7. width:800px;
  8. margin:0 auto;
  9. font-size:16px;color:#8f8f8f;
  10. }
  11. .menu a{
  12. font-family:Verdana;
  13. color:#e2e2e2;
  14. text-decoration:none;}
  15. .menu a:hover{
  16. color:white;
  17. text-decoration:none;}
  18. .mlewo{
  19. float:left;}
  20. .mprawo{
  21. float:right;}
  22. .fotocnt{
  23. margin-top:100px;
  24. width:800px;
  25. margin:0px auto;
  26. background-color:black;
  27. border:1px solid #1b1b1b;}
  28. .fototitle{
  29. font-size:22px;
  30. color:#8a8a8a;margin:8px 0px 8px 25px;}
[CSS] pobierz, plaintext

I po prostu nie wiem, co nie tak a nerwów mi nie starcza bo niby błahostka (IMG:style_emoticons/default/oneeyedsmiley02.png)
Go to the top of the page
+Quote Post
Damonsson
post
Post #2





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

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

Przeczytaj jakiś kurs html/css, wtedy napisz to poprawnie tak jak powinno być i wróć z błędami jakie wtedy się pojawią, bo z tego to nawet Salomon... (IMG:style_emoticons/default/smile.gif)

Żeby chyba wyglądało jak chcesz, zmień na:
[CSS] pobierz, plaintext 
  1. .linia {
  2.     background:url(linia.png) repeat-x;
  3.     width:100%;
  4.     height:11px;
  5.     clear: both;
  6. }
[CSS] pobierz, plaintext


Ten post edytował Damonsson 26.07.2011, 23:55:27
Go to the top of the page
+Quote Post
worek
post
Post #3





Grupa: Zarejestrowani
Postów: 82
Pomógł: 3
Dołączył: 26.04.2011

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

na start proponuję restart stylów domyślnych przeglądarki a potem bawienie się wizualizacją, tu masz dobry skrypcik do reseta. Wrzucasz go przed dołączanym arkuszem stylów właściwych np:
<link rel.....stylesheeet....=plik z resetem>
CODE
html, body, div, form, label{margin: 0;padding: 0;}img{border: 0;}


a potem już twój arkusz stylów właściwy
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.08.2025 - 09:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn