[ Neverall @ 19.09.2008. 13:28 ] @
ovo je template koji mi se sviđa...ali ja želim da je sve razvučeno preko cijelog ekrana..molim pomoć....
ovo je css:
/* CSS Document */
*{
margin:0px;
padding:0px
}
img{
border:0px
}
html{
width:100%;
height:100%;
background-color:#D5D5D5
}
body{
width:766px;
height:750px;
margin:auto;
}
#site{
width:616px;
height:750px;
padding:25px 75px 0 75px;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:no-repeat
}
.menu{
background-image:url(images/menubg.gif);
background-position:top left;
background-repeat:no-repeat;
width:616px;
height:53px;
margin:15px 0 28px 0
}
.menu ul{
float:left;
display:inline;
margin:9px 0 0 75px;
}
.menu li{
list-style-type:none;
float:left;
padding:0 11px 0 0;
background-image:url(images/line.gif);
background-position:top left;
background-repeat:repeat-x;
background-color:#D8D8D8
}
.menu img, .right img{
float:left
}
#site .style1{
padding:0px
}
#center{
background-image:url(images/main.gif);
background-position:top left;
background-repeat:no-repeat;
width:616px;
height:431px
}
.big{
float:left;
display:inline;
margin:9px 0 0 9px;
border-right:9px solid #F3F3F3
}
.right{
width:350px;
float:left;
padding:28px 0 0 34px;
font-family:Arial;
font-size:11px;
}
.text1{
color:#646464;
width:350px;
float:left;
padding:5px 0 12px 5px
}
.more{
font-family:Tahoma;
color:#646464;
font-weight:bold;
font-size:10px;
text-decoration:none;
display:block;
float:left;
display:inline;
width:100px;
padding:0 0 0 15px;
margin:0 0 15px 5px;
background-image:url(images/arrows.jpg);
background-position:0px 4px;
background-repeat:no-repeat
}
.dots{
background-image:url(images/dots.gif);
background-position:top left;
background-repeat:repeat-x;
float:left;
margin:0 0 0 5px
}
.dots2{
width:350px;
background-image:url(images/dots2.gif);
background-position:153px 0px;
background-repeat:repeat-y;
margin:20px 0 0 0;
float:left
}
.left{
width:136px;
height:185px;
float:left;
padding:0 38px 0 0;
}
.pic1{
float:left;
margin:10px 0 9px 2px
}
.pic2{
float:left;
margin:7px 0 9px 2px;
border-right:2px solid #B0AEAE
}
.left ul{
display:inline;
float:left;
margin:0 0 10px 5px
}
.left ul li{
background-image:url(images/ar.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding:0 0 0 16px;
list-style-type:none;
display:inline;
line-height:18px
}
.left ul li a{
color:#646464;
text-decoration:none
}
.second{
float:left;
width:176px;
font-family:Arial;
font-size:11px;
color:#646464;
}
.text2{
float:left;
width:97px;
padding:5px 0 15px 8px
}
.text2 a{
font-weight:bold;
color:#646464;
text-decoration:none;
font-size:10px;
font-family:Tahoma;
}
.text3{
float:left;
width:160px;
padding:15px 0 10px 5px
}
#footer{
background-color:#F3F3F3;
width:599px;
height:40px;
float:left;
display:inline;
margin:0 0 0 8px;
position:relative
}
#footer p{
float:left;
display:inline;
font-family:Arial;
font-size:10px;
color:#797979;
text-align:center;
margin:12px 0 0 16px
}
#footer p a{
color:#797979;
text-decoration:none
}
.sound{
position:absolute;
top:18px;
right:13px
}

