Problem sa pozadinom

Pozdrav svima…

Od kako sam pokusao da ubacim galeriju u sajt imam problem sa pozadinom
Evo slike headera i footera

http://www.dodaj.rs/f/x/Qc/2tdkmeNf/header.png

http://www.dodaj.rs/f/1z/8A/VMbpmj7/footer.png

E sad vidite da ta siva pozadina nije od pocetka do kraja… Nego nekako pocinje od sredine…

Evo ga style.css

@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'AllerBold';
    src: url('fonts/aller_bd-webfont.eot');
    src: url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_bd-webfont.woff') format('woff'),
         url('fonts/aller_bd-webfont.ttf') format('truetype'),
         url('fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd77BdCn';
    src: url('fonts/helveticaneueltstd-bdcn-webfont.eot');
    src: url('fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd67MdCn';
    src: url('fonts/helveticaneueltstd-mdcn-webfont.eot');
    src: url('fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd65Medium';
    src: url('fonts/helveticaneueltstd-md-webfont.eot');
    src: url('fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-md-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStd65Medium') format('svg');
    font-weight: normal;
    font-style: normal;}
body {
background:url(images/bground.jpg)}
.okvir {background-image: url(images/sajtPozadina.png) ; 
background-repeat: no-repeat;background-position: 49.99%!important; 0px;}
#omotac {width: 899px;margin-left:auto;margin-right:auto;border:solid 3px #198fcf;border-radius:4px;}
.sidebarleft {float:left;width:600px;padding:5px; background-color:#fff }
.sidebarleftkontakt{float:left;width:889px;padding:5px; background-color:#fff }
.sidebarright {float:right;width:270px; padding:0px; background-color:#ececec; }
.footer {width: 877px;border-radius:7px;margin:7px; height:55px; border:solid #fbfbfb;}
.header {height: 300px;width: 899px;background-image:url(images/header.png);}
.flashbaner {height: 215px;width: 545px;float:right;

border:solid #198dce 3px;border-radius:3px; margin-right:50px;  }
.navigacija { width: 585px;}
.sadrzaj {width: 575px;border-radius:3px;}
.sadrzajkontakt{width: 885px;border-radius:3px;  }
.reference { margin-left:10px;width: 275px;border-radius:3px;float:left; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif;
color:#707070; overflow:hidden;  }
.sadrzaj-galerija {width: 580px;border-radius:3px; float:left; text-align:center; }
.desnibox1 { height:150px;width: 246px; background-color:#fff;border-radius:3px;border:solid 4px #198dce; ;}
.desnibox2 { height:190px ;width: 246px; background-color:#fff;border-radius:3px;border:solid 4px #d71b6d;}
.desnibox3 { height:190px ;width: 246px; background-color:#fff;border-radius:3px; border:solid 4px #00548a;}
.linija-sadrzaj{width:570px;border:solid 3px #198dce; margin-left:10px;}
p{font-family: Verdana, Geneva, sans-serif;color:#333;font-size:11px;margin-left:5px;}
h1{font-family: Verdana, Geneva, sans-serif;
color:#00548a; 
font-size:16px;margin-left:5px;}
h2{font-family: Verdana, Geneva, sans-serif;
color:#d71b6d;font-size:16px;margin-left:5px;}
h3{font-family: Verdana, Geneva, sans-serif;
color:#00548a;
font-size:16px;margin-left:5px;}
	.linija-desnibox1 {
	width: 180px;
	border:solid 2px #198dce;
	}.linija-desnibox2 {
	width: 180px;
	border:solid 2px #d71b6d;
	}.linija-desnibox3 {
	width: 180px;
	border:solid 2px #00548a;
}
.dugme1, .dugme2, .dugme3 {
	display: inline-block;
	float: left;
	width: auto;
	margin: 12px 3px;

}
.dugme1 {
	background: #198dce;
	text-shadow:1px 1px 1px #000;
	border-radius: 5px;
	box-shadow: 1px  #bfbfbf;
	color: #fbfbfb;
	line-height:  25px;
	text-decoration: none;
	font-weight: bold;
	padding:2px;
	
}


.dugme2 {
	background: #d71b6d;
	text-shadow:1px 1px 1px #000;
	border-radius: 5px;
	box-shadow: 1px  #bfbfbf;
	color: #fbfbfb;
	line-height:  25px;
	text-decoration: none;
	font-weight: bold;
	padding:2px;
}
.dugme3 {
	background: #00548a;
	text-shadow:1px 1px 1px #000;
	border-radius: 5px;
	box-shadow: 1px  #bfbfbf;
	color: #fbfbfb;
	line-height:  25px;
	text-decoration: none;
	font-weight: bold;
	padding:2px;
}
.footer-sadrzaj {
	width: 110px;
	float:left;
	margin:5px;
	border-radius:5px;
	background-color:#fff;
	
	
} 
.footer-sadrzaj a {
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#198fcf;
	margin-left:10px;
	font-family: Verdana, Geneva, sans-serif;
}
.footer-sadrzaj a:hover {
	color:#d82774;
	
}

.footer-sadrzaj-desni{
width: 120px;
	float:left;
	margin:5px;
	border-radius:5px;
	background-color:#fff;
	

}
.footer-sadrzaj-desni a {
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#d82774;
	margin-left:10px;
	font-family: Verdana, Geneva, sans-serif;}

.footer-sadrzaj-desni a:hover {
	color:#198dce;
}.copy {
	float:left;
	font-size:13px;
	background-color:#FFF;
	width:360px;
	height:45px;
	border-radius:5px;
	text-align:center;
	margin:5px;


	
}
	.copy a {
       color:#198dce;
	   text-decoration:none;
	   font-size:13px;
	
	 
	}
		.copy p {
       color:#999;
	   font-size:13px;
	   margin-top:5px;
	}

Je l’ zna neko u cemu je problem? Kada ubacim manje slika ne pojavljuje se ovaj problem, a imam 94 slike :smiley: :open_mouth:

pozdrav…
koliko sam shvatio htio bi da siva podloga bude background na galeriji slika po cijeloj duzini glavnog containera, a ne samo na desnoj strani?? onak kako je u headeru?

imas css napisam lose… browser kod ucitavanja stranice isto cita css odozgo prema dolje. kod tebe vidim imas prvo… klase footera, pa headera, pa tag selektore, pa ponovno klase footera. rijesi css po redu kak ti ide stranica. znaci prvo tag selektore, header, pa navigaciju, pa footer, pa lijevi, pa desni. onak kak pises stranicu tak pisi i css

jesi gledao i racuo na padding i margin?

u sidebarleft background color #fff znaci bijela, a u sidebarright background color #ececec. pretpostavljam da ti sidebar-ovi prikazuju div-ove u footer dijelu, jer imaju float right i left.

Pozdrav ljudi, evo i ja imam jedno pitanje…

Odlučio sam se pozabaviti web dizajnom pa me zanima na koji način kombinirate PS i samo pisanje koda?

Znači zanima me sljedeće: - napravim sliku u Photoshopu i spremim je kao ___. i onda tu sliku moram učitati uz pomoć html?

Ako bi mi mogli to malo objasniti bio bi zahvalan :wink:

Imaš dosta psd 2 html tutoriala koji ti mogu pomoći.

Free Useful PSD to HTML/CSS Tutorials - DesignModo

koristiš tag za ubaciti sliku

Probaj stavit
kad zatvoriš div od galerije.

Ili umjesto “depreciated”
probati CSS:


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja