Beiträge von Flow Snow

Flow Snow · 28. August 2011

Fehler passieren, ist doch nicht schlimm

Code

background:url(bilder/hg-saeulen-img-9599.jpg) no-repeat left top

Dir fehlt dort ein ; am Ende.

Bitte nutze auch die Code Funktion.

Flow Snow · 28. August 2011

Zitat von "Sören"

Hm?

Die Variablen werden erst mit false definiert und dann alle noch mal mit ' ', ist das nicht völlig sinnfrei?^^

Das azurgkaura hat keine Bedeutung, nur in so fern das ein Spambot das ignorieren wird, ist aber an sich auch irgendwie cool *_*

Flow Snow · 28. August 2011

Oder das Feld für die E-Mailadresse 'azurgkaura' nennen, dann ein verborgenes Feld mit Namen 'mail' erstellen, ein Spambot wird 'mail' ausfüllen aber ein Besucher kann es nicht sehen.

Außerdem braucht ein Spambot zum Ausfüllen eines Formulars maximal 2-3 Sekunden, ein Besucher hier mindestens 30 Sekunden.

Flow Snow · 28. August 2011

Wie beschrieben, die $_SERVER Variablen lassen sich manipulieren, also das Attribut bitte frei lassen oder den Dateinamen reinschreiben.

Sören

*hust*

PHP

<span class="syntaxdefault"><br />$name </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> $email </span><span class="syntaxkeyword">=</span><span class="syntaxdefault">  $inhalt </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> false</span><span class="syntaxkeyword">;<br /><br /></span><span class="syntaxdefault">$name </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">''</span><span class="syntaxkeyword">;<br /></span><span class="syntaxcomment">//if (isset($_POST['name'])) $name = $_POST['name'];<br /><br /></span><span class="syntaxdefault">$email </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">''</span><span class="syntaxkeyword">;<br /></span><span class="syntaxcomment">//if (isset($_POST['email'])) $email = $_POST['email'];<br /><br /></span><span class="syntaxdefault">$inhalt </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">''</span><span class="syntaxkeyword">;<br /></span><span class="syntaxcomment">//if (isset($_POST['inhalt'])) $inhalt = $_POST['inhalt'];<br /></span><span class="syntaxdefault"> </span>

Flow Snow · 28. August 2011

So ic hhabe das Ganze mal schick als PHP Code mit vielen Kommentaren aufbereitet, guck es dir einfach mal an, vergleiche mit deinem Code und frag wenn du Fragen hast

PHP

