Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Link wyglądający jak klawisz
Forum PHP.pl > Forum > Przedszkole
redelek
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
Zac
spróbuj użyć <button>treść przycisku</button>
redelek
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ł ?
Zac
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
sowiq
W woli ścisłości - id elementu nie może się zaczynać cyfrą. Czyli nie może też nią być.
Pilsener
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
redelek
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
webdice
Jak Ci JavaScript nie przesadza to zrób tak:

  1. <button onclick="location.href='index.html'" name="">Wyślij</button>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.