Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css+xhtml] Jak zrobić taki link...
Kisiol_Ent
post
Post #1





Grupa: Zarejestrowani
Postów: 146
Pomógł: 0
Dołączył: 15.01.2007

Ostrzeżenie: (60%)
XXX--


Otorze chce aby link "Pobierz teraz!" był gifem i mrygał ochoczo do użytkownika...
Wszystko jest ok ale chce tez aby np jak uzytkownik wylaczy style CSS albo oglada strone
w trybie textowym (np na komórce) to zeby zamiast (pod) gifem był tekst...
Jak to zrobić?

Mam koncepcje aby zrobić link zwykly i przykryć go linkiem graficznym ale niewiem czy to dobry pomysl...

Ten post edytował strife 10.02.2007, 10:48:45
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
cyphelf
post
Post #2





Grupa: Zarejestrowani
Postów: 68
Pomógł: 1
Dołączył: 27.03.2006

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


W pliku html:

  1. <h1 id="download"><span></span>Ściągnij plik</h1>



W css:

  1. h1 span {
  2. display: block;
  3. position: relative;
  4. z-index: 1;
  5. }
  6. #download, #download span {
  7. width: 200px;
  8. height: 50px;
  9. background-repeat: no-repeat;
  10. background-image: url("/twoj_plik.gif");
  11. }
  12.  
  13. #download span {
  14. margin-bottom: -50px;
  15. }


W ten sposób powinno działać, musisz jeszcze dodać tam odnośnik <a>, a <h1> możesz zmienić na cokolwiek innego,
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: 4.10.2025 - 19:28