Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Atrybut "a" i jego background
pietrov8
post
Post #1





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----


Witam.

Mam oto i taki problem. Poniżej przedstawiam obiekt którym się zajmuję.

(IMG:http://img130.imageshack.us/img130/9579/26013177.jpg)

I teraz chcę tak go ostylować w css by:
  • tło było rozciągane w zależności od ilości tesktu,
  • był użyty aby atrybut a (<a href="#">Strona główna</a>).


Mam zrobione tak na tej stronie: Hassist lecz atrybut a jest wsadzony w sekcję <li></li> i tam ładnie można nimi pomanewrować. Zaś gdy pozostaje sam atrybut a to nic nie idzie z tym zrobić....

Z góry dziękuję
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Gdybyś mógł olać stare przeglądarki, to mógłbyś jeszcze pobawić się z pseudoklasami :before i :after. Tam jako tło ustawiałbyś owe obrazki, a jako tło elementu wielokrotnie powtarzany w poziomie pasek. Miałbyś więc tylko w CSS:
  1. a.klasa:before {
  2. background: url(sciezka_do_lewego_zaokrąglenia) transparent 0 0 no-repeat;
  3. }
  4. a.klasa:after {
  5. background: url(sciezka_do_prawego_zaokrąglenia) transparent 0 0 no-repeat;
  6. }
  7. a.klasa {
  8. background: url(sciezka_do_paska_srodka) transparent repeat-x;
  9. }
i drobne zmiany w atrybutach display, width, height, margin i padding, zależnie gdzie to miało by być na stronie i w jakiej konfiguracji użyte. Wywołanie zaś byłoby w postaci:
<a class="klasa" href="adres">Link</a>
czyli mniej więcej o co Ci chodzi. Niestety sam tego z racji niekompatybilności jeszcze nie używam. Stąd mogę mieć błędy pewne w tym co podałem. Na bank jednak w necie coś na ten temat powinno być szerzej opisane.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 3.10.2025 - 01:44