3 Spaltig und Transparenz
Moin Moin,
ich habe ein wenig in einem Testlayout rumgespielt. Neuen Hintergrund gebastelt. Nun wollte ich der Spalte, in der die Beiträge stehen, eine andere Hintergrundfarbe geben, und transparent erscheinen lassen, so dass das Hintergrundbild durchscheint (nicht die Sidebars) Aber wie stelle ich das an?
Geht das überhaupt nur einer Spalte eine bestimmte Farbe zu zuteilen? Und funzt das auch, wenn das 3-Spaltige Layout auf die ganze Breite ausgedehnt ist?
lg
KvE
ich habe ein wenig in einem Testlayout rumgespielt. Neuen Hintergrund gebastelt. Nun wollte ich der Spalte, in der die Beiträge stehen, eine andere Hintergrundfarbe geben, und transparent erscheinen lassen, so dass das Hintergrundbild durchscheint (nicht die Sidebars) Aber wie stelle ich das an?
Geht das überhaupt nur einer Spalte eine bestimmte Farbe zu zuteilen? Und funzt das auch, wenn das 3-Spaltige Layout auf die ganze Breite ausgedehnt ist?
lg
KvE
KoeniginvonEschnapur - 11. Apr. 2006, 9:14 - Rubrik: Layout
#sidebar01 { background-color: #ff0000; } oder
#sidebar02 { background-color: #ff0000; }
(das wäre knallrot). Für ein Hintergrundbild wäre es entsprechend:
#sidebar01 { background-image:url("http://adresse.des/bildes"); }
Mehr Informationen zum Thema Hintergründe stylen bietet Selfhtml.
Wenn du das mittlere div mit einer eigenen Farbe versehen willst, musst du die klasse "#content" entsprechend behandeln.
Zu Transparenz ("durchscheinen") siehe zB hier.
Ich verzweifel ...
background: transparent;
einzufügen, aber es klappt nicht. An welcher Stelle muss ich es einsetzen? Der Link hat mich nicht wirklich weiter gebracht. Habe nun schon alles Mögliche versucht. Bitte nochmals um Hilfe!
lg
KvE
also,
#content die Farbe { background-color: #eaeaea; } zuordne, dann wird das auch so dargestellt. Aber wie bekomme ich das hin, dass das Hintergrundbild durchschimmert?
Vielleicht kompliziert erklärt, aber ich hoffe du kannst mir helfen.
#content { background-color: #eaeaea;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
Die erste zeile (filter) gilt für den Internet Explorer, die zweite für Mozilla, die dritte für css3-kompatible Browser. Opera zB und sicher auch andere Browser stellen (noch) keine Transparenz dar.
na
du bist spitze
tausend Dank!!!!!
Das hat immerhin prima geholfen, aber...
die Suche im Forum hat mich auf diesen hilfreichen Beitrag geführt, denn ich will auch verschiedene Farben für Sidebars und Content.
Ergänzende Frage: die angegebene Farbe für die Sidebar erstreckt sich natürlich nur auf die tatsächliche Länge der Sidebar (also je nach Inhalt), ich hätte sie aber gerne länger (bis unten oder zumindest bei beiden Sidebars gleichlang). Geht das irgendwie?
Freu mich über Hilfe!
Gruß,
Malin
bei mir gehts nicht
#content { background-color: #ffffff;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
aber transparent ist da nichts geworden
edit: wenn ichs beim sidebar eingebe funktioniert es, aber nicht im content!