[HTML] Hint wie bei Acronymen in der DP

[Stanlay Hanks]

Hallo zusammen!
Ich möchte gerne mit Delphi ein paar HTML Dateien erstellen. Jetzt wollte ich, dass wie in der DP, bei bestimmten Begriffen, wenn die Maus darüber ist, ein Hint angezeigt wird. (Die Unterstreichung muss nicht sein). Also hab ich mich gefragt, ob es für so etwas vielleicht Tags oder sowas für diese Funktion gibt. Ich hab zwar schon Self HTML gewälzt und in der DP und bei Google gesucht, aber ihr könnt euch ja sicher vorstellen, was bei Google: Hint HTML rauskommt :( Vielleicht kann mir ja wer helfen. Natürlich könnt ihr mir auch sagen, wenns nicht geht (für mich, ich bin nämlich ein HTML Niemand :cry:).

Danke schon mal, Stanlay :hi:

[---Bernhard---]

Hallo!

<a title="Beschreibung">text</a>

MfG

[Stanlay Hanks]

Super! Vielen Dank! Genau so hab ich das gemeint :thumb:

Man liest sich, Stanlay :hi:

[Edit]Das ging ja wiedermal zackig! :thumb:[/Edit]

[Stanlay Hanks]

Was mir grade noch einfällt und was auch zum Thema passt, wie ich finde: Gibt es auch eine Möglichkeit den Hintergrund des Hints zu ändern. Allerdings vermute ich, dass das von was anderem abhängig ist (Systemeinstellungen vielleicht), oder? :gruebel:

Ich habs mal so probiert, aber da passiert nix :(

Code:

<a title="Delphi-PRAXiS: Bestes Delphi Forum" color="red">DP</a></p>

[---Bernhard---]

Ich denke, dass dies nicht so einfach ist. Die Farbe ist (so glaube ich) vom System abhängig.

MfG

[Stanlay Hanks]

OK. Auch kein Problem. Ich dachte mir, ich frag nur. :) Aber wenn der Aufwand den Nutzen übersteigt, is es auch nicht so schlimm, wenns nicht geht. Vielen Dank noch mal! :thumb:

Man liest sich, Stanlay :hi:

[Synonym]

das geht soweit ich weiß mit dhtml


schau dazuz mal hier

http://www.dynamicdrive.com

synonym

[Stanlay Hanks]

Danke! Da werd ich gleich mal suchen :)

Man liest sich, Stanlay :hi:

[Stanlay Hanks]

Hmm...Sorry, dass ich es nochmal bin. Aber ich hab grade noch ein Problem damit und bin mir auch nicht sicher, ob ich einen neuen Thread aufmachen soll...Aber irgendwie gehört es halt doch dazu: Ich hab ja geschrieben, dass es eigentlich nicht sein muss, das mit der gestrichelten Unterstreichung. Aber wenn ich es einfärbe, wie ich es vorhatte, wird es unübersichtlich, da ich schon andere Farben verwende. Ist diese Unterstreichung genauso "leicht" (=für euch leicht, für mich nicht :wink:) möglich, wie das mit dem Hint?

Man liest sich, Stanlay :hi:

[---Bernhard---]

Gestrichelt weiß ich nicht aber normal Unterstrichen:

<a title="Beschreibung"><u>text</u></a>

MfG

[Stanlay Hanks]

Danke, aber ich suche speziell was für dieses gestrichelte, weil sich das doch recht schön abhebt. :wink:

[Synonym]

unterstrichen kannst du mit css hinbekommen


text-decoration: dotted;


oder so ähnlich!

synonym

[Stanlay Hanks]

Zitat:

Zitat von Synonym

unterstrichen kannst du mit css hinbekommen
text-decoration: dotted;

Hi. Tut mir leid, aber ich hab leider keine Ahnung, wo ich sowas hinschreiben muss :oops: Ich weiß schon, ich stell mich ziemlich dämlich an, aber ich kenn mich eben fast überhaupt nicht aus :cry:

Man liest sich, Stanlay :hi:

[Synonym]

schau mal hier unter css und dhtml

dort solltest du alle infos bekommen...

http://selfhtml.teamone.de/

synonym

[czapie]

Hi Stanlay,

jetzt kommt eine überumständliche, aber dafür flexible Variante:
Du könntest auch kleine Layer für als Hint machen und diese dann eben gewünscht formatieren.
Wobei ich jetzt ehrlicherweise hinzufügen muss, dass die ganze Sache dann JavaScript abhängig ist
(;-) @ Luckie).

Czapie.

[Synonym]

auf den meisten seiten kommt man ohne javascript sowieso nicht weit...
nichts gegen diese Leute die JavaScript ausstellen, aber so übertrieben muss man das nicht sehen.

synonym

[Stanlay Hanks]

@Synonym Hmm...Hab schon mla was gefunden.
Allerdings sagt SelfHTML da nur:

Zitat:

...
Erläuterung:
Mit text-decoration: können Sie die zusätzliche Formatierung bestimmen. Folgende Angaben sind möglich:

underline = unterstrichen.
overline = überstrichen.
line-through = durchgestrichen.
blink = blinkend.
none = normal (keine Text-Dekoration).

Ich finde bei der Suche nach dotted aber leider nix :(

@czapie: :pale: Das is zuviel für mich :wink: Ich versteh ja leider nicht mal, was du überhaupt meinst :(

Man liest sich, Stanlay :hi:

[czapie]

Hi Stanlay,

keine Angst ist nicht so kompliziert!
Haben wir dem Flomei letztens auch angewärmt ;-)
DP - Layer

Aber ich denke das ist zu hoch, und zu Performanceraubend für solch einen Zweck.

Czapie.

[Synonym]

So:

Code:

<acronym title="Hier ter titel">Unterpunkteter Text :-)</acronym>

