Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Łamanie lini
Forum PHP.pl > Forum > Przedszkole
Tomash
Witam!
Już tu dzisiaj pisałem i jeden problem został rozwiązany mam nadzieję że pomożecie mi z kolejnym ze względu, że jestem początkujący.

1. Otóż pierwszy problem polega na tym że w stopce łamie mi linie. Czytałem różne porady próbowałem i jak widac nic z tym nie zrobiłem ;(

CSS
CODE
#fot {
padding-top: 20px;
background: url('/fotter.png');
background-repeat:no-repeat;
float: left;
width: 930px;
height: 30px;
background-position: bottom;

}


HTML
CODE
<div id="fot">
<font size="2"><font face="Tahoma">Copyright 2012 Gech-Bud <p align="right">Projekt i wykonanie: <a href="mailto: tomb@gg.pl" >Tomasz Buras</a></p></font></font></div>

krispak
Looo matko.... wink.gif
Po pierwsze jak uzywasz CSS to nie stosuj znacznika <font>, po drugie masz jeden paragraf wiec robi nowa linie.

Tak na szybko...
  1. #fot {
  2. padding-top: 20px;
  3. background: url('/fotter.png');
  4. background-repeat:no-repeat;
  5. float: left;
  6. width: 930px;
  7. height: 30px;
  8. background-position: bottom;
  9. border: 1px solid #000;
  10. font-family: Tahoma;
  11. font-size: 12px;
  12. }
  13.  
  14. #fot .left {
  15. float: left;
  16. }
  17. #fot .right {
  18. float: right;
  19. }

  1. <div id="fot">
  2. <div class="left">Copyright 2012 Gech-Bud</div>
  3. <div class="right">Projekt i wykonanie: <a href="mailto: tomb@gg.pl" >Tomasz Buras</a></div>
  4. </div>


Pozdrawiam
pa-jong
  1. <div id="fot" style="font-family: Tahoma; font-size: 12px;">
  2. <div style="float: left;">Copyright 2012 Gech-Bud</font></div>
  3. <div style="float: right;"> Projekt i wykonanie: <a href="mailto: tomb@gg.pl">Tomasz Buras</a></div>
  4. </div>


widze ktoś mnie uprzedził i nawet ci ładnie rozdzielił wink.gif
strasznie bałaganisz
za kolegą wyżej
dokument tworzysz na divach zawartość formatujesz css`em i wsio
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.