<span class="syntaxhtml"><br />  <article><br />    <h1>Kontaktformular</h1><br /><br /><span class="syntaxdefault"><?php<br /><br /></span><span class="syntaxcomment"># Theoretisch ist es egal wo wir in PHP Dateien etwas definieren<br /># da vor Verarbeitung der Daten sowieso erst alles eingelesen wird.<br /># Semantisch korrekt, und auch übersichtlicher, ist es aber<br /># z.B. Funktionen am Anfang zu definieren, die Ausgabe<br /># von Text erfolgt auch erst später.<br /><br /># Also definieren wir die Funktion:<br /></span><span class="syntaxdefault">function tuersteher</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">$zum_testen</span><span class="syntaxkeyword">)<br />{<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment"># Um Quellcode und Arbeit zu sparen schreiben wir<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment"># beide "Prüfcodes" in eine if Abfrage<br /></span><span class="syntaxdefault">    if<br />    </span><span class="syntaxkeyword">(<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># 1. Prüfcode ACHTUNG, hier schleicht sich eventuell ein Bug ein, daher mit @ kenzeichnen um fehlerausgabe<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># zu vereiteln<br /></span><span class="syntaxdefault">      </span><span class="syntaxkeyword">@</span><span class="syntaxdefault">preg_match</span><span class="syntaxkeyword">(</span><span class="syntaxstring">'/(to:|cc:|bcc:|from:|subject:|reply-to:|content-type:|MIME-Version:|multipart/mixed|Content-Transfer-Encoding:)/ims'</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> $zum_testen</span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">      OR </span><span class="syntaxcomment"># Alternativ einfach || statt OR<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># 2. Prüfcode<br /></span><span class="syntaxdefault">      </span><span class="syntaxkeyword">@</span><span class="syntaxdefault">preg_match</span><span class="syntaxkeyword">(</span><span class="syntaxstring">'/%0A|\\r|%0D|\\n|%00|\\0|%09|\\t|%01|%02|%03|%04|%05|%06|%07|%08|%09|%0B|%0C|%0E|%0F|%10|%11|%12|%13/i'</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> $zum_testen</span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># Funktionen sollten bitte IMMER etwas zurückgeben<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># Gibt eine Funktion z.B. false zurück teilen wir<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># mit folgendem Aufbau der Variable $wert die Rückgabe<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># der Funktion mit (also false): $wert = meine_funktion();<br /><br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># In diesem Fall geben wir false zurück falls besagter<br /></span><span class="syntaxdefault">      </span><span class="syntaxcomment"># Text gefunden wird, dazu später mehr<br /></span><span class="syntaxdefault">      return false</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword">}<br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment"># Übersteht der Text die Prüfung geben wir true zurück<br /></span><span class="syntaxdefault">    return true</span><span class="syntaxkeyword">;<br />}<br /><br /></span><span class="syntaxcomment"># Wir wenden einen kleinen Trick an<br /># um die 3 Variablen zu definieren<br /></span><span class="syntaxdefault">$name </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> $email </span><span class="syntaxkeyword">=</span><span class="syntaxdefault">  $inhalt </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> false</span><span class="syntaxkeyword">;<br /><br /></span><span class="syntaxcomment"># Die if Abfragen an dieser Stelle sind sinnlos<br /># da wir trotzdem einen Fehler um die Ohren geklatscht<br /># bekommen wenn $_POST['...'] nicht definiert ist<br /><br />#if(isset($_POST['name']))   $name = $_POST['name'];<br />#if(isset($_POST['email']))  $email = $_POST['email'];<br />#if(isset($_POST['inhalt'])) $inhalt = $_POST['inhalt'];<br /><br /></span><span class="syntaxdefault">$name   </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">@</span><span class="syntaxdefault">$_POST</span><span class="syntaxkeyword">[</span><span class="syntaxstring">'name'</span><span class="syntaxkeyword">];<br /></span><span class="syntaxdefault">$email  </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">@</span><span class="syntaxdefault">$_POST</span><span class="syntaxkeyword">[</span><span class="syntaxstring">'email'</span><span class="syntaxkeyword">];<br /></span><span class="syntaxdefault">$inhalt </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">@</span><span class="syntaxdefault">$_POST</span><span class="syntaxkeyword">[</span><span class="syntaxstring">'inhalt'</span><span class="syntaxkeyword">];<br /><br /></span><span class="syntaxcomment"># das @ verhindert die Ausgabe eines<br /># Fehlers falls die Variablen nicht gesetzt sind<br /><br /># '!$var' ist das Selbe wie 'false == $var'<br /># nur kürzer und .. meiner Meinung nach cooler ;)<br /># Da wir den 3 Variablen false zugeweisen haben<br /># trifft folgender Vergleich nicht zu falls<br /># in einen der 3 Variablen das false nicht<br /># ersetzt wurde<br /></span><span class="syntaxkeyword">if(!</span><span class="syntaxdefault">$name OR </span><span class="syntaxkeyword">!</span><span class="syntaxdefault">$email OR </span><span class="syntaxkeyword">!</span><span class="syntaxdefault">$inhalt</span><span class="syntaxkeyword">)<br />{<br /><br /></span><span class="syntaxdefault">  echo </span><span class="syntaxstring">'<br />    <p>Wir w&uuml;rden uns &uuml;ber ein Feedback freuen, was sie gut finden und was eher nicht! <br><br />    Fragen zur Homepage, zur meiner Person werde ich soweit ich kann beantworten. <br>Wir freuen uns schon<br />    auf ihre Nachricht.</p><br />    <form action="'</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment">#  wir sind so schlau und schreiben hier einfach nichts hin,<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment">#  über die Variable $_SERVER['SCRIPT_NAME'] lassen sich unschöne<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment">#  Sachen vom Benutzer einschleusen, wenn nichts in diesem Attribut steht<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment">#  ruft das Script diese Seite erneut auf wenn man das Formular absendet<br /></span><span class="syntaxdefault">  echo </span><span class="syntaxstring">'<br />      " method="post"><br />      <fieldset>'</span><span class="syntaxkeyword">;<br /><br /></span><span class="syntaxdefault"> </span><span class="syntaxcomment"># Die Abfrage 'if($var)' ist gleich zu setzen mit<br /></span><span class="syntaxdefault"> </span><span class="syntaxcomment"># if(isset($var))<br /></span><span class="syntaxdefault"> if</span><span class="syntaxkeyword">(@</span><span class="syntaxdefault">$_POST</span><span class="syntaxkeyword">[</span><span class="syntaxstring">'absenden'</span><span class="syntaxkeyword">])<br /></span><span class="syntaxdefault"> </span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">   </span><span class="syntaxcomment"># Hier wollen wir den Benutzer gar nicht weiter drauf<br /></span><span class="syntaxdefault">   </span><span class="syntaxcomment"># hinweisen was er vergessen hat, bei 3 Feldern kann man<br /></span><span class="syntaxdefault">   </span><span class="syntaxcomment"># nicht viel vergesen ;)<br /></span><span class="syntaxdefault">   echo </span><span class="syntaxstring">"<p>Bitte f&uuml;llen sie alle Felder vollst&auml;ndig aus.</p>"</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault"> </span><span class="syntaxkeyword">}<br /><br /></span><span class="syntaxdefault"> echo </span><span class="syntaxstring">'<br />        <p>Vor - Nachname: <br><br />        <input type="text" name="name" size="40" maxlength="50" /></p><br /> '</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># Wir sparen uns hier das<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># Value Attribut da diese Ausgabe eh nur<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># erfolgt wenn $name NICHT gesetzt ist ;)<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># Digne wie size aber ansonsten immer fein<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># mit CSS setzen ;)<br /><br /></span><span class="syntaxdefault">  echo </span><span class="syntaxstring">'<br />        <p>E-Mail: <br><br />        <input type="text" name="email" size="40" maxlength="50" /></p><br /><br />        <p>Ihr Anliegen: <br><br />        <textarea name="inhalt" rows="10" cols="50"></textarea></p><br />        <p><input type="submit" name="absenden" value="absenden" /></p><br />       <br><br />      </fieldset><br />    </form>'</span><span class="syntaxkeyword">;<br /><br /><br />}<br /><br /></span><span class="syntaxcomment"># Hier beginnt jetzt der Teil falls alle ANgaben gemacht wurden<br /></span><span class="syntaxkeyword">else<br />{<br /><br /></span><span class="syntaxdefault">  $header     </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">'From: webmaster@mannchristian.de'</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">.</span><span class="syntaxdefault"> </span><span class="syntaxstring">"\r\n"</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">.<br /></span><span class="syntaxdefault">                </span><span class="syntaxstring">'Reply-To: webmaster@mannchristian.de'</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">.</span><span class="syntaxdefault"> </span><span class="syntaxstring">"\r\n"</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">.<br /></span><span class="syntaxdefault">                </span><span class="syntaxstring">'X-Mailer: PHP/'</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">.</span><span class="syntaxdefault"> phpversion</span><span class="syntaxkeyword">();<br /><br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># Wenn der tuersteher true zurück gibt wird alles gesetzt<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># und verschickt<br /></span><span class="syntaxdefault">  if</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">tuersteher</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">$inhalt</span><span class="syntaxkeyword">)</span><span class="syntaxdefault"> AND tuersteher</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">$from</span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment">#  AND preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i',$email)<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># irgendwo kam die funktion 'is_mail' zu wort,<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># diese existiert nicht, deshalb habe ich hier mal ersatzweise ein prüfmuster erstellt<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># wenn die email gecheckt werden soll einfach die Zeile aktivieren<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># ACHTUNG: dieser FIlter ist nicht 100% genau<br /></span><span class="syntaxdefault">   </span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">  </span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">    $empfaenger </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"webmaster@mannchristian.de"</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    $betreff    </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"Anfrage zur Webseite: "</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment"># htmlentities maskiert alle Sondezreichen so das<br /></span><span class="syntaxdefault">    </span><span class="syntaxcomment"># HTML und PHP Code ihre Wirkung verlieren<br /></span><span class="syntaxdefault">    $nachricht  </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> htmlentities</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">$inhalt</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    $from       </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> htmlentities</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">$email</span><span class="syntaxkeyword">);<br /><br /></span><span class="syntaxdefault">    mail</span><span class="syntaxkeyword">(</span><span class="syntaxdefault"> $empfaenger</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> $betreff</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> $nachricht</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> $from </span><span class="syntaxkeyword">);<br /><br /></span><span class="syntaxdefault">    echo </span><span class="syntaxstring">"<br />    <h2>Vielen Dank!</h2><br />    <p>Ihre Nachricht wurde erfolgreich verschickt.</p>"</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">  </span><span class="syntaxkeyword">}<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment"># Gibt der Türsteher Alarm weisen wir den Besucher freundlich darauf hin:<br /></span><span class="syntaxdefault">  else<br />  </span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">    echo </span><span class="syntaxstring">"<br />      <p>Leider sind bestimmte Daten von Ihnen von unseren Filter als<br />      gef&auml;hrlich identifiziert worden, bitte &uuml;berpr&uuml;fen sie<br />      Ihre Daten.</p>"</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">  </span><span class="syntaxkeyword">}<br />}<br /></span><span class="syntaxdefault">?><br /></span>  </article><br /></span>

