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?
http://jsfiddle.net/JytJq/3/
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 :(
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>
Ovo bi bilo otprilike ono što tražiš http://jsfiddle.net/gQH6H/1/
vBulletin® v3.8.7, Copyright ©2000-2024, vBulletin Solutions, Inc.