Картинка вместо бекграунд грешка..

G

Grim

Registered
Еми картинката неиска да се покаже...

body {
background-color: #00C4FF;
body {background-image: url(background.gif)}
color: #000000;
}

#container {
background-color: #edc163;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
margin: 0 auto;

Така ми започва кода от style.css .. кода ли ми е греше..незнам,дайте ми код с примерна картинка ако може.
 
body {
background: #00C4FF url(background.gif) no-repeat;
color: #000000;
}

#container {
background-color: #edc163;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
margin: 0 auto;
Увеличете...
 
Ами html не съм го пипал,този код се слага в style.css нали?В скобите се слага урл-то на снимката.. или греша?
 
а да не би да не е правилния път до картинката(сложи пълния път) или ако е на linux/платен хостинг да знаеш че се прави разлика между .gif и .GIF :lol:
 
мне,на XP съм xammp съм,качих картинката в 1 сайт и взех урл-то и пак не става.. x_X
 
body {
background-color: #00C4FF;
background: #00C4FF url(http://kachi-snimka.info/viewer.php?id=opt1287258598d.GIF) no-repeat;
color: #000000;
}

#container {
background-color: #edc163;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
margin: 0 auto;
}

#contents {
margin:0;
padding: 0 20px;
}

#left {
background-image: url(images/bg_left.gif);
background-repeat: repeat-y;
}

#right {
background-image: url(images/bg_right.gif);
background-repeat: repeat-y;
}

#menu {
padding: 10px 0 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 25px;
letter-spacing: 1px;
}

#menu a:link {
color: #cccccc;
text-decoration: none;
}

#menu a:visited {
color: #91966c;
text-decoration: none;
}

#menu a:hover {
color: #000000;
text-decoration: none;
}

#contents_right {
padding: 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
}

#copyright {
background-image: url(images/bg_down.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #edc163;
font-weight: bold;
}

#copyright a {
color: #FF0000;
text-decoration: underline;
}

#copyright a:hover {
color: #FF0000;
text-decoration: underline;
}

.heading {
margin: 0;
padding-bottom: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-indent: 20px;
}

.text {
margin: 0;
padding: 0 0 20px 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
}
 
Код: 
body { 
background: #00C4FF url(http://kachi-snimka.info/images/opt1287258598d.GIF) no-repeat center; 
color: #000000; 
}

#container {
	background-color: #edc163;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	margin: 0 auto;
}

#contents {
	margin:0;
	padding: 0 20px;
}

#left {
	background-image: url(images/bg_left.gif);
	background-repeat: repeat-y;
}

#right {
	background-image: url(images/bg_right.gif);
	background-repeat: repeat-y;
}

#menu {
	padding: 10px 0 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: 1px;
}

#menu a:link {
   color: #cccccc;
	text-decoration: none;
}

#menu a:visited {
	color: #91966c;
	text-decoration: none;
}

#menu a:hover {
	color: #000000;
	text-decoration: none;
}

#contents_right {
	padding: 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#copyright {
	background-image: url(images/bg_down.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #edc163;
	font-weight: bold;
}

#copyright a  {
	color: #FF0000;
	text-decoration: underline;
}

#copyright a:hover  {
	color: #FF0000;
	text-decoration: underline;
}

.heading {
	margin: 0;
	padding-bottom: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-indent: 20px;
}

.text {
	margin: 0;
	padding: 0 0 20px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;	
}
 
да не би картинката да е малка ... и така застава в средата и ако имаш нещо на сайта то ще е над нея и няма да се вижда ! провери си размерите на картинката и виж в друг или нов файл че работи :)

http://backkk.hit.bg/index.html
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе