Beiträge von Janguste

    Zitat

    Daher geht der Trend hin zu div und span Tags, welche aber falsch und unkorrekt eingesetzt werden. Werden diese einfach nur so zusammengeschustert um die Seite eingezeigt zu bekommen, kann man auch direkt wieder auf Tabellen umsteigen. Auch wenn der XHTML Validator sagt, dass alles korrekt ist und die Leute sich damit auszeichnen ist es grundlegend falsch.


    Quelle: <!-- m --><a class="postlink" href="http://benediktrb.de/einfuehrung-in-html-semantik-eines-xhtml-dokuments/">http://benediktrb.de/einfuehrung-in-htm ... dokuments/</a><!-- m -->

    Also das Design ist gut, aber die Seite auf der man gerade ist ist ziemlich schwer zu erkennen, weil der Reiter dann fast Hintergrundfarbe ist.


    Dann sind einige Code-Fehler, z.B. das
    <div class="hlist">
    Da kannst du die Klasse auch der ul zuweißen.


    Außerdem ist <p> nach <h1> nicht erlaubt.

    Wozu brauchst du das <div id="page">? das ist das erste tag nachm <body> und das letzte vorm </body>, also kannst du die Style-Definitionen für #page auch einfach dem Body zuweisen.


    Mit den Farben muss ich maulepan recht geben...


    Außerdem solltest du das Impressum überarbeiten, da fehlt ne ganze Menge, z.B. Kontaktdaten und so weiter.


    Siehe: http://www.e-recht24.de/impressum-generator.html


    Da kann man sich automatisch ein vollständiges, kostenloses Impressum erstellen lassen, musst halt nur hinschreiben, dass du das von denen hast.


    Unter "Ich helfe"
    Den Text überarbeiten, "Sie" schreibt man da groß, der Satzbau könnte besser sein und ein Satz hinkt etwas...


    Den Sinn der Vor-/Zurück-Buttons verstehe ich nicht ganz, da die im Browser ebenfalls zu finden sind.


    Aber nun auch etwas Positives, ich finde den Aufbau der Seite sehr gut und außerdem enthält sie im Gegensatz zu sonstigen Homepages auch mehr Inhalt als "Das bin Ich das ist meine Familie."
    Hinzu kommt, dass die Buttons schön gestaltet sind.


    Insgesamt eine gut aufgebaute Seite, der aber noch das "Feintuning" fehlt.

    Code
    <div id="navi">
                <div id="navigation">
                    <ul>
                        <li class="page_item page-item-2 current_page_item"></li>
                         ...
                    </ul>
                </div>
            </div>


    Also zumindest eins der beiden divs kannst du garantiert weglassen...


    Das tritt nachher noch mehrmals auf, ich verstehe wie du es strukturieren willst, das macht es aber noch lange nicht besser.


    Header


    Content


    (Abschnitt1
    Abschnittx)


    Sidebar


    (Sidebarmodul 1
    Sidebarmodul 2)


    Footer


    (Footer1
    Footer2)


    Zum Beispiel die Class Entry kannst du auch den P zuweisen statt einem extra Div-Tag, einfach zu einem P-Tag vereinen und einen Zeilenumbruch einfügen.


    Genauso bei der Navigations-Ul, da kannst du das eine Div-Tag weglassen und die ID der Ul zuweisen...


    Davon gibts jetzt noch mehr, möchte sie aber nicht alle aufschreiben...

    Insgesamt finde sie auch sehr gut :)
    Vom Design her würde ich die Startseite (also die mit dem Video) den restlichen anpassen. Bei den News vll eine gepunktete Linie bis zum Ende und nicht nur bis zum Ende der Nachrichten.


    Insgesamt halt alles Geschmackssache.


    EDIT: Das mit der Geschmackssache bezog sich auf meine Vorschläge nicht auf die Seite :P

    Zum zweiten: Das Design gefällt mir, aber scheint ne ziemliche Div-Suppe zu sein, kann man da noch irgendwas zusammenfassen? Und wieso hast du den Background nicht für Body definiert?
    Die Runden Ecken sind momentan nur browserspezifisch, das heißt einige Browser werden eckige Ecken haben, aber im nächsten CSS soll das mit drin sein.

    Du kannst aus den Bilderlinks Textlinks machen und das Bild als Background-Image einbinden. Dann kannst du jedem Link eine ID zuweisen und mit ID:Hover das Background-Image aendern.


    HTML

    Code
    <a href="bla.html" class="menuelinks" id="Link1">Startseite</a>
    <a href="blo.html" class="menuelinks" id="Link2">Ueber mich</a>
    <a href="blu.html" class="menuelinks" id="Link3">Miet Me</a>


    CSS


    usw. mit den anderen Bildern


    Alternatie kannst du auch eine komplett Transparente Graphik (ist dann wahrscheinlich PNG-Format) an Stelle der momentanen Graphiken einfuegen, dann brauchst du den .menuelinks Teil des CSS nicht.


    (Dann haettest du einen komplett transparenten Graphiklink, durch den die sich aendernde Backgroundgraphik zu sehen ist.!)


    Das geht glaube ich mit den meisten Bildbearbeitungsprogrammen, mit Paint aber nicht, keine Ahnung obs mit GIMP oder IrfanView geht, aber mit Photoshop und PictureIT! gehts auf jeden Fall.


    Hoffe das hilft dir weiter!


    Den Title kannst du mit CSS nicht veraendern, du kannst ihn nur feststehend mit


    HTML


    Code
    <a href="bla.html" title="Startseite">Startseite</a>


    festlegen. Dann erscheint beim Ausharren mit der Maus darueber nach einer Weile ein gelber Kasten mit der Beschreibung.


    Hoffe auch das hilft dir weiter ^^

    Es mag zwar nur ein kleiner Fehler sein, aber in der Beschreibung vom (X)HTML-Unterforum steht

    Zitat

    HTML - xHTML
    Hyper Text Markup Language (HTML wird zum programmieren von Webseiten benutzt. Es enthält Befehle zum Markieren typischer Elemente eines Dokuments, wie Überschriften, Listen, Tabellen oder Grafiken.)Fragen - Antworten –Tipps hier hinein...


    Ich faende "Schreiben" anstatt von programmieren besser, denn man schreibt nur das graphische Ergebnis in Text um und hat keine Befehle, Schleifen etc. wie in PHP, Delphi oder C(++). Im Uebrigen schreibt man Programmieren hier in jedem Fall gross.


    Ausserdem koennte man evtl. statt "Befehle" "Beschreibung" schreiben, denn es ist ja kein direkter Befehl, jeder Browser interpretiert HTML auf seine eigene Art und Weise.


    Es sind zwar nur kleine Fehler, aber sie sind mir gerade aufgefallen^^

    Also zuerst einmal:

    Code
    <div></div> 
             <div id="inhaltsbox_1"><img class="img150" src="108.jpg"></div> 
          <img class="img151" src="dsc_0029.jpg"> 
          <div id="inhaltsbox_2"><img class="img152" src="dsc_0029.jpg"></div> 
    
          <div id="textfeld_1"> <p>yyyyyyyy</p></div> 
          <div id="textfeld_2"> <p>yyyyyyyyyy</p></div>


    Semantik: Div-Tags sind zur Gruppierung mehrerer verschiedener Elemente gedacht. Das was du haben willst kannst du auch mit <p id="textfeld_1">yyyyyyy</p> erreichen, genauso bei den imgs. Und leere Div-Tags gehen gar nicht, falls du Zwischenraum zwischen zwei Elementen haben willst nimm das CSS-Attribut Margin.


    Dann zu deinem Problem, du koenntest den Links eine Klasse zuweissen und ihnen ein Margin-left und ein Margin-right geben und dann fuer die Klasse DeineKlasse:hover ein Margin-left und ein Margin-right das etwas kleiner ist.


    Kann sein, dass es elegantere Loesungen gibt, aber es sollte funktionieren...


    HTML

    Code
    <a href="yyyyy" class="MenuLink">blablabla</a>


    CSS


    Musst etwas mit den Zahlen rumexperimentieren bis es passt, aber insgesamt sollte es so gehen.

    Da koennen auch Kommentare im Quellcode ganz nuetzlich sein, dann finden sich andere auch besser durch, wenn du ihnen Fragen stellst oder wenn du selbst etwas ueberarbeiten willst :)

    Hi!


    Die Farbgebung finde ich gut, passt zu Lapras (oder wie das heisst x D)
    Die Idee des fallenden Menues finde ich ganz interessant, aber:
    Bei mir reicht das Menue in den Inhalt rein :S
    Das Impressum wuerde ich nicht so weit nach oben stellen, auf mich wirkt das stoerend.


    Und zum Code: ziemlich viele Divs, kann man z.B. nicht das CSS fuer "Seite" einfach auf body anwenden (korrigiert mich wenn ich falsch liege)


    Dem CSS taete etwas mehr Uebersicht gut (Attribute untereinander, nach jeder Klasse nen neuer Absatz)


    Und es ist zwar nicht falsch, aber einige Seiten sind PHP-Dokumente obwohl sie nur HTML enthalten.


    EDIT: Ok, durch den Post unter mir ist der letzte Punkt ueberfluessig.


    lG Janguste