und so kannste das unterstrichelte mit css formatieren

Code:

acronym {
        border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#00A000;
   cursor: help;
}

Gruß

synonym

[Stanlay Hanks]

@czapie ich werde mir das dann gleich mal durchlesen, sieht interessant aus, aber übersteigt wahrscheinlich für diesen Zweck (nur ein Paar hinweise) doch den Aufwand. Aber trotzdem danke!

@Synonym Dabei hab ich schon ein sehr gutes Gefühl, allerdings weiß ich leider nicht, wo ich das in der HTMl Datei hinschreiben muss. Sieht so aus als ob das so eine Art Definitio für die Acronym Tags wäre, die dann später öfter verwendet werden kann, in der Datei, oder? :gruebel:

[Synonym]

Ok, du schreibst folgendes einfach zwischen <head> und </head> irgendwo hin:

Code:

<style type="text/css">
<!--
   acronym {
        border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#00A000;
   cursor: help;
}
-->
</style>

den rest

Code:

<acronym title="Hier ter titel">Unterpunkteter Text :-)</acronym>

einfach im <body> Teil der Seite

synonym

[Stanlay Hanks]

Vielen vielen Dank! Auch für eure Geduld! Es funktioniert jetzt einwandfrei!! :hello: Ich sehe grade, da kann man ja sogar die Farbe der Unterstreichung ändern! Suuuupi! :thumb:

Man liest sich, Stanlay :hi:

[Synonym]

so soll es sein :-)

synonym

[MathiasSimmack]

Zitat:

Zitat von Synonym

Code:

<style type="text/css">
<!--
   acronym {
        border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#00A000;
   cursor: help;
}
-->
</style>

Ein bisschen kürzer:

Code:

acronym {
  border-bottom:#00a000 1px dashed;
}

;)

[Phoenix]

Zitat:

Zitat von ---Bernhard---

<a title="Beschreibung"><u>text</u></a>

Eeeks. Das ist noch nochtmal transitional... geschweige denn strict - Notation.

Die formatierung gehört nicht in den html-Text sondern in CSS, und da ist das z.B.

Code:

#hint {
  border-bottom: 1px dotted green;
}

Und dann im Html:

Code:

<a id="hint" title="Hint-Text">Text</a>

[MathiasSimmack]

Zitat:

Zitat von Phoenix

Eeeks. Das ist noch nochtmal transitional... geschweige denn strict - Notation.

Transitional ist es schon, denn <u> ist nur missbilligt. (Zumindest war´s so, als ich das letzte Mal beim W3C nachgeschaut habe.) Aber Strict ist es nicht mehr, da hast du Recht.

Zitat:

Die formatierung gehört nicht in den html-Text sondern in CSS

Ist das nicht ein bisschen ... hm, ich will nicht sagen: anmaßend ... aber mir fällt kein passendes Wort ein. Natürlich benutze ich auch CSS, und speziell wenn ich den von dir gezeigten "Hint" mehrfach brauche, dann wär´s Quatsch, den jedes Mal in den HTML-Code zu schreiben. Aber wenn ich ihn nur ein einziges Mal benötige, bzw. wenn ich die Einstellung im CSS überschreiben will (weil dort "Hints" vielleicht rot sind, ich ihn aber hier einmal mit grüner Unterstreichung brauche), dann spricht nichts dagegen, den notwendigen Code direkt einzutragen:

Code:

<a title="Hint-Text" style="border-bottom:1px dotted green;">Text</a>

[Phoenix]

Zitat:

Zitat von Matthias

Zitat:

Zitat von Phoenix

Die formatierung gehört nicht in den html-Text sondern in CSS

Ist das nicht ein bisschen ... hm, ich will nicht sagen: anmaßend ... aber mir fällt kein passendes Wort ein. Natürlich benutze ich auch CSS, und speziell wenn ich den von dir gezeigten "Hint" mehrfach brauche, dann wär´s Quatsch, den jedes Mal in den HTML-Code zu schreiben. Aber wenn ich ihn nur ein einziges Mal benötige, bzw. wenn ich die Einstellung im CSS überschreiben will (weil dort "Hints" vielleicht rot sind, ich ihn aber hier einmal mit grüner Unterstreichung brauche), dann spricht nichts dagegen, den notwendigen Code direkt einzutragen:

Code:

<a title="Hint-Text" style="border-bottom:1px dotted green;">Text</a>

Ich sagte ja auch in CSS und nicht in's CSS ;-)
Ob der CSS-Code nun inline liegt oder in einem externen Stylesheet kommt da natürlich auf die Situation an. Aber von <u> 's oder gar [b] 's ist abzusehen.

Ich bin da gerne ein wenig strict ;-)

[MathiasSimmack]

[b] auch? Ich hab´ nie verstanden, warum man <u> missbilligt, [i] und [b] aber keine Probleme bereiten. Na ja, wenn sich das W3C inzwischen anders entschieden hat, dann sind sie immerhin konsequent. Muss mir die aktuellen Dokus mal holen.

Trotzdem: man kann´s auch übertreiben. Was spricht denn gegen [b] um mal eben ein Textstück fett zu formatieren? Soll ich mich jetzt stattdessen mit

Code:

font-weight:bold;

im Stil rumschlagen? :?