Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> style dla stopki (z tekstem i obrazkami), jak najoptymalniej?
_kama
post
Post #1





Grupa: Zarejestrowani
Postów: 76
Pomógł: 0
Dołączył: 20.03.2005
Skąd: Łódź

Ostrzeżenie: (0%)
-----


Witam,
mam problem z organizacja stopki na stronie. Chwilowo styl dla niej, to:

Kod
    .footer
    {
  width: 100%;
  background-image:url(img/footer.jpg);
  height:69px;
  clear:both;
  background-repeat:repeat-x;
  color: #FFFFFF;
  text-align:left;
    }


gdzie footer.jpg to paseczek o szerokosci 1px

Wewnatrz footera musze umiescic:
- linijke tektu
- linijke tekstu ktory jest linkim
- obrazke z logo

Nie chce tworzyc osobnych klas dla nich dlatego zastanawiam sie jak to zorganizowac. Czy dla testu zrobic p.footer dla linka a.footer a obraka img.footer?
Kazdy z nich musi sie roznic tym jak odsuniety jest od bokow stopki. Czy w takim razie dla kazdego musze ustawic margin indywidualny?
Chwilowo wyglada to u mnie tak:

Kod
  p.footer
    {
  margin-left: 300px;
  margin-top: 30px;
  background: none;
  height:auto;
  clear:both;
    }
    a.footer
    {
  color: #D1D1D1;
  text-decoration:none;
  margin-left: 200px;
  margin-top: 30px;
  background: none;
    }
    img.footer
    {
  width:auto;
  margin-left: 0;
  margin-top: 0;
  background: none;
    }


wywolanie natomiast:
  1. <div class="footer">
  2. <img class="footer" src="img/footer-logo.jpg" />
  3. <p class="footer">Wszelkie prawa zastrzeżone (C)</p>
  4. <a class="footer" href="">o nas</a> <a class="footer" href="">kontakt</a>
  5. </div>


Tyle ze obecnie ostro sie to rozjezdza. Na swoim miejscu jest jedynie img ale footer jest o wiele wyzszy niz byc powinien i p i a spadaja. Poradzcie w czym moze byc blad. Z gory dzieki.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 13:05