Menüpunkt hinzufügen

[marie87]

Ok, da werd ich mal sehen und mir das mit DynamicDrive mal ansehen.

Hast du vielleicht zu mein Problem mit dem Block eine Lösung wie ich nun 3 einzelne Blöcke hinbekomme?

[Jasko]

Hast du vielleicht zu mein Problem mit dem Block eine Lösung wie ich nun 3 einzelne Blöcke hinbekomme?

Du meinst du willst so etwas haben?
DEMO

Wenn ja dann weiss ich wie

[marie87]

Ja genau

[Jasko]

OK, das was ich gemacht habe ist keine optimale lösung, aber ich wollte nicht den vorhandenen Code verändern, der in sich seh stimmig ist. Also hier meine Lösung, du stells immer vor dem nächsten Titel einen Div Container mit weissem Hintergrund auf, so wird der vorherige graue Hintergrund verdeckt und es sieht aus als würde die Box dort aufhören. Dem Weissen Div-Contaeiner verpasst man noch einen braunen Border oben und einen margin-left -1 px damit auch der Border vom ersten Hintergrund verschwindet, alles zusammen sieht so aus:

Code: Alles auswählen

<div style="background-color:#FFFFFF;width:100%;min-height:15px;margin-left:-1px;border: 1px solid #FFFFFF;border-top:1px solid #7C704E;"></div>

Aber da man ja mal vieleicht das ganze ändern will und nicht gleich im Design danach suchen muss würde ich vorschlagen das ganze mit CSS zu machen, also das hier in die CSS Daatei:

Code: Alles auswählen

.naviSpacer {
  background-color:#FFFFFF;
  width:100%;
  min-height:15px;
  margin-left:-1px;
  border: 1px solid #FFFFFF;
  border-top:1px solid #7C704E;
}

Und das hier vor jeden Titel im Menü der separat sein soll:

Code: Alles auswählen

<div class="naviSpacer"></div>

Diesen Div-Container kann man dan so oft rein setzen wie man will den seine Aufgabe ist durch die CSS Klasse naviSpacer definiert und kann jeder Zeit dort geändert werden.

MFG

[marie87]

Ahhhh super, vielen Dank. Klappt alles

[marie87]

Ich hab nun mal etwas rumprobiert wegen der Navi und ich habe doch tatsächlich was hinbekommen aber irgendwie kommt meine Textseite nun nicht mehr neben der Navi sondern darunter

Nein nun nun seh ich grad das auch der Footer völlig durcheinender ist :JJ

[Jasko]

Was willst du den Hinbekommen. Ich würde dir vorschlagen deinen Quellcode genau zu lesen, danach die einzellnen abschnite mit Kommentaren zu trennen damit du den überblick beckommst und keine neuen Codes auf zwei Abschnitte verteilsst den so kommt man schnell durcheinander.

[marie87]

Habe jetzt eine neue Navi links erstellt und da eingesetzt wo die alte war und nun ist der Fotter total durcheinander obwohl ich da nix geändert habe und die Textseite kommt nicht neben der Navi sondern dadrunter.

Ich hab mir den Code nun paar mal angeguckt aber ich finde nix, was irgendwie darauf hinweist, was da grad stört.

[Jasko]

Warscheinlich stört das neue Element die CSS Formatierung. Arbeiten mit Div-Containern und CSS ist sehr empfindlich, beim Programieren der Templates werden alle Elemente aufeinander abgestimmt, wenn man dan ein neues Element einbindet und auf diese Verbindungen zwischen den Hauptelementen nicht achtet wird alles durcheinander gebracht. Darum würde ich immer Anfängern ein Tabellen layout empfehlen, diese sind zwar bei den Profis verpönt weil old School, aber man bekommt schneller eiun gefühl für verbindungen zwischen den einzellnen Elementen.

Such dir mal ein alltes Tabellen Template, und spiele damit herum auf deinem PC und du wirst sehen wie einzellnen Elemente aueinander abgestimmt sind. Da aber bei den neuen templates diese Klasischen Raster einer Tabelle wegfallen kann man denken es gibt keine echten Verbindungen zwischen den Elementen, stimmt aber nicht den diese sind in der CSS Datei so zu sagen versteckt und man muss trotzdem darauf achten.

MFG

[marie87]

ok ich werde mich mal ran machen. habe nun alles was zur navi war raus genommen aber der footer bleibt deformiert :JJ