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



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:



wywolanie natomiast:

[HTML] pobierz, plaintext 
<div class="footer">
	<img class="footer" src="img/footer-logo.jpg" />
	<p class="footer">Wszelkie prawa zastrzeżone (C)</p>
	<a class="footer" href="">o nas</a> <a class="footer" href="">kontakt</a>
</div>
[HTML] pobierz, plaintext 

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.

Możesz to zrobić inaczej.

Margin-top nie zadziała na element a, bo jest on linowy.

Czy to zasada czy przypadek ze przy takim zapisie jak zaproponowales kod html moze wygladac tak:

[HTML] pobierz, plaintext 
<div class="footer">
<img src="img/footer-logo.jpg" />
<p>Wszelkie prawa zastrzeżone (C)</p>
<a href="">o nas</a> <a href="">kontakt</a>
</div>
[HTML] pobierz, plaintext 

zamiast tak:

[HTML] pobierz, plaintext 
<div class="footer">
<img class="footer" src="img/footer-logo.jpg" />
<p class="footer">Wszelkie prawa zastrzeżone (C)</p>
<a class="footer" href="">o nas</a> <a class="footer" href="</span>">kontakt<<span style='color:blue'>/a>
</div>
[HTML] pobierz, plaintext 

A po za tym jak powinnien wygladac zapis gdybym np w klasie footer chciala miec 3 rodzaje tekstu? W przypadku gdy ma byc tylko jeden to skorzystam z p, ale co gdzy chcialabym miec 3 wyglady tekstow w klasie? jak to zapisac?

Chodzi o czytelniejszy zapis, tutaj w pewien sposób można zastosować hermetyzację styli. Czyli ustawiasz css dla elementów występujęcych w danej klasie Poza klasą są niewidoczne.
Ale pewnych rzeczy się nie da przeskoczyć, żeby zrobić tekst w trzech kolorach zakładające że będą one zawarte w tych samych elementach (p lub div) trzeba zrobić trzy klasy span.

Wielkie dzieki za rady.

Jeszcze co do tych 3 klas span to jest jakis ladny zapis zeby powiazac je z jakas swoja nadrzedna klasa? Czy zapis typu

[HTML] pobierz, plaintext 
<div class="footer">
   <span class="text1">text1</span>
   <span class="text2">text2</span>
   <span class="text3">text3</span>
</div>
[HTML] pobierz, plaintext 

bylby poprawny? Czy to zadziala? a jezeli nie to jak go zmienic zeby nie musiec tworzyc osobnych klas text1 text2 i text3?

No nie bardzo jest poprawny.
Zasada jest taka jak podałem wyżej.
czyli:

W ten sposób ustawiasz właściwości klasy dla która będzie zawarta w danym elemencie, tutaj .footer. Dla innego elementu div możesz ustawić inne właściwości. Jak napisałem wcześniej nie da się zrobić tak aby mieć tekst w trzech kolorach nie tworząc trzech klas.

Ostatnie pytania

- Jak w takim razie w htmlu odwolac sie do klas wedlug sty;lu ktory podales?
czy

[HTML] pobierz, plaintext 
<div class="footer">
<span class="text1">blabla</span>
</div>
[HTML] pobierz, plaintext 

jest poprawne?


jak z poprawnoscia zapisu jak ponizej (ktory zadzialal we wszystkich przegladarkach)?



i wywolanie:

[HTML] pobierz, plaintext 
<div class="footer">
<span id="text1">blabla</span>
</div>
[HTML] pobierz, plaintext 

Czy to jest jednoznaczne z zapisem ktory zaproponowales? (oprocz tego ze tworzac id moge z niego skorzystac tylko raz?)

1.Tak, jest to poprawne
2. Tak jest to poprawne i zadziała na wszystkich przeglądarkach i tworząc id nadajesz je tylko jednemu elementowi.