ovo je html code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="site">
<a href="#"><img src="images/logo.gif" alt="" width="271" height="66" /></a>
<div class="menu">
<ul>
<li><a href="#"><img src="images/but1_a.gif" alt="" width="85" height="35" /></a></li>
<li><a href="#"><img src="images/but2.gif" alt="" width="83" height="35" /></a></li>
<li><a href="#"><img src="images/but3.gif" alt="" width="88" height="35" /></a></li>
<li><a href="#"><img src="images/but4.gif" alt="" width="74" height="35" /></a></li>
<li class="style1"><a href="#"><img src="images/but5.gif" alt="" width="90" height="35" /></a></li>
</ul>
</div>
<div id="center">
<div class="big"><img src="images/big.jpg" alt="" width="170" height="372" /></div>
<div class="right">
<img src="images/title1.gif" alt="" width="228" height="27" />
<p class="text1">
<strong>Lorem ipsum dolor.</strong> Sit amet, consectetuer adipiscing elit. Praese vestibulum molestie lacus. Aenean nonummy.<br />
Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penaibus magnis dis parturient montes, nascetur ridiculus mus.
</p>
<a href="#" class="more">more about us</a>
<div class="dots"><img src="images/spacer.gif" alt="" width="344" height="1" /></div>
<div class="dots2">
<div class="left">
<img src="images/title2.gif" alt="" width="136" height="19" />
<img src="images/pic1.jpg" alt="" width="122" height="58" class="pic1" />
<ul>
<li><a href="#"><strong>vestib</strong> ulum molesie</a></li>
<li><a href="#"><strong>hen drerit</strong> mauri as</a></li>
<li><a href="#"><strong>scusc</strong> ipit variu soq</a></li>
</ul>
<a href="#" class="more">more services</a>
</div>
<div class="second">
<img src="images/title3.gif" alt="" width="100" height="19" style="padding:0 50px 0 0 " />
<img src="images/pic2.gif" alt="" width="67" height="53" class="pic2" />
<p class="text2">
<strong>Mor nun.</strong> Duis er ultricie pharetra magec accum san <a href="#">read more</a>
</p>
<div class="dots"><img src="images/spacer.gif" alt="" width="160" height="1" /></div>
<p class="text3">
<strong>Sed laoreet.</strong> Aliquam leo. Ut tlus dolor, dapibus eget, elemenm vel, cursus eleifend, eliean auctor.
</p>
<a href="#" class="more">more services</a>
</div>
</div>
</div>
<div id="footer">
<p>
yourcompany.com &copy; 2008<br />
<a href="#">privacy policy</a>
</p>
<img src="images/sound.gif" alt="" width="71" height="12" class="sound" />
</div>
</div>
</div>
</body>
</html>

[ kazil @ 19.09.2008. 14:07 ] @
Ovako na brzaka, kod #site promeni sirinu u ovo:
Code:

#site{
width:100%;
}
[ Neverall @ 19.09.2008. 14:10 ] @
probam pa ti javim...hvala znam da se vidi da sam noob ali...nekako moraš početi...evo jesam ali ništa se ne dogaša kad promjenim to u css-u....
[ kazil @ 19.09.2008. 14:21 ] @
Bas se nista nije promenilo? Obrisi cache, pa pogledaj onda: shift + klikni na refresh dugme u browseru, pa javi.
[ Neverall @ 19.09.2008. 14:33 ] @
znači umjesto:

#site{
width:616px;
height:750px;
padding:25px 75px 0 75px;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:no-repeat
}
zaljepim ovo:

#site{
width:100%;
}
ipak ne valja to.


[Ovu poruku je menjao Neverall dana 19.09.2008. u 16:22 GMT+1]
[ vatri @ 19.09.2008. 17:12 ] @
Vjerovatno je mislio da zamjenis width:616px; sa width:100%;

Ali pretpostavljam da to nece funkcionisat zbog grafike i ostatka sajta.
[ Neverall @ 19.09.2008. 17:27 ] @
tako je ne odgovara,ali znao bi ja razvući sliku kada bi se moglo nekako podesiti da se to što sam rekao raširi...
[ vatri @ 19.09.2008. 17:38 ] @
Imas li negdje "live" taj template da pogledam? Ili mozes zipovat pa postaviti...
[ Neverall @ 19.09.2008. 17:53 ] @
mogu zipovat

http://rapidshare.com/files/146637949/template444.rar

unutra je index.html..i css file i neke slike...sve kompletno..hvala ako mi uspiješ pomoći...

a mislim da sam nešto skužio i sam,tu ima jedna slika u photoshopu koja je možda fiksne veličine pa se zato to ne može odradit kako ja hoću....ali pogledaj..

[Ovu poruku je menjao Neverall dana 19.09.2008. u 19:06 GMT+1]

[Ovu poruku je menjao Neverall dana 19.09.2008. u 19:06 GMT+1]
[ vatri @ 19.09.2008. 18:36 ] @
Problem je u dijelu

body{
width:766px;
height:750px;
margin:auto;
}
tu je definisano da tijelo html dokumenta bude 766px sirine (zato se ne moze rasiriti preko cijelog ekrana #site), zatim visine 750px, i margin:auto da bude na centru.
Znaci ti trebas izbrisati komplet ovaj gore kod, a zatim ides po redu gledas divove i preuredjujes grafiku u fotosopu...

Uradio bi ti ja to ali treba dosta vremena...
pozdrav

P.S. mani se template-a radi sam sajt, sjedni i polako uci HTML, CSS, Javascript... ako oces nesto ozbiljnije
[ Neverall @ 19.09.2008. 19:01 ] @
e kad bi ja znao kako popraviti ovo...možda bi trebao s jednostavnijim stvarima krenut,,ali nisam mislio da ima toliko posla....oko toga...