Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Die Website Homepage-FAQs.de befindet sich im Archivmodus.
FAQS zu HP&Co.
Rahmen in CSS definieren für Bilder, Banner, Divs u.a. Html-Elemente

User: ...möchte einem Banner einfach nur einen 1px Black Rahmen, Links, Rechts und unten hinzufügen...kriegs nicht gebacken

Hallo,

hier gibts die Infos zur Lösung des Problems

http://de.selfhtml.org/css/eigenschaften/rahmen.htm

Auszug:

Sinnvoll sind die hier beschriebenen Angaben besonders für HTML-Elemente, die einen eigenen Absatz erzeugen bzw. einen Block bilden, also etwa für h[1-6], p, blockquote, address, pre sowie div oder table. Anwendbar sind sie aber auch auf tr, th und td


Ein Beispiel mit Rahmen links, rechts und unten bei Bildern (Bannern), mit CSS-Anweisung für Class "bild123" im Headbereich

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">

<title></title>
<style type="text/css">
.bild123 {
border-left-width:1px;
border-left-style:solid;
border-left-color:green;
border-right-width:1px;
border-right-style:solid;
border-right-color:green;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:green;
}
</style>
</head>
<body>
<img class="bild123" style="width: 200px; height: 134px;" alt="" src="bild123.jpg">
<br>
</body>
</html>
Wie zu sehen ist können die Rändern einzeln festgelegt werden mit Dicke (width), Muster (style) und Farbe (color), weitere Infos dazu bei Selfhtml.

Ergänzung:

Zu den Styleangaben mal hier schauen

http://de.selfhtml.org/css/eigenscha...m#border_style

Zitat:
Mit border-style: können Sie den Rahmentyp festlegen. Erlaubt ist eine der folgenden Angaben.

none = kein Rahmen (bzw. unsichtbarer Rahmen).
hidden = kein Rahmen (bzw. unsichtbarer Rahmen), siehe Hinweis.
dotted = gepunktet.
dashed = gestrichelt.
solid = durchgezogen.
double = doppelt durchgezogen.
groove = 3D-Effekt.
ridge = 3D-Effekt.
inset = 3D-Effekt.
outset = 3D-Effekt.
daniel5959

Anleitung (C) 2007 Daniel Wurst - http://www.homepage-faqs.de