Umfrageergebnis anzeigen: Ist der neue Style besser als der Alte?

Teilnehmer
11. Sie dürfen bei dieser Umfrage nicht abstimmen
  • VIEL BESSER

    1 9,09%
  • Besser

    2 18,18%
  • gleich gut

    2 18,18%
  • schlechter

    3 27,27%
  • VIEL SCHLECHTER

    3 27,27%
Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 23

Thema: Bewertung des "neuen"Styles!

  1. #1
    Meister(in)
    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bewertung des "neuen"Styles!

    Hallo !
    Ich habe mich mal heute hingesetzt und ein komplett neues Grund Gerüst eines Styles entworfen und würde gerne wissen ob ihr es besser/mittel/schlechter als mein momentaniges Style findet !Der Grund warum ich das gemacht ist weil meine momentanige Page wirklich zusammen gewürfelt und unüberischtlich ist und ich das jetzt irgendwie Blöd find soooo.....(schwer zu sagen)

    Also hier ist mein momentaniges Style:
    www.freakmartin.dl.am

    und hier ist der neue Style Code (Wird alles noch farblich angepasst: Banner,Menü....)

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <link rel="stylesheet" href="style.css" type="text/css"/>
    <title>Style Versuche</title>
    <style type="text/css">
    body&#123;
    margin&#58;0px;
    padding&#58;0px;&#125;
    
    .box1, .box5&#123;
    background&#58;silver;
    border&#58;1px solid black;
    margin&#58;0px;
    padding&#58;0px;
    height&#58;60px;&#125;
    
    .box2&#123;
    background&#58;gainsboro;
    padding&#58;3px;
    border&#58;1px solid black;
    width&#58;178px;
    height&#58;400px;
    margin-left&#58;5px;
    position&#58;absolute; left&#58;0px;top&#58;90px;&#125;
    
    .box3&#123;
    padding&#58;4px;
    border&#58;1px solid black;
    margin&#58;0 140px 0 140px;
    padding&#58;50px 50px 0 50px;&#125;
    
    .box4&#123;
    background&#58;gainsboro;
    padding&#58;3px;
    border&#58; 1px solid black;
    width&#58;178px;
    height&#58;400px;
    margin-right&#58;5px;
    position&#58;absolute; right&#58;0px;top&#58;90px;&#125;
    
    p
    &#123;
    font-family&#58;Verdana, Helvetica, sans-serif;
    &#125;
    
    +++++++++++++++++
    Beginn des Menü`s
    +++++++++++++++++
    #navcontainer &#123;width&#58; 177px; text-align&#58; left;
    		border&#58; 1px solid black;
    		border-bottom&#58; none;
    		margin-bottom&#58; 2em;&#125;
    
    #navcontainer ul &#123;margin&#58; 0; padding&#58; 0;
      list-style-type&#58; none;
      text-indent&#58; 20px;letter-spacing&#58; 1px;&#125;
    
    #navcontainer li &#123;list-style-image&#58; none;
      margin&#58;0; border-bottom&#58; 1px solid black;&#125;
    
    #navcontainer a &#123;display&#58; block;
      width&#58; 177px;height&#58; 22px;
      font&#58; bold 12px/22px Verdana, Arial,
      Helvetica, sans-serif; &#125;
    
    #navcontainer  a&#58;link, #navcontainer  a&#58;visited &#123;
      background&#58; url&#40;MenueBeispiel.gif&#41;;
      color&#58; #CC6600;text-decoration&#58; none;
      padding-bottom&#58; 0;&#125;
    
    #navcontainer li a&#58;hover &#123;
      background&#58; url&#40;MenueBeispiel.gif&#41;
      /* hier wird das Image verschoben */
      0px -22px no-repeat;
      color&#58; #fff;text-decoration&#58; none;&#125;
    
    #navcontainer li a#current &#123;
      background&#58; url&#40;MenueBeispiel.gif&#41;
       /* hier wird das Image verschoben */
      0px -22px no-repeat;
      color&#58; #fff;text-decoration&#58; none;&#125;
    
    </style>
    </head>
    <div class="box1">
    <center>Hier ist der Banner Bererich &#40;wird vllt. noch Breiter&#41;<center>
    </div>
    
    <div class="box2">
    <div id="navcontainer">
     <ul>[*]Home[*]Menüpunkt 1[*]Menüpunkt 2[*]Menüpunkt 3[*]Menüpunkt usw.[/list]
    </div>
    
    
    <div id="navcontainer">
     <ul>[*]Home[*]Menüpunkt 1[*]Menüpunkt 2[*]Menüpunkt 3[*]Menüpunkt usw.[/list]
     </div>
    </div>
    
    <div class="box3">
    „Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“
    
    
    
    „Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“
    
    
    
    „Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“
    
    
    
    „Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“
    
    
    
    „Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    
    <div class="box4">
    <div id="navcontainer">
     <ul>[*]Home[*]Menüpunkt 1[*]Menüpunkt 2[*]Menüpunkt 3[*]Menüpunkt usw.[/list]
     </div>
     
    
     <div id="navcontainer">
     <ul>[*]Home[*]Menüpunkt 1[*]Menüpunkt 2[*]Menüpunkt 3[*]Menüpunkt usw.[/list]
     </div>
    </div>
    
    <div class="box5">
    
    <p style="padding&#58;1px">
       <center><font size="-1">Copyright by Martin</font></center>
      </p>
    
    </div>
    
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    
    </body>
    </html>



    Freue mich über jeden Kommentar!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  2. #2
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Die Hälfte deines Headers fehlt oben. (ff 2.0)

    btw ->

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ja also der Banner Bereich soll ja auch noch größer werden!
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  4. #4
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Warum lässt du dann deinen Style bewerten
    wenn er noch garnicht richtig fertig ist?
    Und sage bitte Header!

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ja meister xXx_BaSStar_xXx
    "Header"
    Aber wieder zurück zum Thema:
    Ich wollte gerne wissen wie es "Container"Mäßig aussieht !Obs gut oda schlecht ist ob eine andere anordnung......
    Halt sowas!
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  6. #6
    Interessierte/r
    Registriert seit
    20.02.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zwei Sachen, die mir direkt ins Auge stechen:
    ein sehr unruhiger Hintergrund, sowohl im Header als auch in den äußeren Bereichen ...
    das schlimmere der beiden Übel: Blinkender Text ... mach das weg, bitte

    Ansonsten macht die Seite zwar einen recht sauberen, aber auch ein wenig trostlosen Eindruck. Ton in Ton hat seinen Reiz, aber durch den hellgrauen Hintergrund, die braune Schrift und die "standard"-blauen Links (im Content-Bereich) wirkt die Farbgebung (auf mich) recht billig. Genauer kann ich es leider nicht umschreiben.

    Etwas mehr Farbe auf der Seite würde nicht schaden, evtl. weg vom Braun.

    Ein Tipp noch zur Gestaltung der Navigation: bei FF doppeln sich jeweils der obere und untere Rand der Listen-Einträge. Ich würde hier etwas Abstand dazwischen bringen (2-5 Pixel). Zudem ragen die Ränder die nicht gewählten Links über den grauen Rand der mit der Maus überfahrenen Zeile hinaus. Sind nur wenige Pixel, aber es fällt auf, hier noch anpassen.

    Zum Quelltext:

    Da kann kräftig aufgeräumt werden. Eine externe css-Datei ist vorhanden, da kann sämtlicher Kram rein, der noch in den Seiten selbst steht, wie z.B. alles zu den Seitenüberschriften.
    Die
    Code:
    <center> ... </center>
    Bereiche mit einer Klasse versehen, das center löschen und auch über css in Form bringen. Wenn, dann gleich richtig.

    Ganz am Ende der Seite machst du noch ein zweites body-Tag auf mit dem Hintergrundbild ... das Bild hoch ins erste Tag packen und das zweite unten löschen. Das hat dort nichts verloren.

    -----

    Das wars erstmal.
    SELFHTML - Die Energie des Verstehens
    HTML-Validator
    CSS-Validator
    Links zu CSS-Lösungen für allerlei Probleme

  7. #7
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mal ne dumme frage.... hast du dir mal in selfhtml angeschaut wie ne
    html seite aufgebaut is ? ja, oder ? du gibst hier ja auch tips und so...

    wie kommt dan sowas zustande:

    Code:
    <p style="padding&#58;1px">
       <center><font size="-1">Copyright by Martin</font></center>
      </p>
    </div>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    </body>
    </html>
    warum steht der ganze quelltext zwischen dem head und dem body ?
    udn warum steht in dem eigentlichen body selber nichts drin ?

    änder des aber schleunigst !



    btw.. dein banner oben bzw die schrift darin klebt stark am rand...
    würd ich noch paar pixel luft einfügen...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  8. #8
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Okay hallo Leute !
    Habe jetzt längere Zeit an einem neuren Style gearbeitet und viele verworfen aber ich glaube ich habe jetzt einen netten gefunden ! Würde sehr gerne eure Meinung hören !
    Hier die Seite: Hier
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  9. #9
    König(in) Avatar von sudeki05
    Registriert seit
    04.05.2006
    Ort
    Hamburg
    Alter
    28
    Beiträge
    1.435
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Finde ich eigentlich sehr schön, nur die Schriften wie Navigation/Willkommen usw. finde
    ich recht störend (Schriftart?) Achja und Impressum mit einem "m"...

    Der BG kommt wohl anscheinend nicht ganz hin, dort sind Versetzungen der Linien zu sehen
    rechts im "freien" Feld... also wo keine Container mehr sind.

    zudem noch beim Impressum würde ich das "!" doch bitte noch in eine Reihe mit den Rest
    des Textes setzen. Zudem vielleicht nen Abstand von der Schrift zum Seiterand(Containerrand) bringen?

    bei mir siehts wie folgt aus:
    Code:
    Info&#58;Meine Seite haftet nicht  für den Inhalt oder der 
    angegeben Links.Ich bitte um verständnis . Sollten
    Fragen oder etwas anderes seien mailen sie mir doch 
    !
    ein weiteres + für's includen des ubuntu-Logos

    Problems with Windows? - Reboot
    Problems with UNIX? - Be Root

  10. #10
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    - die ausrichtung zentrieren
    - brauchst du wirklich sponsoren ?
    - den title anpassen

    und als kleiner tip für dich: strukturiere deinen quelltext weng besser
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. [Bewertung] Faninitiative "JETZT ERST RECHT"
    Von Julian_ im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 17
    Letzter Beitrag: 27.07.2006, 18:03
  2. php: "bitte warten" oder "login läuft"
    Von phore im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 05.04.2006, 18:18
  3. 2 Styles "uebereinander"
    Von sibbiiii im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 23.02.2006, 15:35
  4. Text immer "unten" und "rechts" am Frame
    Von Valdyn im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.05.2004, 19:14
  5. Bewertung Webseite "unternehmen-ins-web.de"
    Von JS im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 5
    Letzter Beitrag: 04.11.2003, 08:41

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •