Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Top: -500px;
Forum PHP.pl > Forum > Przedszkole
Stiffler
Witam,
Zaczynam kopiowac http://www.brain-line.pl/sloma1/. Chce przepisać wszystko dla siebie. W celach naukowych.
http://brain-line.pl/sloma1/idealne/ <=== To jest moj początek.
Chodzi mi o te kwiatki i logo. To jest w osobnych plikach i to musi byc nalozone na siebie. Do tego musialem uzyc top: -500px; Tylko czy to jest poprawnie? Tak się ogólnie robi?

  1. img.kwiatki{
  2. top:-70px;
  3. position:relative;
  4. z-index:-1;
  5. display: block;
  6. margin-left: auto;
  7. margin-right: auto;
  8. }
  9.  
  10. img.logo{
  11. position:relative;
  12. top:-500px;
  13. z-index:1;
  14. padding-left:20px;
  15. }
  16.  
  17. #srodek{
  18. background: #fff;
  19. border: 1px solid #d7d5d5;
  20. border-radius: 10px;
  21. -webkit-border-radius: 10px;
  22. margin: 0 0 20px;
  23. position: relative;
  24. width:100%;
  25. height:1200px;
  26. top:-470px;
  27. }


  1. <div id="cialo">
  2. <img src="images/kwiatki_top.png" class="kwiatki">
  3. <div id="cialo-in">
  4. <div id="baner">
  5.  
  6. <img src="images/logo.png" class="logo">
  7.  
  8. </div>


Nie wydaje mi sięsmile.gif
sf
Kwiatki powinieneś dać jako tło wink.gif Poza tym poszukaj sobie jakiegoś tutoriala o float, np. tutaj jest:

http://css.maxdesign.com.au/floatutorial/tutorial0801.htm
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.