HTML/CSS problem..

[oneEIGTHseven]

Hey ich hab ein Problem, und zwar will ich mir eine kleine Homepage bauen, einfach nur um zu üben und mache das ganze mit
<div id:"container">
und so weiter das ganze schaut nun so aus:

<div id:"container">
<div id:"header"></div>
<div id:"content"></div>
<div id:"menue"></div>
<div id:"footer"></div>

</div>

so nun stell ich breite und länge & ein Rahmen dieser teile mit den CSS Style selektor mti hilfe von Adobe Dreamweaver ein ...

nun will ich ein Bild im Header haben, und klciek im CSS Selektor auf "Hintergrund" und lade mein Bild hoch. Nun mein Problem, dieses Bild wird nicht angezeigt, und auch der Rahmen den ich zuvor eingestellt habe nicht. Kann mir jemand sagen was ich falsch mache??

Der CSS Code:

@charset "utf-8";
/* CSS Document */

#container {
    height: 759px;
    width: 877px;
    border: 1px dashed #000;
}
#header {
    height: 131px;
    width: 875px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: dashed;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    background-image: url(header.png);
}
#content {
    height: 756px;
    width: 877px;
}
#menue {
    height: 74px;
    width: 96px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: dashed;
    border-bottom-style: dashed;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    background-image: url(menue.png);
}

Ich mache das ganze mit Firefox & Adobe Dreamweaver cs4

 

[vitus37]

Dein Problem sind die Doppelpunkte in den Tags. Attribute vergibt man nicht mit : sondern mit dem Gleichheitszeichen =.

<div id="idname" class="classname">

 

[oneEIGTHseven]

Yey danke, nun wird schonmal der header angezeigt. Kann mir auch einer sagen wieso das menue nicht angezeigt wird? Hab da alles genauso ...

 

[aJunkie]

<ul id="menue">
<li><a href="#">Link 1</a></li>
<li>Link 2</li>
<li>Link 3</li>
</ul>

 

[oneEIGTHseven]

<ul id="menue">
<li><a href="#">Link 1</a></li>
<li>Link 2</li>
<li>Link 3</li>
</ul>

Nee, das menue ist eine grafik, wollte das mit hotspots machen ^^

 

[vitus37]

Ein Menü ist eine Liste von Links, also Zeichne sie auch als solche aus. Formatieren kannst du es genauso, wie mit DIVs.

 

[oneEIGTHseven]

Ein Menü ist eine Liste von Links, also Zeichne sie auch als solche aus. Formatieren kannst du es genauso, wie mit DIVs.

Ja schon, hatte ich auch zuerst vor, aber dann sehen die Links nicht so aus wie ich es will. & ich weiß nicht wie ich das einstellen soll.

 

[Witschi262]

Wie sollen sie denn aussehen, und wie sehen sie aus, wenn du es in einen DIV packst?

 

[vitus37]

Die Punkte bekommst du weg, indem du dem UL-Element ein list-style: none; gibst.