Flow Snow · 28. August 2011

Is grad schlecht aber gib mir ne Stunde dann kann ich mal was aufschreiben

Flow Snow · 28. August 2011

Ich hab mich nicht unfreundlich ausgedrückt sondern konsturuktiv, aber genug geflamet

Zitat

aber wenn ich eine von den seiten anschaue und dann was mache ist das nix eigenes von mir

Du sollst ja auch nicht deren Code angucken und Teile übernehmen, sondern gucken wie sie ihre Seite aufgebaut haben und dann eigene Ideen daraus entwickeln, fast jede Seite die du machen wirst wird Ähnlichkeiten mit einer Anderen im NEtz haben, das liegt daran das es unendlich viele Seiten gibt.

Flow Snow · 28. August 2011

Zitat von "drPHIP132"

nun würde ich euch gerne fragen was ihr davon haltet.

Mein Lieber du fragtest was wir davon halten, das habe ich dir gesagt, du wurdest beleidigend, jetzt frage ich dich ob du eventuell nur positives hören wolltest? Das musst du nächstes mal bitte mit anmerken dann kriegst du auch was du willst, wir sind hier ein Forum das dir dabei hilft deine Seite zu optimieren, bzw. Probleme zu lösen und das habe ich versucht, wenn du das nicht zu schätzen weißt ist es nicht mein Problem.

