Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Div pod divem
adam882
post
Post #1





Grupa: Zarejestrowani
Postów: 289
Pomógł: 1
Dołączył: 2.11.2007

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

Witam

Chcę wykombinować, aby bloki <div> znajdowały się obok siebie, ale również nie miały przerw pod sobą. Mam taki kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  4. <title>Tytuł</title>
  5. <style type="text/css">
  6. .blok{width:100px; border:1px solid #dedede; margin:5px; padding:5px; float:left;
  7. </style>
  8. </head>
  9. <body>
  10. <div style="width:400px;">
  11. 	<div class="blok">sds</div>
  12. 	<div class="blok">aaa<br />aaa<br />adasdsadsad</div>
  13. 	<div class="blok">cccc<br />ccc</div>
  14. 	<div class="blok">ddd<br />ddd<br />ddd<br />ddd</div>
  15. 	<div class="blok">eeee</div>
  16. 	<div class="blok">eee<br />ee</div>
  17. </div>
  18. </body>
  19. </html>
  20.  
[HTML] pobierz, plaintext

Ma ktoś może jakieś pomysły?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
yta
post
Post #2





Grupa: Zarejestrowani
Postów: 201
Pomógł: 3
Dołączył: 10.04.2010

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

Zobacz człowieczku tak najprościej , możesz także kombinować z marginesami i floatami (IMG:style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1.  
  2. <html>
  3. <head>
  4. <style type="text/css">
  5.  
  6. .sds { width:40px; height:20px; border:2px solid black; position:relative; left:10px; }
  7. .aaa { width:40px; height:20px; border:2px solid black ; position:relative; left:10px; top:5px;}
  8. .ccc { width:40px; height:20px; border:2px solid black ; position:relative; left:10px; top:10px; }
  9. .ddd { width:40px; height:20px; border:2px solid black ; position:relative; left:60px; top:-70px; }
  10. .eee {  width:40px; height:20px; border:2px solid black ; position:relative; left:60px; top:-60px; }
  11. .eeef { width:40px; height:20px; border:2px solid black ; position:relative; left:110px; top:-120px; }
  12.  
  13. </style>
  14.  
  15. </head>
  16. <body>
  17.  
  18. <div class="sds">sds</div>
  19. <div class="aaa">aaa</div>
  20. <div class="ccc">ccc</div>
  21. <div class="ddd">ddd</div>
  22. <div class="eee">eee</div>
  23. <div class="eeef">eeef</div> 
  24.  
  25. </body>
  26.  
  27. </html>
  28.  
[HTML] pobierz, plaintext


Tutaj ustaw odpowiednie wielkści elementom i ładnie sobie poustawiasz (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- adam882   [HTML][CSS] Div pod divem   28.06.2011, 16:47:53
- - kefirek   display:inline;   28.06.2011, 16:55:52
- - adam882   nie działa   28.06.2011, 17:16:46
- - Daimos   [HTML] pobierz, plaintext <style type="tex...   28.06.2011, 17:20:38
- - adam882   chodzi mi bardziej o te przerwy pod divami. Widzia...   28.06.2011, 17:30:23
- - Daimos   Chłopie, napisałem Ci co zrobić, żeby nie było prz...   28.06.2011, 17:33:04
- - adam882   Może źle sprecyzowałem pytanie, ale w każdym razie...   28.06.2011, 17:50:18
- - Daimos   No to bardzo źle "precyzujesz" pytanie (...   28.06.2011, 18:03:54
- - sakuwbarakushow   Zobacz człowieczku tak najprościej , możesz także ...   28.06.2011, 20:10:09

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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