nicht angemeldet
Beschriftung Klickbutton
Guten Tag verehrte Damen und Herren.
Ich bin bei der Erstellung einer HP, und habe wenig Ahnung von HTML und solche Dinge, mache alles, über diese Seite und über das Buch HTML von Münz/Nefzger. Ist ja soweit alles ziemlich gut beschrieben, dennoch bin ich an die Grenze des machbaren in HTMLbuch und Selfseite gestoßen. Wer kann mir helfen?
Ich habe einige Klickbuttons auf der Seite als Menü, so sehen sie aus : <button type="button"style="background-color:#ffff00"span style="color:ff0000"style="font-weight:bold"><i>English</button> . Und das 5 mal mit je einer andern Bezeichnung, wo später mal eine Seite abgerufen werden kann, falls ich mal soweit komme. Aber die Buttons sind erstens verschieden lang, und zweitens steht die Beschriftung immer in der Mitte. Um die Schrift linksbündig zu halten sollte man folgendes einfügen: style="text-align:left; .
Aber egal wo ich es einfüge, ersten kommt es nicht zu dem gewünchten Ergebnis, und zweitens wenn ich es einfüge wird zwar der Text wie hier im Beispiel "English" nach links Bündig gerückt, aber entweder ändert sich die Hintergrundfarbe dabei oder die Schriftfarbe oder der Button ist ganz weg.
Kann mir jemand zeigen wie ich was und wo einfügen muss um zu dem Gewünschten Ergebnis zu kommen.
Aber ich möchte nicht einfach den veränderten HTML Text haben um ihn einzufügen, ich möchte wissen wie, denn abgesehen vom gewünschten Ergebnis möchte ich aus Lerngründen auch wissen wie es gemacht wird, damit ich es bei eventuellen Folgeproblemen später selber weis wie.
Ich danke für Eure konkrete Antwort an meine E-Mail.
Bleiben Sie Gesund und freundlichst gegrüßt,
Andreas Ludwig.
-
Grüße,
clickbuttons verwendet man ausschließlich wenn es nötig ist - in forumlaren und Co.
du solltest lieber ein link mitels CSS wie ein button aussehen lassen.
tyyp: verwende die hintergrundfarben, padding und border-color eigenschaften dafür, sowei die pseudoklassen wie zB :aktive
MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
http://www.sexgott-or-not.com/?test=428054 -
Mahlzeit,
Ich habe einige Klickbuttons auf der Seite als Menü, so sehen sie aus : <button type="button"style="background-color:#ffff00"span style="color:ff0000"style="font-weight:bold"><i>English</button> .
Klemmt Deine Leertaste? Oder warum gönnst Du den Attributen nicht mal ein wenig Luft?
<button type="button" style="background-color:#ffff00" span style="color:ff0000" style="font-weight:bold"><i>English</button>1. <http://de.selfhtml.org/html/referenz/attribute.htm#button@title=Das Element <button> kennt kein Attribut namens "span"> - was wolltest Du damit erreichen?
2. Eine hexadezimale Farbangabe http://de.selfhtml.org/css/formate/wertzuweisung.htm#farben@title=MUSS mit dem Zeichen "#" beginnen.
3. Einerseits fehlt Deinem öffnenden <i> das schließende </i> innerhalb des Buttons, andererseits solltest Du, wenn Du eh CSS zur Formatierung der Beschriftung einsetzt, die <http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_style@title=Angabe über den Schriftstil> auch damit zu machen.
4. Es ist sinnvoll, die einzelnen "style"-Angaben in einem Attributwert zusammenzufügen:
<button type="button" style="background-color: #ffff00; color: #ff0000; font-weight: bold; font-style: italic;">English</button>5. NOCH sinnvoller ist es, diese Gestaltungsangaben in den Kopf Deines HTML-Dokuments oder sogar ein separates Stylesheet auszulagern (jedenfalls, wenn alle Buttons ein - zumindest in Teilen - einheitliches Aussehen haben sollen: dann brauchst Du diese Angaben nämlich nicht bei jedem Button zu wiederholen ... alternativ kannst Du natürlich auch dem/den Button(s) eine Klasse verpassen und diese gesondert formatieren):
[...] <head> [...] <style type="text/css"> [code lang=css] button { background-color: #ffff00; color: #ff0000; font-weight: bold; font-style: italic; }</style>
</head>
<body>
[...]
<button type="button">English</button>
[...][/code]Aber die Buttons sind erstens verschieden lang, und zweitens steht die Beschriftung immer in der Mitte. Um die Schrift linksbündig zu halten sollte man folgendes einfügen: style="text-align:left; .
Das lässt sich beides mittels CSS beheben. Die eine Lösung kennst Du ja bereits, die andere hat mit der http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width@title=Breite des <button>-Elements zu tun. Allerdings sollte man dafür NICHT erneut ein "style"-Attribut einfügen ...
Aber egal wo ich es einfüge, ersten kommt es nicht zu dem gewünchten Ergebnis, und zweitens wenn ich es einfüge wird zwar der Text wie hier im Beispiel "English" nach links Bündig gerückt, aber entweder ändert sich die Hintergrundfarbe dabei oder die Schriftfarbe oder der Button ist ganz weg.
Kein Wunder. Ein Element kann nur EIN "style"-Attribut haben. Erstens ist das, was Du produzierst, invalides HTML (weswegen Du nicht voraussehen kannst, was welcher Browser daraus macht) und zweitens überschreibt die erneute Definition eines gleichnamigen Attributs evtl. vorher zugewiesene Inhalte.
Aber ich möchte nicht einfach den veränderten HTML Text haben um ihn einzufügen, ich möchte wissen wie, denn abgesehen vom gewünschten Ergebnis möchte ich aus Lerngründen auch wissen wie es gemacht wird, damit ich es bei eventuellen Folgeproblemen später selber weis wie.
Logisch - immerhin ist dies "SELF"HTML. Derartige Beantwortung von Fragen ist hier eigentlich an der Tagesordnung (und hat schon so manchen "Ich will das aber jetzt sofort am besten bis gestern und kann mir das nicht mal eben schnell jemand proggen"-Kandidaten in den Wahnsinn getrieben). :-)
Ich danke für Eure konkrete Antwort an meine E-Mail.
Nö. Dies ist hier ist ein Forum, bei dem alle Leser was von möglicherweise helfenden Antworten bzw. der Diskussion haben sollen.
Privatstunden können wir aber gern vereinbaren - zu üblichen Stundensätzen selbstverständlich.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|