Flow Snow · 27. August 2011

Cool wa?

Google baut auch diese Sauhaufen und da sind teils auch Kommentare versateckt

Flow Snow · 27. August 2011

Also ich würde ja beabsichtigter Weise auch alle anderen Listenpunkte weg lassen, die passen da absolut nicht hin.

Ich habe hier mal 3 Varianten deines CSS Codes zusammengesetzt:

Speicheraufwendigste Methode (268 Zeilen; 4,11 KB):

Code

/*--------------ELEMENTE------------------------------*/













body    {
            background-color: #447BD4;
            margin: 0;
            padding: 0;
            text-align: center;
        }












header, nav, section, footer {
                                 display: block;
                             }        













header {
           margin: 40px 0;
           font-size: 22px;
           padding: 1px 10px;  /*borderline klebt nicht am hacken vom 'G'*/
           border-bottom: 1px solid #fff;
       }



















nav {
        line-height: 30px;
        background-color: #282828;
        padding: 2px 70px;
        font-size: 18px;
    }







         








         
        nav ul {
                   margin: 0 auto;
                   padding: 0;                   
               }








        

        nav li {
                   margin: 0 30px;
                   padding: 0;
                   list-style: square;
                   float: left;                  
               }












        nav a {
                  display: block;
              }






















        nav li:first-child {
                               list-style: none;
                                margin-left: 40px;
                           }



















