SELFHTML Forums-Auslese HTML
	Forums-Auslese Formatierung/Gestaltung von Elementen mit HTML-Attributen
	Einfache Tooltips für Verweise  Grafiken und Text auf gleicher Ebene ausrichten  Blocksatz: wie vermeide ich das Ausdehnen kurzer Zeilen?   Bilder nahtlos aneinander reihen   Grafik mittig in der Seite anordnen

Einfache Tooltips für Verweise

Basierend auf einem Forums-Beitrag vom 20.10.1998 von:
 Jutta Rosenbach, j@rosenbach.com

Mit dem in vielen HTML-Befehlen einsetzbaren Universalattribut title= lassen sich Tooltips erzeugen: diese kleinen Informationskästchen erscheinen dann, wenn der Cursor über der entsprechend definierten Stelle gehalten wird. Leider funktioniert diese in SELFHTML unter  Verschiedene Universalattribute beschriebene Methode nur mit Microsofts Internet Explorer. Eine andere Alternative ist der Einsatz der JavaScript-Funktion window.open() (siehe bitte hierzu  JavaScript Objekt-Referenz, window.open).

Wenn Sie jedoch auf JavaScript verzichten wollen, nicht zu viele Tooltips benötigen, und der Tooltip-Text nicht zu umfangreich ausfällt, können Sie auf folgende Sprechblasen-Lösung zurückgreifen: Setzen Sie den Linktext als Graphik ein und notieren Sie den gewünschten Informationstext einfach im <img>-Tag als alternate name mit Hilfe des Attributs alt=.

Beispiel:

<a href="datei.htm">
<img src="linkwort.gif" alt="Hier steht der Tooltiptext" border="0">
</a>

Grafiken und Text auf gleicher Ebene ausrichten

Basierend auf einem Forums-Beitrag vom 08.12.1998 von:
 Harald Gabler, hgabler@gmx.net

Wie im SELFHTML-Abschnitt  Text um Grafiken fließen lassen beschrieben, können Sie mit den Attributangaben align="left" und align="right" im <img>-Tag erreichen, dass Grafiken links, bzw. rechts vom Text ausgerichtet werden. Wenn Sie zwei Grafiken so platzieren wollen, dass beide auf gleicher Ebene rechts und links von einer Textzeile dargestellt werden, notieren Sie zuerst beide Grafikreferenzierungen und anschließend den Text:

<img src="LinkesBild.gif" width="30" height="30" align="left">
<img src="RechtesBild.gif" width="30" height="30" align="right">
Eine Textzeile zwischen den Grafiken

Hinweis:

Wenn Sie den Text zwischen beiden Grafikreferenzierungen notieren, erscheint das als rechts ausgerichtet definierte Bild zwar rechts, jedoch wie nach einem Zeilenumbruch eine Zeile weiter unten!

Blocksatz: wie vermeide ich das Ausdehnen kurzer Zeilen?

Basierend auf Forums-Beiträgen vom 12.10.1998 von:
 Thomas Ditterich, tditterich@aol.com
 Patrick Andrieu, PAF@atomic-eggs.com
und einem Forums-Beitrag vom 12.12.1998 von:
 Stefan Bion, s.bion@ndh.net

Wenn Sie Ihre Textinhalte mit der Attributangabe align="justify" im <p>- oder <div>-Tag in der Blocksatzausrichtung darstellen wollen, kann es mit Netscape zu unschönen Ausdehnungen kurzer Zeilen kommen. Hier sollten Sie peinlich genau darauf achten, dass jeder mit <p> angefangene Absatz auch mit dem abschließenden </p> beendet wird. Wenn die unerwünschte Ausdehnung der kurzen Zeile bei einem einfachen Zeilenumbruch (<br>) erscheint, hilft vor dem <br> ein einfaches Leerzeichen (kein &nbsp;).

Bilder nahtlos aneinander reihen

Basierend auf einem Forums-Beitrag vom 05.09.1999 von:
 Steffen Gerlach, mail@steffengerlach.de

Damit auf einer Seite Bilder nahtlos aneinander gereiht sind, also ohne störenden weißen Zwischenraum, müssen Sie genau auf die Schreibweise achten. Es ist in diesem Fall nicht egal, wie sie die Image-Tags notieren. Schreiben Sie die Image-Tags in eine Zeile ohne Leertaste zu benachbarten Tags. Fügen sie keinen <br> -Tag ein. Schreiben Sie <img...><img...>. Alle anderen Notierungen können zu einem Zwischenraum zwischen den Bildern führen. Besuchen Sie bitte auch die Beispiele hierzu von Steffen Gerlach   http://steffengerlach.de/test.html und Ludwig Ruderstaller  http://212.186.64.243/SH_Store/space.html.

Grafik mittig in der Seite anordnen

Basierend auf einem Forums-Beitrag vom 20.09.1999 von:
 Stefan Muenz, muenz@compuserve.com

Um eine Grafik mittig in einer Seite, unabhängig von deren Länge, anzuordnen, gehen Sie wie folgt vor:

<table width="100%" height="100%" border="0">
  <tr>
   <td align="center" valign="middle"><img src="bild.gif" width="115" height="100" border="0" alt="Text"></td>
  </tr>
</table>

Erklärung

Sie definieren eine Tabelle mit einer Datenzelle, die sowohl in der Breite als auch in der Höhe 100% der Seite einnimmt. Darin wird die Grafik mit <align="center"> horizontal und mit <valign="center"> vertikal mittig ausgerichtet. Bitte beachten Sie: Das Attribut height im table-Tag gehört nicht zum HTML-Standard.

weiter:	Seitenlayouts mit Tabellen
zurück:	Meta-Tags
SELFHTML Forums-Auslese HTML

© 2000  das Redaktionsteam