nicht angemeldet
farbiger Texthintergrund mit CSS
Hallo Freunde !
Ich habe folgendes Problem. Ich will einen Text mit einem farbigen Hintergrund versehen.
Der Hintergrund soll als Rechteck abgebildet werden.
Wer kann mir eine Idee liefern , die mit CSS realisiert wird und unter dem IE 4.X
als auch mit dem Netscape 4.X funktioniert.
Des weiteren wäre ich dankbar über eine Information , wie man um eine Grafik einen farbigen Rahmen legt.
m.f.G. Stephan
-
Hallo Stefan!
Ich habe folgendes Problem. Ich will einen Text mit einem farbigen Hintergrund versehen.
Der Hintergrund soll als Rechteck abgebildet werden.
Wer kann mir eine Idee liefern , die mit CSS realisiert wird und unter dem IE 4.X
als auch mit dem Netscape 4.X funktioniert.Du kannst z.B. folgenden Elementen eine Hintergrundfarbe geben <div>,<p>,<span>,<h1-6> <em>,<strong> usw.
Und so sollte es gehen: (z.B.)
im Header:
p { background-color:#00ff00; }
oder in d. Doku.:
<p sytle="background-color:#00ff00;">text</p>Lese auch: <../../tdce.htm> durch, vor allem wegen Netscape's verhalten bei mehrzeilgen Text.
Des weiteren wäre ich dankbar über eine Information , wie man um eine Grafik einen farbigen Rahmen legt.
Farbiger(anders als schwarz ;-) ) Ramen bekommst nur mit CSS, etwa so:
im Header
img {
border-width:10px;
border-color:#00ff00;
}
oder in d. Doku.:
<img style="border-width:10px; border-color:#00ff00;">Grüße
Thomas-
Hallo Thomas!
Farbiger(anders als schwarz ;-) ) Ramen bekommst nur mit CSS, etwa so:
im Header
img {»» border-width:10px;
»» border-color:#00ff00;}
oder in d. Doku.:
<img style="border-width:10px; border-color:#00ff00;">Da gibt es eine Lösung mit CSS.....?...gut zu wissen. Ich habe eine mit Tabelle gepostet aber ewig nicht abgeschickt, deshalb ist meine etwas verspätet .
Viele Grüße, André
-
Hallo André & Sephan!
Farbiger(anders als schwarz ;-) ) Ramen bekommst nur mit CSS, etwa so:
im Header
img {
»» border-width:10px;
»» border-color:#00ff00;
}
Da gibt es eine Lösung mit CSS.....?...gut zu wissen. Ich habe eine mit Tabelle gepostet aber ewig nicht abgeschickt, deshalb ist meine etwas verspätet .Ja, aber korrekt wäre es so gewesen:
img {
border-width:10px;
border-style:solid;
border-color:#00ff00;
}Leider geht nur mit IE! Warum NS einen Border unterhalb des Bildes(!!) erstellt ist mir schleierhaft.
Also die Lösung mit der Tabelle ist Besser und zur Zeit vorzuziehen!
(nur als anregung:
<table border=2 cellpadding=0 cellspacing=0>
<tr>
<td>
<p style="background-color:#00ff00; padding:10px;">
<img src="..." width="50" height="50" border=0>
</p>
</td>
</tr>
</table>
Funktioniert mit MS wunderbar, bei mir stellt NS4.5 es so dar, daß die Hintergrundfarbe nur teilweise angezeigt wird! NS reagiert schon dann anders wenn <p><img></p> in eine Zeile sind!!! Das muss man auch erst verkraften! )Grüße
Thomas
-
-
-
Hallo!
Ich habe folgendes Problem. Ich will einen Text mit einem farbigen Hintergrund versehen. Der Hintergrund soll als Rechteck abgebildet werden. Wer kann mir eine Idee liefern , die mitCSS realisiert wird und unter dem IE 4.X als auch mit dem Netscape 4.X funktioniert.
Das weiss ich jetzt nicht, schau ich selbst jetzt mal, weil es mich jetzt auch interessiert.
Des weiteren wäre ich dankbar über eine Information , wie man um eine Grafik einen farbigen Rahmen legt.
<!--1.Tabelle--><table border=0 CELLPADDING=5 CELLSPACING=0 BGCOLOR="#ff0000"><TR><TD>
<!--2.Tabelle--><table border=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="#ffffff"><TR><TD>
<IMG SRC="babdv.gif" BORDER=0>
</TD></TR></TABLE>
</TD></TR></TABLE>So bekommt man einem schönen sauberen Rand um die Grafik. Bei einer transparenten Grafik muß in der 2.Tabelle BGCOLOR angepasst werden, also an den allgemeinen Hintergrund, wenn Du möchtest. Wenn Das Bild keinen transparenten Hintergrund gat, kann BGCOLOR weg gelassen werden.
André