Webdesign / Inhalt mit Legende

von: Werner Zenk

Mit den Html-Tags <legend> und <fieldset> können Sie den Inhalt einer Webseite optisch sehr schön aufwerten.

Beispiel:

Persönliche Angaben
Name:
E-Mail:

<fieldset style="width: 40%">
<legend> <b>Persönliche Angaben</b> </legend>
<br>
Name:    <input type="text"> <br>
E-Mail:    <input type="text">
</fieldset>

Beispiel 2:

Bilder Galerie

<fieldset style="width: 335px; border: solid 1px #0000FF;">
<legend align=right> <img src="kleinesbild.gif"> Bilder-Galerie </legend>
<img src="bild1.gif"> 
<img src="bild2.gif"> 
<img src="bild3.gif">
</fieldset>

Beispiel 3:

Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla

<fieldset style="width: 300px">
 <legend> <span style="color: #008000;">Lorem ipsum </span> </legend>
INHALT
</fieldset>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Tabellen mit CSS Filter

Spacer GIF

Inhalt mit Legende

Gratis-Webfonts von Google - Webfonts mit Textschatten. Mit den Google Web Fonts haben Sie die Möglichkeit eine ganze Reihe von Schriften auf Ihrer Webseite zu nutzen, ohne dass Sie diese auf den Server hochladen müssen.

Bildformate Ladezeiten

Design

Container mit Schatten

Überschrift mit Rahmen (2)

Farblehre

Design in der Titelzeile

Tabellen mit Rundungen …mehr