Tutorial HTML, CSS u. PHP - Forum

[drPHIP132]

hey leute, wäre nett wenn ihr mal kurz auf meine seite für die schule schaut. wir sollen in info irgendeine seite über irgendein thema machen und 2-3 seiten mitteinander verknüpfen aber das is/war mir zu einfach, hab mehrere. ='D
lehrer sagte ich bekomme sowieso ne 1 weil ich mit CSS arbeite (die aus meiner klasse machen design mit tabellen und bekommen es grad mal so hin ='D - naja aber soll nicht so rüberkommen das ich mich lustig über sie mache)

sagt mir pls wie ihr das design findet

http://www.p-schuster.bplaced.net/hausaufgabe/

nicht über inhalt aufregen bitte, habe einfach irgendeinen rotz geschrieben der mir in kopf kam ='D
überlege ob ich das design meiner "richtigen" homepage so mache wie in der hausaufgabe um das hässliche klobige design meiner jetztigen seite http://www.p-schuster.bplaced.net/ zu ersetzen

PS: bitte entschuldigt meine grammatikfehler, bin totmüde und habe heute mit meinem dad 4h mathe geübt/gelernt ='D

[drPHIP132]

Schaut bitte mit dem firefoxbrowser die seite an, da auf der startseite die flaggen sonst nicht in mitte sind

Vielleicht kann mir sogar jemand sagen warum...;-)

[drPHIP132]

hallo???

[Sarkkan]

So, nehm es mir nicht all zu böse

Ja.. ich muss schon sagen.. zwischen den Designs liegen Welten.. nicht

1. Das Alert beim Seitenaufruf geht mir ja tierisch auf die Nüsse
2. Ein IE wird tierische Probleme haben, wenn er auf deine Seite kommt. Er versteht das <section> und weiteres nicht, ohne entsprechenden JavaScript-Code^^
3. *dich für jedes <br /> hau, welches dazu dient Abstand zu bringen* schon mal was margin und padding gehört??
4. Die Zeichenkodierungsangabe fehlt. Ich empfehle dir <meta charset="UTF-8" />. Dann kannst du z.B auch ü anstelle von &uuml; schreiben
   (Im Editor dann aber bitte auch darauf achten, dass du die Seite als utf-8 abspeicherst^^)
5. Das Problem mit dem Zentrieren der Bilder kommt daher, dass der IE das <section> nicht kennt und es daher nicht standardgemäß als Block-element darstellt.
   Arbeite doch einfach mit <div>'s oder benutze den JavaScriptcode und dazu noch den stylecode:

   Code: Alles auswählen

   <style>
header, nav, section, footer {
    display: block;
}
</style>

<script>
document.createElement("header");
document.createElement("nav");
document.createElement("section");
document.createElement("footer");
</script>

6. Vom Design her finde ich es etwas.. langweilig :/
   Wenn du magst können wir uns ja mal einige Gedanken dazu machen^^ (Hast du eig Skype?)

[drPHIP132]

ne hab ich ne sry

jo, wäre cool =)

PS: na ich habe mich extra nicht an farben herangewagt, weil das bei mir jedes mal eine totale katastrophe wird!

wo soll ich die javascripts hinpacken?
weil hab ja design in externer datei...

danke für antwort und schonmal danke im voraus ;)

[Sarkkan]

Ersetze dein Alert einfach durch den JavaScript-Code, den ich dir gegeben habe
Das beides in ein und dem selben Code-Block stand war einfach nur aus Faulheit von mir Dafür hab ich ja extra gekennzeichnet, was was ist^^
Solltest dann eigentlich von selbst drauf kommen, das du die Sachen ja auch ruhig trennen konntest^^

[drPHIP132]

bei deiner antwort bei 3. (das wegen <br />)

wie soll ich den den sonst schreiben?
danke im voraus

[drPHIP132]

jetzt besser?

http://p-schuster.bplaced.net/hausaufgabe

[Sarkkan]

Kaum? O.o
Entweder du gibst dem <section> ein Padding, oder den Bildern ein margin xD

[drPHIP132]

mach dich nicht über mich lustig

ich kann das halt net so gut ;)

[drPHIP132]

habe das mit dem abstand zu unten jetzt gemacht (also <br/> weg)

http://p-schuster.bplaced.net/hausaufgabe/

[Sarkkan]

Nice
Jetzt machst du das oben auch noch mal und dann gibt es von mir einen Keks

[drPHIP132]

warum msus ich das auch oben machen?


ich mag keine kekse
nein doch ;)

[Sarkkan]

Weil es sauberer ist (:
Schließlich soll ein <br /> nur ansagen, dass hier ein Textumbruch stattfindet
Und nicht, dass wir nach oben oder unten Platzt wollen Dafür haben wir margin und padding (=

[drPHIP132]

hehe ;)