Зациклих на един CSS, моля за помощ :(

A

anunaki

Registered
Случвало ли се е на някой , като се опитва да сложи background-image на ul елемент, и да не се показва? Или грешката ми е някъде другаде?
Иначе мога да му сложа цвят, но като сложа бакграунд, не се показва.
Или пък да не би да не може?
Благодаря Ви много колеги.
 
По този начин пробва ли>
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
ul {
background:url(6.jpg) no-repeat;
}
</style>
</head>

<body>
<ul>
<li>sdfgsdrf</li>
<li>sdfgsdrf</li
<li>sdfgsdrf</li
<li>sdfgsdrf</li
<li>sdfgsdrf</li
</ul>
</body>
</html>
Увеличете...
 
Не стана така, копи и пасте му дадох от тук и не стана.

emagi каза:
По този начин пробва ли>
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
ul {
background:url(6.jpg) no-repeat;
}
</style>
</head>

<body>
<ul>
<li>sdfgsdrf</li>
<li>sdfgsdrf</li
<li>sdfgsdrf</li
<li>sdfgsdrf</li
<li>sdfgsdrf</li
</ul>
</body>
</html>
Увеличете...
Увеличете...

А иначе ето го и моя код: /не съм сложил картинка, показвам го чист/

CSS:
Код: 
#lightcontainer{
	
	margin:10px 20px 30px 20px;
	top:0px;
	left:80px;
	float:left;
	width:710px;
	height:100%;
	padding:0px;
		
}
		#lightcontainer ul {display: block;float: left;}

HTML:
Код: 
<div id="lightcontainer">
	
	<div class="right"><img src="images/backr.png" alt="" width="10" /></div>
			<ul>
	<li>
	<a href="text.html" class="lbOn"><img src="images/tbio_coffee.gif" alt="Линия ЗАХАРНИ ИЗДЕЛИЯ" width="150" height="150" /></a></li>
	<li>

и надолу има много още но мисля че няма нужда от него тука
 
Това по принцип е код от Lightbox, може да е от значение.

Не става и с width i height , пак не се показва background-image

Ако някой знае сайт който има такава функция, да го каже, аз ще му видя кода.
 
Ето виж
Това е кода:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
ul {
background:url(6.jpg) no-repeat;
color:#ffffff;
}
</style>
</head>

<body>
<ul>
<li>sdfgsdrf</li>
<li>sdfgsdrf</li
<li>sdfgsdrf</li
<li>sdfgsdrf</li
<li>sdfgsdrf</li
</ul>
</body>
</html>
Увеличете...
Това е изображението
6.jpg
 
Да, така както emagi го прави става.
Но в моя код не се показва нещо. Май ще е от Lightbox-a.
 
По принцип искам да има картинка, не под ul-то а под него.
Ето го CSS-a на Lightbox-a:
ТОВА не се показва.

Код: 
#lightcontainer{
	ТОВАbackground-image:url(images/back1px.png);ТОВА
	background-repeat:repeat;
	margin:0px 0px 0px 0px;
	float:left;
	width:700px;
	height:100%;
	padding:0px;
		
}
		#lightcontainer ul {display: block;float: right;}

	#lightcontainer li {
	display: block;
	float: left;
	padding: 0 5px 0px 0;
	}
	#lightcontainer li a {
	border:3px solid #eee;
	background-color:#F0E4C6;
	color:#444;
	line-height:2em;
	padding:5px;
	margin:0 0 5px 0;
	display:block;
	width: 150px;
	height: 150px;
}
	#lightcontainer li a:hover{
	border:3px solid #fff;
	background-color:#523F31;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0;
}
#lightbox h3{
	color:#FF713F;
}
#lightbox.done p{
	color:#333;
}



#definition{
	margin:15px;
	
}
.highlight{
	background-color:#FEFFAF;
}
.poppic{display:block; position:absolute; float:right; margin:0px 0px 0px 570px;}

img.floatright{float: right; margin: 4px 5px 0 20px;}
 
Код: 
ul{
 margin: 0;
 padding: 12px 0 0 0;
 border: none;
 width: 130px; 
 background-image: url(картинката);
 background-repeat: no-repeat;
}

Код: 
<ul>
 <li><a href="#">asdasd</a></li>
 <li><a href="#">Taasdsd</a></li>
 <li><a href="#">Iasdasdd</a></li>
</ul>

Слагай бекграунда направо на ul.Задавай точн път към картинката. И какъв е тоя бекграунд 700px който да се рипийтва ? ако искаш само на долу мисля че беше repeat-y.

ЕДИТ: Току що пробвах с .png картинка и не става. Смени си я на jpg или gif
 
Направо цялото го сложих в нов div id и на него му сложих картинката и стана. На мен точно png ми трябва, и там е сложното.
Благодаря на отзовалите се, ще покажа готовият проект тука. Да си кажете мнението.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе