[MrMartini83]

So, ich weis, normal sollte man die erst suchen, dann posten, aber ich komme da nicht so richtig vorwerts.


Link: http://www.zanner.at/esterbauer/www.holz-haus.co.at/ (Ist Stand)

Link: http://www.zanner.at/esterbauer/entwurf.jpg (Entwurf)

Kurze Beschreibung: Auf nachfolgendem Link findet ihr mein erstes tabellenloses Design, wo ich auch zum ersten mal richtig viel mit CSS machen muss. Ich hätte versucht mir die "Einführung in XHTML, CSS und Webdesign" als Buch einzuverleihen, das war mir aber als Techniker vieeel zu trocken...

Nun ja, jetzt steh ich hier und die Seite sieht nicht so direkt aus wie am Entwurf - Erinnert ein Bisschan an die Gewürzregale die Homer J. Simpson so zusammen zimmerte

Was mich stört, und worauf Ihr eventuell antworten habt:

1.) Der Abstand zwischen den Bildern und dem Browserfensterrand sollte nicht existieren....

2.) Beim Horizontalen Menü gehen die vertikalen "Trennstriche nicht bis zum Ende des DIV's sondern Enden ca 2px
darüber. Beim Mouse Over sieht man selbigen Efekt leider auch. - Wie bekomme ich das schön "bündig gefüllt"?

3.) Beim Horizontalen Menü muss ich schwindeln, da das ganze mit 995px Breite irgendwie blöd durch 8 Elemente zu
dividieren ist. Kann man das machen, dass man auf ein Element 2 Styles anwendet ,wo man die Breite korrigiert?
Oder sollte man besser für ein Element generell ein Eigenes (ELEMENT / CLASS) erzeugen?

4.) Beim Vertikalen Menü sieht man beim Mouse Over, dass links ein 1px breiter Unterschied zwischen gefüllter Fläche
und dem Ende der beiden Stiche zu sehen ist. Wäre das eine gute Lösung, dass man Links einen Boarder in der
Füllfarbe einzeichnet um dies zu kaschieren, oder habt ihr eine bessere Idee?

5.) Gibt es für diese "Additional Information" Felder rechts, noch eine schönere Lösung, um sie wie eine aus der Windows Welt bekannten "Group Box" aussehen zu lassen? Durch den großen Standardfont (der noch angepasst wird) sieht das jetzt natürlich ziemlich blöd aus, aber due Lösung gefällt mir auch sonst noch nicht so 100%ig.

Ich danke für meine vielen, vielleicht dummen Fragen, aber aller Anfang ist bei CSS echt nicht leicht

Gruß und Danke, Martin

[edit by grunge: verschoben nach tipps & tricks - nonprint]

[l3mon]

tip: lad dir mal für deinen lieblingsbrowser nen developer-toolbar oder DOM-inspector runter, damit tust dir leichter, die tatsächlichen werte deiner elemente zu überprüfen

[r0xXz]

moin,

beim menu oben hast du das anscheinend gelöst so wie ich gerade gesehen habe

- zu den menu:hover links mache mal

[theGRUNGEone]

ersetz mal beim container das

margin: 1em auto;

durch

margin: 0 auto;

dann haste den rand oben weg.

[choise]

Ach ja und was hier immer wieder gerne vergessen wird (auch von Mods ),
CSS ist keine Programmierung

[theGRUNGEone]

jaja, ist ja gut.

ich verschiebs mal.

[MrMartini83]

Hey Leute,
vielen Dank erst mal. Ich werde das gleich mal am Abend ausprobieren!



Danke!

[MrMartini83]

So, ich habe eure Tipps nun mal befolgt und bin schon sehr gut weiter gekommen!

http://www.zanner.at/esterbauer/www.holz-haus.co.at/

Jetzt muss ich mich dann nur noch mit der Feature Leiste rechts beschäftigen und dann steht das Design soweit.

Großes Danke schon mal an alle Poster ! Ihr seit klasse