Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Marginesy
Forum PHP.pl > Forum > Przedszkole
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>:
  1. #content h3 {
  2. text-transform: uppercase;
  3. letter-spacing: normal;
  4. font-size: x-small;
  5. width:620px;
  6. height:49px;
  7. background-image:url(images/newsim.png);
  8.  
  9. color:#CCFFFF;
  10. clear: both;
  11.  
  12.  
  13.  
  14.  
  15. }

I taki kod art:
  1. #art{
  2. margin:10px 210px 220px 220px;
  3. color:white;
  4. }

No i mam cos takiego:
  1. $art .='<h3><div id="art">'.$rekord[1].''.$rekord[4].'<br>'.$rekord[2].'';

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??
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:
  1. #art1{
  2. margin:10px 210px 220px 0px;
  3. color:white;
  4. text-transform: uppercase;
  5. letter-spacing: normal;
  6. font-size: x-small;
  7. width:620px;
  8. height:49px;
  9. background-image:url(images/newsim.png);
  10. padding: 0;
  11. color:#CCFFFF;
  12. }
krzywy36
Popróbuj pozmieniać marginesy i napisz co się dzueje haha.gif
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ć smile.gif
A przy okazji zapoznaj się z modelem pudełkowym ;] bo margin jest ustawiane na zewnątrz elementu więc nie ma co się dziwić winksmiley.jpg
Gość
OK, działa thx. Trzeba bylo jescze wylaczyc repeat smile.gif
pozdro
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.