PDA

Prikaži potpunu verziju : Kako se zove ovaj deo sajta sa slike?

prozor_xp
10.2.2014, 20:17
Zanimame kako se zove ovaj deo sajta oznacen viticastim zagradama i kako se pise kod za njega? http://postimg.org/image/bv6y9jy25/

znaci hocu da mi na primer pozadina sajta bude crne boje a ovaj deo sajta da bude sive boje i da se na njemu nalazi sadrzaj. Jel moze nekko da mi pomogne da to izvedem?
prozor_xp
10.2.2014, 20:40
Evo na primer stranica blica www.blic.rs (dajem primer poznatog sajta, nije reklama) Kako je uradjeno da se sav sadrzaj nalazi u sredini, dok se u pozadini nalazi reklama?
dare023
10.2.2014, 21:27
http://jsfiddle.net/JytJq/3/
Eni
10.2.2014, 22:11
Taj omotač u koji idu svi manji elementi (header, sidebar, blog, footer) zove se wrapper (omotač). To je u suštini jedan centralizovan DIV kojem staviš klasi wrapper i onda joj definišeš osobine... Čist CSS.
prozor_xp
10.2.2014, 22:12
http://jsfiddle.net/JytJq/3/

nece kod mene :(
Dekip
11.2.2014, 0:05
Sadržaj, kako ti kažeš se postavlja u sredinu preko css ( margin:0 auto; ). A ove reklame u pozadini možeš da rešiš najprostije sa divom gde će margin-right biti u minusu a u njega staviš šta hoćeš. I da, koristi firebug da vidiš šta je i kako urađeno.
el_corona
11.2.2014, 10:33
Zanimame kako se zove ovaj deo sajta oznacen viticastim zagradama i kako se pise kod za njega? http://postimg.org/image/bv6y9jy25/

znaci hocu da mi na primer pozadina sajta bude crne boje a ovaj deo sajta da bude sive boje i da se na njemu nalazi sadrzaj. Jel moze nekko da mi pomogne da to izvedem?

To ti se zove kontejner element i to je blok level element. U njega stavljas sta zelis da ti se nadje na tom delu strane. Evo i primer koji si trazio odradjen preko css-a. Obrati paznju da tekst koji je unutar div taga nije stavljen u p tagove.

<!DOCTYPE html>
<html>
<head>
<title>prozor_xp</title>

<style type="text/css">

body {
background-color:black;
}

div {
background-color:gray;
width:800px;
height:250px;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
}

</style>
</head>

<body>
<div>
prozor_xp
</div>

<div>
prozor_xp
</div>

<div>
prozor_xp
</div>
</body>
</html>
dare023
11.2.2014, 16:35
Ovo bi bilo otprilike ono što tražiš http://jsfiddle.net/gQH6H/1/