HTML - CSS struktura stranice

Wrapper, header i footer

<div id="wrapper"> <div id="header"> <h1>Web dizajn</h1> <p id="slogan">Slogan vaše tvrtke</p> </div> <div id="footer"> <p>Footer</p> </div> </div>

HTML u dva stupca

<div id="container"> <div id="article"> <p>Article</p> </div> <div id="sidebar"> <p>Sidebar</p> </div> </div>

CSS zadane postavke

* { margin: 0; padding: 0; } body { font-size: 62.5%; font-family: Tahoma, sans-serif; background-color: #E8CC4C; } #wrapper { margin: 0 auto; width: 80em; }

CSS header i article

#header { background-image: url('slike/logo.jpg'); padding: 3em 5em; width: 70em; height: 8em; } #article { float: left; width: 70%; background-color: #E8D475; }

CSS naslov i slogan

h1 { font-size: 4.8em; font-weight: lighter; } #slogan { font-size: 1.6em; letter-spacing: 0.4em; }

CSS sidebar i footer

#sidebar { float: left; width: 30%; background-color: #19A911; } #footer { clear: left; width: 100%; height: 3.5em; background-color: #D1B015; }

CSS odlomak i naslovi

p { color: black; font-size: 1.4em; line-height: 1.3; text-align: justify; padding: 1% 2%; } h2, h3 { font-weight: lighter; letter-spacing: 0.05em; padding: 1% 2%; }

CSS naslovi i okvir

h2 { color: #887107; font-size: 2.4em; } h3 { font-size: 2.1em; }

CSS naslovi i okvir

.okvir { margin: 2% 2%; line-height: 1.3; font-weight: lighter; } #article .okvir { color: black; background-color: #CF151A; }



Hvala na pozornosti!


Pitanja?