section {
            background-color: #282828;
            float: right;
            padding: 5px 5px;
            width: 72%;
            min-height: 600px;
            margin: 50px 0;
        }

























footer {
           font-size: 18px;
           padding: 0 30px;
           border-top: 1px solid #fff;
       }






















               
a:link, a:visited, a:active {
                                color: #ffffff;
                                text-decoration: none;
                            }










                            
a:hover, a:focus {
                     color: #447BD4;
                     text-decoration: underline;
                 }




/*-----------------------ID's--------------------------*/







 




 







#top     {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            background: -moz-linear-gradient(#104E8B, #447BD4);
            background: -o-linear-gradient(#104E8B, #447BD4);
            background: linear-gradient(#104E8B, #447BD4);
            background: -webkit-gradient(linear, top, bottom, from(#104E8B), to(#447BD4));
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#447BD4);
            height: 600px;
            width: 100%;
            background-repeat: no-repeat;
        }




   











#seitenbereich {
                   text-align: left;
                   margin: 0 auto;
                   width: 900px;
                   font-family: Comic Sans MS;
                   font-size: 15px;
                   color: #fff;
                   text-shadow: 2px 2px 2px #282828;
               }







    











#sidebar {
             float: left;
             margin: 50px 0;
             width: 24%;
             padding: 5px 5px;
             background-color: #282828;
             min-height: 300px;
             color: #fff;
         }













#sidebar ul {
                margin: 15px 0;
                padding: 0;
                list-style: square;
            }




 
 










#sidebar li {
                margin: 5px 20px;
                padding: 0;
                word-wrap: break-word;
            }         



















/*--------------------KLASSEN---------------------------*/







 




 







.schatten {
              box-shadow:0 0 10px #000;
          }
 
 
 
 
 
 




.rEcken {
            border-radius: 50%;
        }

























.rEcken2 {
             border-radius: 8px
         }







 
 
 
 




.lClear {
            clear: left;
        }




 
 
 
 
 
 
.bothClear {
              clear: both;
           }

Alles anzeigen

Mittelweg, gut lesbar, (129 Zeilen; 2,24 KB; am Besten geeignet):

Code

/* ELEMENTE */




body {
 background-color: #447BD4;
 margin: 0;
 padding: 0;
 text-align: center;
}




header, nav, section, footer {
  display: block;
}




header {
  margin: 40px 0;
  font-size: 22px;
  padding: 1px 10px;  /*borderline klebt nicht am hacken vom 'G'*/
  border-bottom: 1px solid #fff;
}




nav {
  line-height: 30px;
  background-color: #282828;
  padding: 2px 70px;
  font-size: 18px;
}




nav ul {
  margin: 0 auto;
  padding: 0;
}




nav li {
  margin: 0 30px;
  padding: 0;
  list-style: square;
  float: left;
}




nav li:first-child {
  list-style: none;
  margin-left: 40px;
}




nav a { display: block; }




section {
  background-color: #282828;
  float: right;
  padding: 5px 5px;
  width: 72%;
  min-height: 600px;
  margin: 50px 0;
}




footer {
  font-size: 18px;
  padding: 0 30px;
  border-top: 1px solid #fff;
}




a {
  color: #ffffff;
  text-decoration: none;
}




a:hover {
  color: #447BD4;
  text-decoration: underline;
}




/* IDs */




#top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: -moz-linear-gradient(#104E8B, #447BD4);
  background: -o-linear-gradient(#104E8B, #447BD4);
  background: linear-gradient(#104E8B, #447BD4);
  background: -webkit-gradient(linear, top, bottom, from(#104E8B), to(#447BD4));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#447BD4);
  height: 600px;
  width: 100%;
  background-repeat: no-repeat;
}




#seitenbereich {
  text-align: left;
  margin: 0 auto;
  width: 900px;
  font-family: Comic Sans MS;
  font-size: 15px;
  color: #fff;
  text-shadow: 2px 2px 2px #282828;
}




#sidebar {
  float: left;
  margin: 50px 0;
  width: 24%;
  padding: 5px 5px;
  background-color: #282828;
  min-height: 300px;
  color: #fff;
}




#sidebar ul {
  margin: 15px 0;
  padding: 0;
  list-style: square;
}




#sidebar li {
  margin: 5px 20px;
  padding: 0;
  word-wrap: break-word;
}




/* KLASSEN */




.schatten { box-shadow:0 0 10px #000; }
.rEcken { border-radius: 50%; }
.rEcken2   { border-radius: 8px }
.lClear    { clear: left; }
.bothClear { clear: both; }

Alles anzeigen

Sauhaufen (1 Zeile; 2,04 KB; Schlechtester Weg, nützlich bei riesigen Projekten mit mehreren 100 Abfragen pro Sekunde):

Code

/*--------------ELEMENTE------------------------------*/ body { background-color: #447BD4; margin: 0; padding: 0; text-align: center; } header, nav, section, footer { display: block; } header { margin: 40px 0; font-size: 22px; padding: 1px 10px; /*borderline klebt nicht am hacken vom 'G'*/ border-bottom: 1px solid #fff; } nav { line-height: 30px; background-color: #282828; padding: 2px 70px; font-size: 18px; } nav ul { margin: 0 auto; padding: 0; } nav li { margin: 0 30px; padding: 0; list-style: square; float: left; } nav a { display: block; } nav li:first-child { list-style: none; margin-left: 40px; } section { background-color: #282828; float: right; padding: 5px 5px; width: 72%; min-height: 600px; margin: 50px 0; } footer { font-size: 18px; padding: 0 30px; border-top: 1px solid #fff; } a:link, a:visited, a:active { color: #ffffff; text-decoration: none; } a:hover, a:focus { color: #447BD4; text-decoration: underline; } /*-----------------------ID's--------------------------*/ #top { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: -moz-linear-gradient(#104E8B, #447BD4); background: -o-linear-gradient(#104E8B, #447BD4); background: linear-gradient(#104E8B, #447BD4); background: -webkit-gradient(linear, top, bottom, from(#104E8B), to(#447BD4)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#447BD4); height: 600px; width: 100%; background-repeat: no-repeat; } #seitenbereich { text-align: left; margin: 0 auto; width: 900px; font-family: Comic Sans MS; font-size: 15px; color: #fff; text-shadow: 2px 2px 2px #282828; } #sidebar { float: left; margin: 50px 0; width: 24%; padding: 5px 5px; background-color: #282828; min-height: 300px; color: #fff; } #sidebar ul { margin: 15px 0; padding: 0; list-style: square; } #sidebar li { margin: 5px 20px; padding: 0; word-wrap: break-word; } /*--------------------KLASSEN---------------------------*/ .schatten { box-shadow:0 0 10px #000; } .rEcken { border-radius: 50%; } .rEcken2 { border-radius: 8px } .lClear { clear: left; } .bothClear { clear: both; }

Nur um mal aufzuzeigen was für Möglichkeiten es gibt, natürlich kriegt man die Datei auch 2 Gigabyte groß

Flow Snow · 27. August 2011

Der Code an sich ist komplett unlogisch aufgebaut.

Vielleicht solltest du dich noch ein bisschen mehr darüber informieren was deine einzelnen Codeteile bewirken.

Flow Snow · 27. August 2011

Gefällt mri absolut gar nicht, sieht aus wie eine Seite von 1995.

Warum du jetzt auf Schatten der eine Zeile im QUellcode ausmacht stolz bist kann ich nicht nachvollziehen

Was bitte ist "eine Header"?!?

Deine <h1>-Überschrift gehört in den (bzw. die :D) Header und nicht über den Inhalt, da gehört für gewöhnlich (und in deinem Beispiel auf jeden Fall) eine <h2>-Überschrift hin.

Am Schlimmsten sind in meinen Agen die Kontraste, du kannst nicht ganz dunkle Boxen machen und dann oben und unten weiße Strichlein.

Interessant wird es jetzt herauszufinden warum in meinem Browser (Google Chrome) in der Navi am ersten Listenpunkt das Aufzählungszeichen fehlt

Ich finde ja auch das für gewöhnlich Text immer noch in ein Inline Element gehört aber ich glaube das ist Ansichtssache (siehe Footer)

Flow Snow · 27. August 2011

Hallo Leute,

ich habe vorhin an einem meiner alten Rechner die Stromzufuhr am Mainboard überbrückt, hat wunderbar funktioniert, alles läuft super, auch mit den dafür vorgesehenen Kabeln geht es, jedoch lässt sich das Board jetzt nicht mehr überbrücken, das kann ich mir nicht erklären aber ihr vielleicht?

Edit:

Nu gehts wieder
Ist eben manchmal recht knifflig^^

Flow Snow · 22. August 2011

Hallo, das kannst du mit Innen oder Außenabstand bewerkstelligen, in dem Fall eher mit Außenabstand da es semantisch meiner Meinung nahc korrekter ist.

Mehrere Wege sind möglich:

Code

div#navigation a {
    margin: 0           20px        ;
  }         Oben/Unten  Links/Rechts




  div#navigation a {
    margin: 0     0      20px   0     ;
  }         Oben  Unten  Links  Rechts




  div#navigation a {
    margin: 20px                   ;
  }         Oben/Unten/Links/Rechts

Alles anzeigen

Siehe "Boxmodell"

Flow Snow · 21. August 2011

Also im Banner gibt es ja verschiedene Übergänge zwischen den Bildern, ich würde hier der Seriösität wegen immer den selben Übergang verwenden.

Flow Snow · 15. August 2011

Und der schwarze Farbverlauf sieht meiner Meinung nach immer noch hässlich aus da er nicht dezent genug ist.

Flow Snow · 13. August 2011

Zitat

Es wird dann ein Plugin gesucht, aber nicht gefunden.

Du hast die Antwort doch schon, du musst das fehlende Plugin (wahrscheinlich die neuste Version von Flash oder Java) installieren.

Flow Snow · 8. August 2011

Und trotzdem muss im Impressum eine volljährige Person stehen...

Flow Snow · 8. August 2011

Ein Vertrag der z.B. über einen Kassenbon übertragen wird ist auch kein vollwertiger Betrag, wenn du ein Sofa kaufst kriegst du eine Rechnung mit Unterschrift des Verkäufers etc., das ist dann ein vollwertiger Vertrag.

Ob man nun mit 12 ein Webhosting Paket kaufen darf ist sowieso völlig egal da man (zumindest in Deutschland) ein vollwertiges Impressum braucht welches laut rechtlichen Bestimmungen nicht von Personen unter dem 18. Lebensjahr betrieben werden darf.

Flow Snow · 5. August 2011

Zitat von "NeoAramis"

Du musst nie ein Alter angeben. Habe auch mit 17 einen Webserver gemietet! Du brauchst sicher kein Einverständnis.

Du gehst einen Vertrag ein, das darfst du zumindest in Deutschland erst ab 18, und auch wenn nie einer nachfragt ist es trotzdem rechtlich nicht ok, also bitte nicht zu Illegalem anstiften

Beiträge von Flow Snow

Einbinden von Bildern-klappt nicht!!!

Hilfe beim Kontaktformular

Hilfe beim Kontaktformular

Hilfe beim Kontaktformular

Hilfe beim Kontaktformular

Hilfe beim Kontaktformular

Meine homepage

Meine homepage

Meine homepage

Meine homepage

Hilfe beim Kontaktformular

Meine homepage

Mainboard überbrücken

[Navigation] Abstand zwischen Links einstellen

Runde 2^^

Design für Sarkkan

Video startet nicht

Webhosting

Webhosting

Webhosting