Sidebar in anderer Farbe

Hi,

Zitat von Dr.Disco

ich wollte mal nachfragen ob ich meine Sidebar in einer anderen Farbe darstellen kann als die übrige Seite,

jep, kannste. :)

Schick einen Link zu Deinem Blog, dann sag ichs Dir :)

Mahlzeit,

Zitat von Netbarry

Schick einen Link zu Deinem Blog, dann sag ichs Dir :)

Jep, ohne Link keinen Wink. :mrgreen:

Also: Du schreibst für die Hintergrundfarbe Deiner Sidebar (ich denke die war gemeint) folgendes in Deine style.css-Date:

#sidebar {
[B]background:red;[/B]
color:#2C4B9A;
float:left;
overflow:hidden;
padding:10px 0 20px 13px;
width:200px;
}

Hinter "background" steht jetzt "red". Dadurch wird der Hintergrund Deiner Sidebar rot !
Du kannst hier dann die Farbei eintragen, die Du haben willst.

Na logisch:

#sidebar h2{
color:Deine Farbe;
}

P.S.: Würde sie eher h3 setzen !

mhhh

versuch mal:
.sidebartitle h2{
color:eine Farbe;
}

Wobei es eigentlich gehen muss. Ich denke mal, Du hast da andere Fehler in der CSS.

Ich habe mir Deine style.css gerade mal angeschaut.
Du solltest zuerst einmal alle Fehler darin korrigieren.
Du rufst zum Beispiel sidebar zweimal auf.

Einfach vielleicht mal kurz validieren und zwar hiermit: http://jigsaw.w3.org/css-validator/

Jetzt habe ich auch gesehen wieso es nicht gehen kann:

Du hast die h2 ja hier bereits definiert:

#sidebar h2 #sidebar .sidebartitle {
border-bottom:1px solid #CAC73C;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin:20px 0 2px;

Also musst Du auch hier die Farbe ändern.
Die anderen Klassen (also alles was doppelt ist) muss raus !

Wenn Du die Sidebar nur so breit wie das Logo haben willst, dann musst Du ihre Breite anpassen und die des Containers rechts daneben natürlich auch entsprechend.
Oder soll die Sidebar direkt oben anliegen ?

wirklich direkt unterm logo oder unter dem braunen balken der unter dem logo queer rüber geht ?

ok.

Vorab halte ich es für keine gute Lösung, das Logo-Bild und das Bild (München ist das wohl) an einem Stück zu lassen. Das hätte man deutlich sauberer und vorallem auch mit einem Link auf dem Logo (auf Start) machen sollen.

Aber: What ever:

Also zuerst gibst Du mal bitte dem Header die Höhe, die auch Logo und Bild haben.

Das wäre dann

#header {
background:#F3E9D2 url(img/header.jpg) no-repeat scroll 0 0;
height:190px;
margin:0;
padding:0;




 }

Dann

#navbottom {
margin:0;
padding:0;




}

Wobei Du die auch komplett aus dem Code raushauen kannst (wäre sauberer) !

Sidebar bearbeitest Du wie folgt:

background:#2C4BBD none repeat scroll 0 0;
color:#2C4B9A;
float:left;
margin:0;
overflow:hidden;
padding:10px 0 20px 13px;
width:Breite Deines Logos