Tutorial HTML, CSS u. PHP - Forum

[NeoAramis]

Ich unterscheide generell Webtechnik und Webdesign. Das sind für mich zwei paar Schuhe. Mit Webtechnik meine ich vor allem die Semantik, die Validität, den Aufbau des Quellcode, die Webstandards etc. einer Website. Webdesign bedeutet für mich den visuellen Aspekt einer Website.

[Peter1978]

Nur ein paar Fragen - unverbindlich

• Für was brauchst du den meta name revisit?
  ich nehme an das er nach 10 Tagen die Seite neu laden soll aber für was ist das gut?
• manche Ordner fangen mit einem "_" an, hast du da keine Bedenken?
• du benützt zwei Stylesheet, welche kein media Attribut tragen. Verschiedene Ausgaben für Druck und Bildschirm etc sind da ja möglich
• das mit der div - suppe find ich auch eigenartig

Gruss

[NeoAramis]

Nur ein paar Fragen - unverbindlich

• Für was brauchst du den meta name revisit?
  ich nehme an das er nach 10 Tagen die Seite neu laden soll aber für was ist das gut?
• manche Ordner fangen mit einem "_" an, hast du da keine Bedenken?
• du benützt zwei Stylesheet, welche kein media Attribut tragen. Verschiedene Ausgaben für Druck und Bildschirm etc sind da ja möglich
• das mit der div - suppe find ich auch eigenartig

Gruss

zu Punkt 1: Das habe irgendwo einmal aufgeschnappt. Das bedeutet, dass die Robots der Suchmaschinen die Seite alle 10 Tage neu crawlen sollen.
zu Punkt 2: Das hat damit zu tun, dass dann in meinem Verzeichnis die Ordner an erster Stelle stehen und sich nicht, aufgrund der alphabetischen Sortierung, mit den Dateien vermischen (Übersicht)
zu Punkt 3: Die verschiedenen Stylesheets haben nichts mit dem Medientyp zu tun, sondern bezwecken lediglich die Trennung der "Aufgaben", font.css für die Typografie, nav.css für die Navigationen etc., weil in einem Webprojekt kommt da an CSS schon ziemlich viel zusammen.
zu Punkt 4: Ich weiss nicht was ihr habt, die mehreren div's sind zwingend nötig, sprich, sie sind massgebend, dass das Layout hält.

[Sarkkan]

Wie du siehst, sind sowohl ich als auch andere der Meinung, dass es anders auch gehen müsste^^

Hab es, bis mir Laura mal aufgezählt hat, was ich da so an unsinnigen Mehrcode verwende auch nicht geglaubt.. und nun habe ich mal aus Langeweile angefangen mein erstes großes Projekt mal aufzufrischen.. ein wenig CSS3.. neu gelernte Techniken,.. und ich habe mich in Grund und Boden geschämt, als ich gesehen habe, was ich da alles verwendet hatte O_o
Ich verwende nun nicht mal mehr halb so viele Div-Container^^

Aber hey, wie schon in einem Vorherigen Post.. ich sag dazu nichts mehr (:
Ich glaube es dir jetzt einfach mal, auf dass wir uns nicht anzicken xD

[NeoAramis]

Ich möchte von Dir, Sarkkan, explizit wissen, welcher Mehrcode bei mir vorhanden ist. Du musst es mir schon sagen, was ich unnötigerweise reingenommen haben.

Es kann sicher sein, dass ich vielleicht irgendwo etwas überflüssiges reingenommen habe, aber ein div-Suppe ist es allemal nicht.

[lauras]

Verwendet doch einfach das, was vorhanden ist.. =/
So beginnt jede meiner Seiten (oder so ähnlich):

Code: Alles auswählen

* { margin:0; padding:0; }
html {
    text-align: center;
    background-color: #FFFFCC;
    height: 101%;
}
body {
    margin: 0 auto;
    width: 80%;
    text-align: left;
    background-color: #9A5D26;
}

Dann ist der Body dein "Wrapper" womit du schon mal eine Div-Box weniger hast.
Zudem.. warum hast du um deine Navigation 2 Div-Boxen? O_o
Genau wie um deinen "Main-Content" und "branding"?

Code: Alles auswählen

#branding {
            height: auto;
            margin: 10px 0 10px 0;
            padding: 0 0 45px 0;
        }
       
        .branding {
            padding: 0 0 0 0;   
        }


Ich fasse zusammen.. wir erstellen eine automatisch hohe Box, die zu anderen Objekt außerhalb oben und unten 10px Abstand hat.
Zudem sind innerhalb der Box vom letzten Objekt, bis zum unteren Ende der Box 45px frei.
Nun setzten wir in diese Box eine weitere Box, dessen Innenabstand 0 oben, 0 Rechts, 0 Unten und 0 Links ist, in der unser Inhalt rein kommt.
(Bild zur Veranschaulichung liegt auch bei)
Warum machst du das .branding nicht weg genau wie das padding bei #branding und schreibst stattdessen

Code: Alles auswählen

margin: 10px 0 55px 0;

?
Nur als Beispiel..^^

PS: Ich als Deutscher störe mich ein wenig an 'Benützen/Benützung' .
Aber das ist dir überlassen (: Dazu sage ich nichts direkt

Hat er bereits.

[NeoAramis]

Hat er bereits.

Ähm, das betrifft noch die alte Website, bitte vorherige Posts beachten...

Und das mit dem "wrapper" geht nur, wenn man kein Hintergrundbild hat...

[Verwebbt]

du kannst das hintergrund bild doch dem body zuweisen, das ist daselbe wie wenn du ein wrapper div setzt.

Gib einfach dem Body die anweisung für hg bild das geht auch.. Hier das Beispiel Horizontale Seitenzentrierung ohne Div

P.s ich wollte gleich anfangen zu lesen da merkte ich das die Page noch im Aufbau ist ansonsten cool..

Hau rein und lass den Inhalt krachen, ich mag leute die die technik auf deutsch übersetzen..

[NeoAramis]

du kannst das hintergrund bild doch dem body zuweisen, das ist daselbe wie wenn du ein wrapper div setzt.

Gib einfach dem Body die anweisung für hg bild das geht auch.. Hier das Beispiel Horizontale Seitenzentrierung ohne Div

P.s ich wollte gleich anfangen zu lesen da merkte ich das die Page noch im Aufbau ist ansonsten cool..

Hau rein und lass den Inhalt krachen, ich mag leute die die technik auf deutsch übersetzen..

Okay das mit der Zentrierung habe ich bis jetzt immer übersehen. Das ist aber relativ neu. Ich habe viele HTML/CSS Bücher und dort ist halt immer die Rede von einem wrapper. Aber ich verwenden ja noch einen Footer Stick, da brauchts den wrapper ebenfalls.

Ja das mit dem Inhalt ist so ein Problem, es ist enorm zeitaufwändig da muss man sich eben gedulden, aber ein paar Texte habe ich schon auf Lager, nur wollte ich einfach mit der Seite sicher sein, bevor ich Anfange Inhalte hinzuzufügen.