bessere Umsetzung (?)

[Jaskars]

Hallo ins Forum.

Nach einem ersten Versuch hier nun mein 2. Anlauf. Ich habe mich um eine Verbesserung bemüht und würde jetzt gern mal erfahren, ob ich in die richtige Richtung gehe. Vor kurzem wurde mir eine Div-Suppe diagnostiziert und erläutert (Danke an suit). Ich hoffe ich habe es geschafft, die Küche hinter mir zu lassen. Ich würde mich also über ein Feedback und eventuelle Verbesserungsvorschläge sehr freuen. Danke schonmal.

Hier mal der Link: http://www.expressdesign-greiz.de/test/index.htm

Gruß J.

[suit]

Nach einem ersten Versuch hier nun mein 2. Anlauf. Ich habe mich um eine Verbesserung bemüht und würde jetzt gern mal erfahren, ob ich in die richtige Richtung gehe. Vor kurzem wurde mir eine Div-Suppe diagnostiziert und erläutert (Danke an suit). Ich hoffe ich habe es geschafft, die Küche hinter mir zu lassen. Ich würde mich also über ein Feedback und eventuelle Verbesserungsvorschläge sehr freuen. Danke schonmal.

Hier mal der Link: http://www.expressdesign-greiz.de/test/index.htm

besser aber immer noch nicht optimal ;) wenn du dir die zeit nehmen willst: zurück an der herd und nochmal abschmecken

a) vergib die namen von ids, klassen und sonstigen nicht nach dem aussehen "contentRight" ist eine unkluge wahl - "content" (für den text) und "media" (für die bilderspalte) oder wie auch immer ist schon besser

du solltest im idealfall bei einem designwechseln nicht mehr im html fuhrwerken

im übrigen würde ich in deinem fall den inhalt im quelltext VOR die bilder stellen (anstatt float: left arbeitest du halt mit float: right um die reihenfolge zu drehen)

wenn du das stylesheet abschaltest (firefox: ansicht -> webseiten stil -> kein stil) sollte die seite noch sinnvoll lesbar sein

b) dein <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=navigation sollte eine liste sein> die bilder definierst du als hintergrundbilder (per css), den bildwelchsel machst du mit dieser technik - dein macromedia/dreamweaver/adobe-schrott-javascript kannst du getrost in die tonne treten ;)

c) dein header "kinderschminken und facepainting" solltest du als h1-element definieren und das aktuelle bild als hintergrundbild einbinden - den text versteckst du dann mit einer image-replacement-technik (imho am besten gilder-levin oder phark)

die erste überschrift im fliesstext definierst du dann als h2 (ist aktuell bei dir ein h1)

d) alle weitere bilder die du jetzt mit <img /> eingebunden hast, solltest du als hintergrundbilder einbinden - es sei denn, sie gehören zum inhalt - alles was nur dekorativen zweck hat, ist kein inhalt - damit sollte sich auch gleichzeit das problem deines invaliden codes beheben

[Jaskars]

Eine Frage hätte ich noch: Warum Zeigt mir der IE6 die Seite nicht bis zum Boden an, der IE7 aber schon? Das verwirrt mich, denn ich weiß nicht so recht, was ich anders machen sollte...

Gruß J.

[Beat]

Hier mal der Link: http://www.expressdesign-greiz.de/test/index.htm

Warum steht da nicht
<h1>Kinderschminken und Facepainting</h1>
oder etwas ähnlich aussagekräftiges?

mfg Beat

[Ingo Turski]

Hi,

ohje... bei den Navigationslinks dachte ich zuerst, dass meine Sehschwäche urplötzlich zugenommen hat. Wenn Bildlinks, dann bitte nicht so verwaschen. Ich würde aber Textlinks bevorzugen.

Zweiter optischer Makel: warum muss ich auf dieser lerren Startseite scrollen?

Zum Quelltext wurde ja schon einiges gesagt. Ich sehe hier allerdings immer noch überflüssige DIVs und ein unnötiges span.

Wozu die ie7.css? Und vor allem * html hierin?

freundliche Grüße
Ingo

[Jaskars]

Hi,

ohje... bei den Navigationslinks dachte ich zuerst, dass meine Sehschwäche urplötzlich zugenommen hat. Wenn Bildlinks, dann bitte nicht so verwaschen. Ich würde aber Textlinks bevorzugen.

Zweiter optischer Makel: warum muss ich auf dieser lerren Startseite scrollen?

Zum Quelltext wurde ja schon einiges gesagt. Ich sehe hier allerdings immer noch überflüssige DIVs und ein unnötiges span.

Wozu die ie7.css? Und vor allem * html hierin?

freundliche Grüße
Ingo

Hallo,

ich hab leider nur neben der Arbeit Zeit, mich mit Webdesign ordentlich auseinanderzusetzen. So ist der Weg zu einem Guten Ergebnis leider etwas länger. Deshalb bin ich froh, wenn ich hier etwas unterstützung finde.

Die Grafiken werden natürlich noch ersetzt. Das war nur mal schnell exportiert - Einstellungen unbeachtet. ;)
Das Scrollen kommt glaube ich daher, weil die "Fotos" links bei geringerer Auflösung über/unter die navi rutschen würden. Ich wusste nicht so recht, wie ich sonst damit umgehen sollte.
Die ie7.css macht paar sachen im IE anders, die ich mir aber nicht so recht erklären kann. Ich hab mal die Index ohne die IE-Einbindung hochgeladen. Da verrutsch paar Sachen.
Kann mir das vielleicht jemand erklären - wie gesagt, ich muss da leider noch etwas an die Hand genommen werden.
Welche DIVs könnten denn noch weg?

mfg J.

[Ingo Turski]

Hi,

Die ie7.css macht paar sachen im IE anders, die ich mir aber nicht so recht erklären kann. Ich hab mal die Index ohne die IE-Einbindung hochgeladen. Da verrutsch paar Sachen.

das muss nicht zwangsläufig ein Fehler des IE sein bzw. kann oft auch ohne Extrawurst behoben werden.

Welche DIVs könnten denn noch weg?

z.B.:
<div id="nonFooter">

<div id="navi">
das könnte eine ul sein.
Und div bzw. span um img.

freundliche Grüße
Ingo