html 4.0 und buttons ???

vorace

Aktives Mitglied
Thread Starter
Dabei seit
12.03.2002
Beiträge
546
Reaktionspunkte
0
Hallo,

ich habe mich vor ein paar Tagen das erstemal mit html Programmierung auseinander gesetzt. Ich will jetzt auf meiner Seite eine Menüleiste einrichten, wegen der besseren Navigation und möchte dafür Buttons einsetzen, wegen der schöneren Optik. Mein Problem hierbei besteht nicht in der Erstellung der nötigen Frames, sondern vielmehr bei den Buttons. Was für Buttons brauche ich, wie muß ich sie programmieren und wie werden sie anschließend in mein html Code eingefügt? (Tags und Attribute)

Danke

Gruß vorace
 
hallo vorace,

welches programm benutzt du oder schreibst du den code mit der hand?
normaler weise werden die button mit einem grafik-programm erzeugt und dann in das entsprechende programm eingefügt. ich verstehe nicht die frage welche button du brauchst, eigentlich so viele wie nötig um auf deiner Website zu navigieren. weiterhin hängt auch die ästhetik, lesbarkeit und ladezeit deiner website von der button art und größe ab. als grafik eignen sich nur .jpg/.gif oder .png grafiken. keine psd, tiff oder ähnliche grafikformate nehmen!!!

ansonsten wird der code mit grafik-button so erzeugt:

<HTML>
HEAD>
<META http-equiv=content-type content="text/html;charset=ISO-8859-1">
<TITLE>Willkommen auf meiner HomePage</TITLE>
</HEAD>
<BODY bgcolor=#ffffff>
<P><IMG src="deine_button_grafik.jpg" width=100 height=20 autolowsrc alt="hier der text für den ALT-TAG" border=0></P>
</BODY>
</HTML>

und mit einem text-link so:

<HTML>
<HEAD>
<META http-equiv=content-type content="text/html;charset=ISO-8859-1">
<TITLE>Willkommen auf meiner HomePage </TITLE>
</HEAD>
<BODY bgcolor=#ffffff>
<P><A href="www.macuser.de" title="hier gehts zu macuser" target=_blank>Hallo Welt hier ist MacUser.de</A></P>
</BODY>
</HTML>

kopiere diesen code in eine textdatei speichere sie mit der endung ”.html” und du siehst das ergebnis.

viel spass und grüsse vom appel :D
 
Ich nehme mal an, das @vorace auf den mit HTML Standard 4.0 eingeführten <button>-Tag anspielt.
Ist an sich eine feine Sache, hat allerdings den Nachteil, das ältere Browser mit diesem Tag nichts anfangen können und ihn somit nicht darstellen (also auch alle Netscape 4.xx).
Für größtmögliche Kompatibilität muss man darauf leider verzichten. Auch ist vom W3C nicht bindend festgelegt, wie die Buttons dargestellt werden sollen, d.h., jeder Browser der HTML 4.0 unterstützt stellt die Buttons auch anders dar (Ränder, Breite, Anmutung).
Meiner Meinung nach wird es Zeit (der Standard ist mittlerweile 3 Jahre alt), das sich die Webdesigner an den 4.0 Standard halten und somit im Reallife endlich durchsetzt (nix mehr mit <font>-Tags usw.).
Surft man aber durchs Internet, ist das zu großen Teilen immer noch nicht der Fall, genaugenommen ist das sogar die (seltene) Ausnahme.

Möchtest Du trotzdem das Button-Tag verwenden, kannst Du ja eine kurze Rückmeldung schreiben, dann werde ich das weiter ausführen
 
:D hatte dich falsch verstanden.

also den buttoneffekt kannst du mit css erzeugen. lade dir einfach die textdatei runter lösche .txt schreibe .html rein und öffne sie im browser. aber achtung nur neuere browser verstehen diesen effekt und unterschiede zwischen Mac & Wintel sowie netscape und internet explorer dürfte es auch geben.

ich hoffe das ich dir damit geholfen habe und das es das war was du meintest.

viele grüsse appel :D
 
html 4.0 und<BUTTON>

Hallo,

vielen Dank erstmal. Eure Tips haben mir schon weiter geholfen. Ich schreibe die Seite mit SimpleText und zum überprüfen der Darstellung nehme ich Opera, weil der Browser angeblich W3C konform darstellen soll, nicht also wie der ie. Klappt soweit auch ganz gut, da html 4.0 ja wirklich leicht ist. Bloß Buttons und der Tag haben mir dann doch noch Schwierigkeiten gemacht.

Danke

Gruß vorace
 
noch was zum thema button:

Code:
<!-- ab NN 2.0, IE 3.o -->

<html>
<head>
<title>bla</title>
</head>
<body>
<form action="blabla.html">
<p>
<input type="button" name="name" value="ichBinEinButton" onClick="self.location.href='datei.html'">
</p>
</form>
</body>
</html>

<!-- ab NN 6.0, IE 4.o an stelle einer grafik kannst du auch text setzten und formatieren -->

<html>
<head>
<title>bla</title>
</head>
<body>
<form action="blabla.html">
<button name="name" type="button" onClick="self.location.href='datei.html'">
<p>
<img src="bild.gif" width="xxx" height="xxx" border="0" alt="hierFehltGrafik">
</p>
</button>
</form>
</body>
</html>

<!-- probier mal ein bischen rum, mit/ohne grafik, mehrere buttons, in tabelle usw. vielSpass -->
grüsse
vom
raynor
 
Buttons html

Danke,

bin jetzt schon ein ganzes Stückchen weiter. Hat mir alles geholfen, werde jetzt mal in aller Ruhe noch ein bischen probieren was am besten geht

bis dann

vorace
 
Zurück
Oben Unten