| Autor |
Nachricht |
XSchinkenX
Dabei seit: 25.01.2004
Ort: Mars
Alter: -
Geschlecht: -
|
Verfasst Di 25.09.2007 15:10
Titel
|
  |
|
| jaaam hat geschrieben: |  Das wird schwierig.
JS-deaktivierte Browser sind Mädchen. |
| jaaam hat geschrieben: | | Zitat: | | aber mit padding: 0; hab ich keinen erfolg, der button bleibt breiter als die schrift. ganz zu schweigen vom mouseover in ie6. |
.. |
Kannste deinen Kot nicht lieber woanders lassen?
@fuchsbau biddö 
|
|
| |
   |
 |
| |
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 37
Geschlecht: 
|
Verfasst Mi 26.09.2007 17:00
Titel
|
|
|
| fuchsbau hat geschrieben: | | pRiMUS hat geschrieben: | | Code: | <button type="submit">
<a href="foo.html">Submit</a>
</button> |
|
ohne das ausprobiert zu haben wird das unter garantie einen standard-button mit der aufschrift submit erzeugen. |
nö, funktioniert, du hast nur einen grauen hintergrund und rahmen, den man aber in grosse und farbe beeinflussen kann.
und zum thema kompatibilität, der button funktioniert ab ie6.x aufwärts.
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 30
Geschlecht:
|
Verfasst Mi 26.09.2007 17:22
Titel
|
|
|
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<style type="text/css">
.buttonHolder {
width: 20em;
height: 3em;
overflow: hidden;
position: relative;
text-align: center;
border: 1px solid #000;
}
.buttonHolder a {
font-size: 1em;
text-decoration: none;
z-index: 1;
color: #d00;
}
.buttonHolder a:hover,
.buttonHolder:hover a {
text-decoration: underline;
color: #000;
}
.buttonHolder input {
padding: 5em 0 0 30em;
position: absolute;
z-index: 2;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
border: none;
}
</style>
</head>
<body>
<form name="testform" id="testform" method="post" action="#">
<div class="buttonHolder">
<a href="#">Absenden</a>
<input type="submit" value="Absenden" name="submit" />
</div>
</form>
</body>
</html>
|
..scheint im IE, FF und Opera so weit zu funzen. konnts aber nich wirklich sehr ausgiebig testen (und das doppelte markup fürs absenden ist auch wenig schön imo.).
ich würde auch zu der non-js fallback variante raten.
Zuletzt bearbeitet von sahnemuh am Mi 26.09.2007 17:24, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Pixelpole
MGI-Loser 2008
Dabei seit: 25.10.2004
Ort: Trier
Alter: 25
Geschlecht:
|
Verfasst Mi 26.09.2007 17:24
Titel
|
|
|
wieso so unnötig kompliziert?
<noscript> bereich und gut ist 
|
|
| |
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 37
Geschlecht:
|
Verfasst Mi 26.09.2007 18:44
Titel
|
|
|
|
und ich verstehe absolut nicht, warum die button lösung nicht funktionieren soll. die verwende ich seit ewigen zeiten. die funktioniert in allen gängigen browsern und man kann sie gescheit formatieren. ohne javascript gefuddel
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[css] das lästige problem mit dem ie submit button
Submit Button to Textlink
submit-button als bild mit rollover
Submit Button im Formular beschriften
Hover auf submit-Button auch im IE 6.0 möglich?
BUTTON-Element als Submit verwenden. aber 2 Mal :-P
|
|
Willkommen auf dem Portal für Mediengestalter
