Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Link wyglądający jak klawisz
redelek
post 6.10.2008, 08:46:50
Post #1





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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


Witam,

Mam problem z ustawieniem takiego samego wyglądu dla klawisza submit i linku.
Nie mogę ustawić linku tak by wyglądał identycznie jak submit.

Tak to mniej więcej wygląda :

  1. <TD align="center"><input type="submit" class="send" value="&nbsp;Zaloguj się..&nbsp;" /></TD>
  2. <TD align="center"><a class="zm_hasla" href="rej_log.php?opcja=przypomnienie">&nbsp;Zmiana hasła..&nbsp;</a></TD>


Czy komuś z Państwa udało się coś takiego ?

to przykład CSS w którym walczę z tym problemem

  1. input.send{
  2. background-image: url(1.jpeg);
  3. width: 100px;
  4. height: 25px;
  5. }
  6. a.zm_hasla {
  7. text-decoration: none;
  8. width: 100px;
  9. height: 25px;
  10. background: url(1.jpeg);
  11. }


Będę bardzo zobowiązany za pomoc lub wskazówki. Może mogę zastosować kolejny przycisk , ale jak w nim przekazać parametry takie jak w linku?

Będę wdzięczny za pomoc

Pozdrawiam
Redelek


--------------------
Pozdrawiam
Piotrek R
Go to the top of the page
+Quote Post
Zac
post 6.10.2008, 09:05:42
Post #2





Grupa: Zarejestrowani
Postów: 27
Pomógł: 2
Dołączył: 9.06.2008

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


spróbuj użyć <button>treść przycisku</button>
Go to the top of the page
+Quote Post
redelek
post 6.10.2008, 09:19:21
Post #3





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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


Cytat(Zac @ 6.10.2008, 08:05:42 ) *
spróbuj użyć <button>treść przycisku</button>


Zrobiłem tak
  1. <TD align="center"><a class="zm_hasla" href="rej_log.php?opcja=przypomnienie"><button class="zm_hasla" >Zmiana hasła</button></a></TD>


ale tylko w FF działa opera i IE nie kumają tego sad.gif Jakiś inny pomysł ?


--------------------
Pozdrawiam
Piotrek R
Go to the top of the page
+Quote Post
Zac
post 6.10.2008, 09:37:08
Post #4





Grupa: Zarejestrowani
Postów: 27
Pomógł: 2
Dołączył: 9.06.2008

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


to może spróbuj tak :
  1. <button id="1" type="submit" value="tekst" >tekst</button>
  2. styl css do tego
  3. #1 {
  4. text-decoration: none;
  5. width: 100px;
  6. height: 25px;
  7. background: transparent url(1.jpeg) 0 0 no-repeat;
  8. }


poczytaj tez TU

Ten post edytował Zac 6.10.2008, 09:37:58
Go to the top of the page
+Quote Post
sowiq
post 6.10.2008, 09:43:10
Post #5





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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


W woli ścisłości - id elementu nie może się zaczynać cyfrą. Czyli nie może też nią być.
Go to the top of the page
+Quote Post
Pilsener
post 6.10.2008, 11:02:33
Post #6





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

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


Możesz też dać dwa submity (lub więcej, wg. uznania) i:
- dodać link w JS
- sprawdzać, że kliknięto buton link, if buton==link to header(lokacja) - sposób trudniejszy, ale nie wymaga JS
Go to the top of the page
+Quote Post
redelek
post 6.10.2008, 11:42:56
Post #7





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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


Cytat(Pilsener @ 6.10.2008, 10:02:33 ) *
Możesz też dać dwa submity (lub więcej, wg. uznania) i:
- dodać link w JS
- sprawdzać, że kliknięto buton link, if buton==link to header(lokacja) - sposób trudniejszy, ale nie wymaga JS


Ale JS nie znam sad.gif


--------------------
Pozdrawiam
Piotrek R
Go to the top of the page
+Quote Post
webdice
post 6.10.2008, 12:01:02
Post #8


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




Jak Ci JavaScript nie przesadza to zrób tak:

  1. <button onclick="location.href='index.html'" name="">Wyślij</button>
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 26.04.2025 - 03:11