[CSS]Marginesy Opcje

[-Gość-]

Witam,
mam problem, posiadam w pliku styli cos, co sprawia ze zamiast <h3> pojawi sie tlo itd. No i na tym tle, chce dac sobie tekst. Gdy jednak utworze nowa klase o innej nazwie, to gdy tekst chce dac nizej, obrazek tez idzie nizej. Jak to naprawic?

[krzywy36]

Możesz dokładniej opisać problem, i najlepiej jakbyś dał kod ;]

[-Gość-]

Mam taki kod do <h3>:

[HTML] pobierz, plaintext 
#content h3 {
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: x-small;
	width:620px;
	height:49px;
	background-image:url(images/newsim.png);
 
	color:#CCFFFF;
	clear: both;
 
 
 
 
}
[HTML] pobierz, plaintext 

I taki kod art:

[HTML] pobierz, plaintext 
#art{
 margin:10px 210px 220px 220px;
 color:white;
 }
[HTML] pobierz, plaintext 

No i mam cos takiego:

[HTML] pobierz, plaintext 
$art .='<h3><div id="art">'.$rekord[1].''.$rekord[4].'<br>'.$rekord[2].'';
[HTML] pobierz, plaintext 

I chodzi oto, że całe tło <h3> zjezdza w dół, a ja chce aby tylko $rekord zjechała

[krzywy36]

Ale po co dajesz div'a do h3 nie można tego jakoś prościej zrobić??

[-Gość-]

Można, moge dac np. #tloarta ale co to zmieni?

[krzywy36]

A jak wygląda to tło, jakie wymiary??
Ogólnie to chodzi Ci o to żeby wyświetlić dane na tle??

Ten post edytował krzywy36 25.03.2008, 09:05:46

[-Gość-]

http://justcausesite.pl/arty.php?id=1

Potem poprawie ogolny wyglad, ale ta cholerna belka idzie o 10px w dol razem z textem a ona ma stac w miejscu. Korzystam teraz tylko z:

[HTML] pobierz, plaintext 
#art1{
margin:10px 210px 220px 0px;
color:white;
text-transform: uppercase;
letter-spacing: normal;
font-size: x-small;
width:620px;
height:49px;
background-image:url(images/newsim.png);
padding: 0;
color:#CCFFFF;
}
[HTML] pobierz, plaintext 

[krzywy36]

Popróbuj pozmieniać marginesy i napisz co się dzueje

[-Gość-]

Mówie ci że gdy zmieniam marginesy, tło idzie razem z nimi a ono ma stać w miejscu o 10px wyżej niż teraz jest. No, ale jak je dam o 10px wyzej to text tez tam ruszy swoje cztery litery. Belka ma stac w miejscu a margines ma obowiazywac tylko tekst.

[krzywy36]

Ahh... już chyba mam ;] górny margines ustaw na 0, a zamiast tego ustaw sobie górny padding, powinno działać
A przy okazji zapoznaj się z modelem pudełkowym ;] bo margin jest ustawiane na zewnątrz elementu więc nie ma co się dziwić

Ten post edytował krzywy36 25.03.2008, 09:20:04

[-Gość-]

OK, działa thx. Trzeba bylo jescze wylaczyc repeat
pozdro