[CSS] background

[Saint]

Mam taki mały problem z BG chcialbym zrobic tak aby obrazek tla bg.jpg byl powtarzany na calej dlugosci stron aktualnie mam cos takiego:

body {
margin:0; padding:13px;
background:url(images/bg.jpg) repeat-x #162a65;
font:12px Tahoma, Arial, Verdana, Hevletica, sans-serif;
}

Jest to taka konfiguracja, która wtawia mi obrazek w tlo na poczatku, a potem jedzie juz jednolitym kolorem i chcialbym to zmienic, ale nie bardzo mi jakos idzie. Czy moze ktos doradzic?

[Irek]

https://www.kurshtml.boo.pl/css/powtarzanie,tlo.html

[Saint]

Podziekowal

[motorider]

Ponieważ mój problem też dotyczy background to nie tworze nowego tematu.

Jaka, może być przyczyna, że obrazek nie wyświetla się bez podania rozmiaru?

Tworze listę zagnieżdżoną tłem do każdego <li> i nie mogę podać rozmiarów bo następuje zła interpretacja zagnieżdżenia i elementy nakładają się.

[yavaho]

Przy background nie podaje się rozmiarów, można jedynie marginesy ustalic.

Jaki masz styl dla tagu li ?

[motorider]

		<ul>   
		  <li>
				<a href="#">11</a>
				<ul>
					<li>
						<a href="#">22</a>
						<ul>
							<li><a href="#">33</a></li>
							<li><a href="#">33</a></li>
							<li><a href="#">33</a></li>
							<li><a href="#">33</a></li>
						</ul>
					</li>
					<li>
					   <a href="#">22</a>
					   <ul>
							 <li><a href="#">33</a></li>
							 <li><a href="#">33</a></li>
					   </ul>
					</li>
				</ul>
		   </li>			  /*tutaj brakuje tla*/
		   <li><a href="#">11</a></li> 
		   <li><a href="#">11</a></li>
		</ul>

#menu ul {
list-style-type:none;
}

#menu ul li {
background:url(images/10.gif) no-repeat; /*problem jest z wyswietleniem tego tla, reszta dziala dobrze*/
padding:10px 0 0 5px;
margin: 20px 0 0 0px;
}

#menu ul li a {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#menu ul li ul li {
background:none;
}

#menu ul li ul li a {
color:#AFAFAF;
font-size:14px;
font-weight:bold;
}

#menu ul li ul li ul li {
background:url(images/11.gif) no-repeat;
}

#menu ul li ul li ul li a {
color:#7F7F7F;
font-size:12px;
}

Tło jest rysunkiem z linią na dole, w niektórych miejscach wyświetla się ale bez linii, tak jakby się nie mieściło.

[yavaho]

Po prostu grafika jest większa niz obszar w ktorym ma się wyswietlić.

Pierwszy ul zawiera 3x li

Przy czym piwerwszy li ma duzy rozmiar w dół ponieważ zawiera w sobie nastepne ul

Pozostałe dawa li są małe (przyjmują wielkość czcionki) i są mniejsze niż rozmiar tego tła.

Zwiększ padding w li (np padding:20px 0 0 5px;) lub dostosuj grfike do wysokości tego li

[motorider]

Dzięki. Zmniejszyłem grafikę i już się mieści. Mam tylko problem żeby ustawić odstęp między dołem grafiki (jest tam linia, która tworzy podkreślenie) a tekstem.

[yavaho]

Możesz podwyzszyc lub obmizyc tło

background-position: 0px -4px;

lub regulować wysokość jaką zajmie czcionka (nie zmieniając jej wielkości)

line-height: 20px;

albo regulować poprzez

padding: 8px 0 2px 0;

Wszystko to bedzie działac pod warunkiem że wiersze nie bądą się zawijać.

[motorider]

Wielkie dzięki Walczyłem z tym kilka godzin.