[medi2.0]

Hallo liebe gestalterischen CSS Freunde,

Ich bin 16 Jahre alt und interessiere mich nebensächlich sehr für den Bereich Webdesign und werde Beruflich in die richtung des Mediengestalters gehen.
For ab; ich bin CSS Neuling habe aber alles selber codiert und in Photoshop erstellt!

Und zwar habe ich erst mein Design in Photoshop erstellt (Screen: http://hnhqi.tk). Nun möchte ich dieses Design in CSS Codieren so das man diese Seite auch im internet besuchen kann.
Und da bin ich recht weit gekommen jetzt habe ich aber ein, zwei bugs die ich selber im besten willen nicht behoben bekomme, wie gesagt ich bin Neuling. Erstmal hier der code einfach als HTML Dokument abspeichern: http://mqpi3.tk . So und nu soll wenn ich etwas mehr Text in den Content schreibe der Footer nach unten mit wachsen, dass tut dieser aber nicht. Und ich möchte etwa 10-20px abstand vom Footer und dem browser boden haben der Footer sollte nicht so blöd unten am browser festkleben wenn das gesamte Design etwas länger wird. Und könnte wenn sich das ein CSS Kundige(r) anschaut den Code noch korrigieren fals ich da unbedachte Fehler gemacht haben sollte.

Ich betone es mal so: Mir ist das Design ziemlich wichtig und ich bastel da jetzt schon ein, zwei Monate dran.

Ich bedanke mich jetzt schon fürs lesen.

MfG, medi2.0

[tschuingum]

Servus,

a. Das hat nichts mit Programmierung zu tun, insofern in der falschen Rubrik gelandet.

b. Tu dir selber einen Gefallen und bau erstmal eine solide HTML-Grundlage, bevor du ans CSS gehst - alles andere ist wie Hausbau ohne Fundamente.

c. Konkret zum HTML:
- öffnendes html-Tag ist doppelt
- style-Tag ist nicht geschlossen, dafür geht ein html-Kommentar drin auf
- eine Angabe zur Zeichencodierung wäre nicht schlecht
- Semantik ist gar keine drin

Wenn das alles passt, wirds auch mit dem css plötzlich ganz einfach.

[medi2.0]

Hi,

Falsches Thema erwischt? Wusste ich nicht dachte das passt hier rein.
Ok danke erstmal für deine verbesserungs Tipps, ich werde mir das zu herzen nehmen.

Du musst mir als Neuling aber noch mal genauer erklären was du mit:"eine Angabe zur Zeichencodierung wäre nicht schlecht" meinst. Und könntest du genauer auf die Semantik eingehen?

Mit HTML kenne ich mich ausreichend aus, ist nicht so als wolle ich direckt mit dem mal nehmen anfangen wenn ich kein plus rechnen kann.


MfG, medi2.0

[tschuingum]

Abend,

Zeichencodierung: google mal danach und du wirst erschlagen ... ist für dein Problem jetzt aber nicht wirklich interessant.

Semantik heißt, dass du deinen Inhalten eine Bedeutung gibst - das ist ja das Wesen einer Auszeichnungssprache. Zeichne also z.B. Überschriften als solche aus (h1-h6), Textabsätze als Absätze (p), Adressen als address usw. HTML ist mehr als div, br, und a
Du hast im Moment eigentlich nur das umgebende div und die Navigationsliste semantisch richtig, aber der Reihe nach:

[medi2.0]

Hi,

Super! Jetzt habe ich verstanden was von mir verlangt wurde, und ja ich glaube da werde ich noch an mir arbeiten.
Danke für deine Hilfe!

MfG, medi2.0

[medi2.0]

Hi. Ich habe jetzt das meiste korregiert was du da gepostet hattest. Zu dem Doppel verpackten also wenn ich da ein Div raus schweiß verrutscht alles bzw. das menü verschwindet. Ich habe das so eingebunden das Topnav und das menu dass das jetzt schwer zu entnehmen ist. Stört mich auch nicht so. "Top" ist das obere eingebundene Bild, der heder und das menü sind in diesem Div. Habe keine andere Lösung gefunden wie ich den header ins top reinbekomme und das menü soll auch so da drauf bleiben. Der "Header" ist nur ein header und kein packet wie soll ich den sonst den header im design auftauchen lassen, wenn nicht als Div im Body bereich? Klar ist HTML mehr als nur div, br und a aber ich bin dieses Design in eine Kostenlosen Baukasten ein da brauch ich nicht mit h1-h6 arbeiten, die seiten lassen sich dan nachträglich editieren. Der Überarbeitete Code: http://spetools.de/code/6a23511c873ac783751c7687bbe6cd00 . Hilft mir jetzt jmd das ich den Footer mitfließend zum content bereich hab? MfG, medi2.0 PS: Funzt die enter Taste aufeinmal nicht mehr im Forum?

[Benutzer 72929]

margin-bottom: 30px; im #footer-Container sollte dir helfen, wenn ich dich richtig verstanden hab. Hab auch keinen Bock deinen Code auseinander zu nehmen.

[m]

[edit]
Wichtig: HTML und CSS sind keine Programmiersprachen!

verschoben ...