Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wygląd strony
wiktor96
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 28.09.2009

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

Chcę stworzyć stronę, posłużyłem się przy tym CSS, i mój kod wygląda tak

[HTML] pobierz, plaintext 
  1. <body>
  2. <link rel="stylesheet" href="style.css" />
  3. <div id="dzien">
  4. <div id="dzien1">Mój dzień</div>
  5. </div>
  6. <br>
  7. <hr>
  8. <br>
  9. <div id="xd">
  10. <div id="cos1">Test1</div>
  11. <div id="cos2">Test2</div>
  12. <div id="cos3">Test3</div>
  13. </div>
[HTML] pobierz, plaintext



a css

[PHP] pobierz, plaintext 
  1. #haha.gif {
  2.   border:3px black;
  3. }
  4.  
  5. #cos1 {
  6.   float:left;
  7.   width:46%;
  8.   margin-left: 60px;
  9. }
  10.  
  11. #cos2 {
  12.   float:left;
  13.   width:43%;
  14.  
  15. }
  16.  
  17. #cos3 {
  18.   float:right;
  19.   margin-right:60px;
  20.  
  21. }
  22.  
  23. #dzien1 {
  24.   font-size: 20px;
  25.   text-align: center;
  26. }
[PHP] pobierz, plaintext


chce osiągnąć coś takiego co właśnie wychodzi z tego kodu, czyli 3 elementy obok siebie, powiedzmy 50px od lewego marginesu, 3 tyle samo od prawego a ten drugi w środku, cel zamierzony mniej więcej wykonałem, ale ten kod wygląda dziwnie, niby działa, ale jak to poukładać żeby było ładnie, poza tym przy tych parametrach wszystko nie jest równo.Jak używać parametru width? Jak mój kod powinien prawidłowo wyglądać?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
freemp3
post
Post #2





Grupa: Zarejestrowani
Postów: 467
Pomógł: 77
Dołączył: 6.09.2008
Skąd: Miechów / Kraków

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

Proponuję zastosować takie rozwiązanie:
http://stackoverflow.com/questions/6879467...horizontal-list
W podanym przykładzie została użyta lista, ale bez problemu można to zrobić także na divach.


--------------------
Niemożliwym jest stworzenie czegokolwiek idiotoodpornego, ponieważ idioci są wyjątkowo pomysłowi.

https://www.aroch.pl
https://themeforest.net/user/aroch
https://www.astroblog.aroch.pl
https://www.4geeks.pl
Go to the top of the page
+Quote Post
proszek
post
Post #3





Grupa: Zarejestrowani
Postów: 41
Pomógł: 1
Dołączył: 29.12.2004

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

Nie bardzo rozumiem o co Ci chodzi. Twój kod działa tak jak chcesz a żeby wyglądało to fajnie to musisz to jakoś sobie zaprojektować. Zadaj jakieś konkretne pytania wtedy będzie można coś odpowiedzieć.

Nie używaj <bd />ów tylko nadaj odpowiednie marginesy.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

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