| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
ANGX_Webmaster
Mitglied
|
 Durchstreichen |
 |
|
| Wie kann ich machen das ein Text durchgestrichen ist und das beim mouseover der text durchgestrichen. |
|
|
|
| 14 Jan 2007 16:24 |
|
  |
drawnworld
Mitglied
|
|
|
|
Der CSS-Befehl dafür lautet:
| Code: | p#dein_text
{
text-decoration: line-through;
} |
für mouseover (funktioniert nur bei Links immer, sonst differiert die Darstellung von Browser zu Browser):
| Code: |
a:hover
{
text-decoration: line-through;
} |
weitere text-decorations wären zum Beispiel:
"underline", "overline" und "none", wobei außer "none" alle auch miteinander kombiniert werden können. |
_________________
www.nielshoppe.de |
|
|
| 14 Jan 2007 18:12 |
|
|
ANGX_Webmaster
Mitglied
|
|
|
|
| danke aber ich kenne mich nicht so gut mit css aus welchen tag muss man den machen, weil wenn ich das so schreibe steht es auch so da was ist der tag dafür |
|
|
|
| 15 Jan 2007 13:42 |
|
|
BB-BF-BM
Gast
|
|
|
|
der beste Tag wäre <strike>, die Kurzform <s>.
Wenn du es auch semantisch auszeichnen willst, solltest du <delete> verwenden, aber nur, wenn das markierte etwas gelöschtes darstellt... |
|
|
|
| 15 Jan 2007 15:15 |
|
|
ANGX_Webmaster
Mitglied
|
|
|
|
| danke aber wie macht man das mit css und das delete verstehe ich nicht. |
|
|
|
| 15 Jan 2007 15:20 |
|
|
drawnworld
Mitglied
|
|
|
|
Der Aufbau eines Dokumentes mit CSS sieht generell in etwa so aus:
| Code: | <html>
<head>
<title>Titel</title>
<style type="text/css">
/* Hier kommen CSS-Eigenschaften */
a:link /* Ein normaler Link */
{text-decoration: none;}
a:visited /* Ein besuchter Link */
{text-decoration: none;}
a:active /* Ein gerade ausgewählter Link */
{text-decoration: line-trough;}
a:hover /* Ein Link bei mouseover */
{text-decoration: line-through;}
</style>
</head>
<body>
<p>Hier steht nun ein <a>Link</a>, der sich in verschiedenen Zuständen verändert.</p>
</body>
</html> |
|
_________________
www.nielshoppe.de |
|
|
| 15 Jan 2007 16:19 |
|
|
|
