[html/css] Jak uzyskać taki efekt ?

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
MoLo
Nowy
Nowy
Posty: 30
Rejestracja: pt lut 03, 2006 6:56 pm

[html/css] Jak uzyskać taki efekt ?

Post autor: MoLo »

Gdybys ktos moglby mi powiedziec/napisac, jak uzyskac efekt przedstawiony na zdjeciu ponizej, blbym ogromnie wdzieczny ! 4 skladowe divy, #calosc wysrdkowana.

Obrazek
Hawk
Przelotem
Przelotem
Posty: 209
Rejestracja: ndz gru 22, 2002 9:34 pm

Re: [html/css] Jak uzyskać taki efekt ?

Post autor: Hawk »

Tak szczerze, próbowałeś choć przez minute samodzielnie nad tym pomyśleć?

[xml]<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<title>Unnamed</title>
<style type="text/css" media="all">
div#calosc {
margin: auto;
width: 600px;
height: auto;
}

div#top {
background-color: #ff0000;
width: 600px;
height: 100px;
}

div#menu {
background-color: #00ff00;
float: left;
width: 100px;
height: 300px;
}

div#text {
background-color: #0000ff;
float: left;
width: 500px;
height: 300px;
}
</style>
</head>
<body>
<div id="calosc">
<div id="top"></div>
<div id="menu"></div>
<div id="text"></div>
</div>
</body>
</html>[/xml]

Kolorki, wymiary itp. dodałem, żeby było widać efekt - pozmieniaj wedle uznania.
MoLo
Nowy
Nowy
Posty: 30
Rejestracja: pt lut 03, 2006 6:56 pm

Re: [html/css] Jak uzyskać taki efekt ?

Post autor: MoLo »

Hawk dzięki !!! Czy się zastanawiałem? Jasne, że tak. Niestety zawsze coś stawało mi na drodze i utrudniało osiągnięcie zamierzonego celu. Raz jeden div wchodzi na drugi, innym razem jesczze inna sytuacja... Nie napisałem tego tematu z próżności, ale z braku wiedzy i doświadczenia. A forum jest po to, żeby zadawać pytania i czekać, aż ktoś życzliwy na nie odpowie... Okazałeś się tym życzliwym :)
ODPOWIEDZ