Erneut ein Problem mit CSS

mohaji · 2. Dezember 2011, 16:13

Quellcode

.menu { height: 50px; width: 1000px; margin: 0; background: #fcfcfc url("../img/menu.png") no-repeat; }
.menu a {
color: #013a00;
text-decoration: none;
}
.innermenu {
margin-left: 20px;
}
.menu #entries {
display: inline;
margin-left: 20px;
}
.menu #entries li {
display: inline;
list-style-type: none;
}
.menu #entries li span {
display: block;
height: 35px;
float:left;
padding: 15px 7px 0 7px;
vertical-align: middle;
text-align: center;
}
.menu #entries li span:hover, .menu #entries li span:active{
color: #fff;
background: url("../img/middle_active.png") repeat-x;
}

Alles anzeigen

Ich weiß jetzt nicht, wie der HTML Teil aussehen soll, damit das Menü so angezeigt wird, wie es angezeigt werden soll. Kann mir da jemand helfen?

Szabo · 2. Dezember 2011, 16:15

Was hast du den genau vor? Eigentlich schreibt man erst den HTML Teil und erstellt dann den dazu notwendigen CSS Teil

mohaji · 2. Dezember 2011, 16:38

Szabo schrieb:

Was hast du den genau vor? Eigentlich schreibt man erst den HTML Teil und erstellt dann den dazu notwendigen CSS Teil

Das ist CSS Teil von nem Kumpel, ich kann kein CSS

Szabo · 2. Dezember 2011, 16:40

... lass mich raten... HTML kannst auch nicht? Sag doch erstmal was du überhaupt machen möchtest. Ohne einen gewissen Ansatz kann man dir nur schwer helfen

mohaji · 2. Dezember 2011, 16:48

Szabo schrieb:

... lass mich raten... HTML kannst auch nicht? Sag doch erstmal was du überhaupt machen möchtest. Ohne einen gewissen Ansatz kann man dir nur schwer helfen

Doch HTML hab ich drauf

Ist doch alles erklärt oder nicht?

Das Menü bzw. die Menüeinträge anzeigen lassen..

djonny · 2. Dezember 2011, 18:00

Das Menü sollte in einer Liste vorliegen
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
</ul>

und dann solltest du natürlich die Klassen bzw die ID richtig vergeben so wie du es brauchst...

Wieso fragst du nicht den Freund von dem du es hast? Der könnte dir sicher auch die Html Datei dazugeben

Hafner · 2. Dezember 2011, 18:25

Das sieht ja für mich schon sehr fragwürdig aus:
.menu #entries

Ich denke entries sollte keine id sein sondern eine class.
Nur als kleine Anmerkung am Rande

JaffaCoder · 3. Dezember 2011, 10:04

HTMl drauf haben, aber kein CSS

Nicht sooo gut

Zur Frage:
Ich versteh deine Frage nicht so wirklich. Ich hoffe mal meine Antwort wird richtig

Der Punkt vor den Namen in der CSS-Datei steht für 'class', da # für die 'id'. Wenn du darauf über die HTML-Datei zugreifen willst, musst du das in etwa so machen:

Quellcode

<div class="menu">
<ul id="entries">
<li>
<span>Hallo <a href="#">Testlink</a>
</li>
</ul>
</div>

Aber an deiner Stelle würde ich CSS lernen.Denn die CSS ist meiner Meinung nach Schrott

'#entries' kommt ja öfters als einmal vor. IDs benutzt man aber nur bei Elementen, die wirklich nur einmal vorkommen. 'Class' bei Elementen die häufiger vorkommen.

Jan Thurau · 3. Dezember 2011, 13:02

Wieso kommt #entries öfters vor? Wenn es nur eine ul gibt, kommt die auch nur einmal vor. Nach der Namensgebung scheint das ja ein Container oÄ zu sein, der mehrere Entry/Menüpunkte beinhaltet. Wirklich sauber ist die CSS aber wirklich nicht.

Szabo · 3. Dezember 2011, 15:01

Es ist trotzdem nicht wirklich sauber, selbst wenn es nur einmal vorkommen sollte... aus dem .menu könnte man eine ID machen, das wäre okay, aber weiter unten braucht man eigentlich nicht wirklich eine.

Quellcode

Quellcode

Teilen