Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Problem] Stopka
Forum PHP.pl > Forum > Przedszkole
Hackett
Problem z stopką na stornie: http://sect.glombek.pl/

kod odpowiadający za stopkę
  1. <br>
  2. <div style="margin-top:-220px;">
  3. <div id="footer">
  4. <div style="margin-top:70;">
  5. <BR>Copyright &copy;2012 <a href="#"><u><?php echo $serverSettings['titel']; ?></u></a>. All Rights Reserved. Design &amp; Script by <a href="http://www.ca-web.eu" target="_blank"><u>CA-Design</u></a>.
  6. </div>
  7. </div>
  8. </div>



kod ccs
  1. div#footer {
  2. width:1160px;
  3. height:159px;
  4. background:url("img/footer.png");
  5. line-height:0px;
  6. margin:75px auto 0px auto;
  7. font-size:15px;
  8. color:#dcdcdc;
  9. text-align:center;
  10. text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
  11. }
  12.  
  13. div#footer a {
  14. line-height:150px;
  15. margin:75px auto 0px auto;
  16. font-size:15px;
  17. color:#dcdcdc;
  18. text-align:center;
  19. text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
  20. }
  21.  
  22. div#footer a:hover{
  23. color:#e4b469;
  24. text-decoration:none;
  25. }


proszę o pomoc, bo metoda prób i błędów zawiodła
Sebek87
Brak jednostki:
  1. <div style="margin-top:70;">

Jeśli korzystane było z floatów, to przydałby się clear:both przed blokiem stopki.
Hackett
Poprawione, ale nic się nie zmieniło.
  1. <div class="clear"></div>

Jest przed stopką.
Sebek87
  1. <div style="margin-top:-220px;">

Ten margines, a nawet cały blok jest niepotrzebny.
Hackett
Troszkę inny efekt, ale zawsze coś smile.gif Napis ma być na tym tle morskim
Dominator
  1. $serverSettings['titel'];


Może masz literówkę ?
Hackett
Dominator nieistotny błąd smile.gif
Arcioch
Do div#footer dodaj padding: 100px 0px 0px 0px; i height zmniejszaj odpowiednio i po problemie smile.gif
Hackett
Arcioch dziękuje bardzo smile.gif Wszyscy po + a Arcioch jeszcze 5 smile.gif Pozdrawiam smile.gif

Wygląda na to że to jeszcze nie koniec ;/ Pod obrazkiem dla stopki jest czarne tło ~150px
Arcioch
Wiesz jak działa padding? smile.gif zmniejsz height na 252px i będzi oki smile.gif oczywiście w divie fotter smile.gif
Hackett
No i cacy biggrin.gif Jeszcze jedno, dlaczego robi się taki wielki odstęp? Chciałbym tam dodać button do Google+ i fb
Arcioch
Zamiast znaczników center użyj tego wink.gif

  1. <div style="clear: both; margin: -40px 0px 0px 0px;">
  2. </div>


Pokombinuj troszkę sam smile.gif to na prawdę nie jest trudne wystarczy odpalić firebuga smile.gif
Hackett
Wielkie dzięki za pomoc smile.gif Jestem laikiem w php, no ale coś spróbuję z tym zrobić wink.gif
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-2024 Invision Power Services, Inc.