Alexander Brock: button als verweis???

Beitrag lesen

Hallo,

Soll es tatsächlich wie ein Formular-Button aussehen, dann öffne und schliesse halt ein Formular (mit method=get und action=[die-seite-auf-die-du-verweisen-möchtest]), und packe dazwischen einen Submit-Button - fertig.

Diese Methode hat 5 Nachteile:
1. Sie ist semantisch falsch. Aus einem Formular wird sinn-freier
   Weise ein Link gemacht, damit der "Link" aussieht wie ein
   Button. Fürs Aussehen ist aber CSS da.
2. Der Besucher sieht das Ziel des "Linkes" nicht in der Statuszeile.
3. Die Maus wird beim drüberfahren nicht zum pointer,
   es sei denn, man hat es explizit angegeben.
4. Der Link wird unter Umständen nicht von Suchmaschinen
   als solcher erkannt (!Vermutung!).
5. <form></form> ist ein Block-Level Element, es muss für
   den Fließtext erst mit display: inline; formatiert werden.

Außerdem finde ich sie irgenwie umständlich,
bei jedem Link muss man so ein Formular basteln,
da schreibe ich doch lieber

html, body {
font-size: 100.01%;
}
a.button {
border: 2px outset #808080;
text-decoration: none;
color: #000;
background-color: #D4D0C8;
padding-left: 0.65em;
padding-right: 0.65em;
}
* html a.button {
/* Dieser Schwachsinnige Selektor wird vom IE angenommen */
border: 2px outset #e6e6e6;
font-size: 0.93em;
padding-left: 0.7em;
padding-right: 0.7em;
}
a.button:active {
border-style: inset;
}

In meine CSS Datei und formatiere auf einen Schlag
alle Links mit der Klassse button.

So muss ich nur noch meine CSS-Datei ändern,
oder die Klasse Button aus den Links nehmen
wenn mir das Aussehen nicht mehr gefällt

Gruß
Alexander Brock

--

SelfCode: sh:( fo:) ch:? rl:( br:> n4:? ie:{ mo:} va:) de:> zu:| fl:{ ss:( ls:[ js:(
http://emmanuel.dammerer.at/selfcode.html
Deshalb können Pinguine nicht fliegen:
Was nicht fliegt kann auch nicht abstürzen
<img src="http://www.againsttcpa.com/images/AgainstTCPA-Log01Small.gif" border="0" alt="">
http://againsttcpa.com