Forum PHP.pl > [HTML][CSS]Problem z DIVami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Problem z DIVami

Ulysess

8.07.2010, 17:09:38

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 
<div class="profil">
<span style="font-size: 25px; font-weight: 900;">Ulysess</span>
 
<div style="width: 300px;float: left; clear: both;">aa</div>
<div style="width: 300px;float: left; clear: both;">bb</div>
 
</div>
[HTML] pobierz, plaintext

css ->

[HTML] pobierz, plaintext 
div.profil 
{ 
	background-color:  	#336699;
	border: 2px solid white;
	padding-top: 10px;
	width: 500px;
	height: 600px;
	margin-bottom: 3px;
	margin: 0px auto; 
} 
[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..

H4eX

8.07.2010, 17:34:22

http://www.kurshtml.boo.pl/css/staly_szablon,szablon.html

cniak

8.07.2010, 20:30:51

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

przejedź w dół strony

szablony nr:

1-4
13-16

krzysztof_kf

8.07.2010, 22:35:28

[HTML] pobierz, plaintext 
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<http equiv="Content-Type" content="text/html" charset=iso-8859-2" />
<http equiv="Content-Language" content="pl" />
</head>
<body>
<style type="text/css">
 
    border {
    margin: 0px;
    padding: 0px;
    }
 
    .profil {
	background-color: #336699;
        border: 2px solid white;
	width: 600px;
	height: 600px;
	margin: 0px auto;
}
</style>
<div class="profil">
        <span style="font-size: 25px; font-weight: 900;">Ulysess</span>
 
<div style="width: 600px;">
<div style="width: 300px; float: left; height: 200px; background: #00ff00;">aa</div>
<div style="width: 300px; float: left; height: 200px; background: #ff0000;">bb</div>
 
</div>
   </div>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.