Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Problem z DIVami
Ulysess
post 8.07.2010, 17:09:38
Post #1





Grupa: Zarejestrowani
Postów: 695
Pomógł: 65
Dołączył: 27.07.2009
Skąd: Y

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

witam. Potrzebuje zrobić DIVa takiego jak na obrazku poniżej



Uploaded with ImageShack.us

chciałbym aby był głowny - ten różowy poźniej 2 inne i dalszy ciag różowego..

w html zrobiłem coś takiego:

[HTML] pobierz, plaintext 
  1. <div class="profil">
  2. <span style="font-size: 25px; font-weight: 900;">Ulysess</span>
  3.  
  4. <div style="width: 300px;float: left; clear: both;">aa</div>
  5. <div style="width: 300px;float: left; clear: both;">bb</div>
  6.  
  7. </div>
[HTML] pobierz, plaintext


css ->

[HTML] pobierz, plaintext 
  1. div.profil 
  2. { 
  3. 	background-color:  	#336699;
  4. 	border: 2px solid white;
  5. 	padding-top: 10px;
  6. 	width: 500px;
  7. 	height: 600px;
  8. 	margin-bottom: 3px;
  9. 	margin: 0px auto; 
  10. } 
[HTML] pobierz, plaintext


problem jest taki że te 2 DIVy co miały być poniżej są obok napisu 'Ulysess' mogę dać margin top , co prawda będzie poniżej Ulysess ale to nie jest chyba najlepsze rozwiązanie. prosił bym pomoc..
Go to the top of the page
+Quote Post
H4eX
post 8.07.2010, 17:34:22
Post #2





Grupa: Zarejestrowani
Postów: 150
Pomógł: 15
Dołączył: 1.07.2010

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

http://www.kurshtml.boo.pl/css/staly_szablon,szablon.html
Go to the top of the page
+Quote Post
cniak
post 8.07.2010, 20:30:51
Post #3





Grupa: Zarejestrowani
Postów: 169
Pomógł: 12
Dołączył: 16.09.2009

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

http://www.code-sucks.com/css%20layouts/faux-css-layouts/


przejedź w dół strony

szablony nr:

1-4
13-16

Ten post edytował cniak 8.07.2010, 20:32:17
Go to the top of the page
+Quote Post
krzysztof_kf
post 8.07.2010, 22:35:28
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2.         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <http equiv="Content-Type" content="text/html" charset=iso-8859-2" />
  7. <http equiv="Content-Language" content="pl" />
  8. </head>
  9. <body>
  10. <style type="text/css">
  11.  
  12.     border {
  13.     margin: 0px;
  14.     padding: 0px;
  15.     }
  16.  
  17.     .profil {
  18. 	background-color: #336699;
  19.         border: 2px solid white;
  20. 	width: 600px;
  21. 	height: 600px;
  22. 	margin: 0px auto;
  23. }
  24. </style>
  25. <div class="profil">
  26.         <span style="font-size: 25px; font-weight: 900;">Ulysess</span>
  27.  
  28. <div style="width: 600px;">
  29. <div style="width: 300px; float: left; height: 200px; background: #00ff00;">aa</div>
  30. <div style="width: 300px; float: left; height: 200px; background: #ff0000;">bb</div>
  31.  
  32. </div>
  33.    </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 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 Wersja Lo-Fi Aktualny czas: 16.06.2025 - 20:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn