Homepage

[Benjamin]

Hallo,

Du hast die Seite doch nicht etwas mit Dreamweaver gemacht?

Doch, aber mit Dreamweaver MX. Ich denke, dass ist ein ganz akzeptabeles Hilfsmittel zur Websitegestaltung. Im Übrigen lege ich meist selbst Hand an, wenn mal etwas im Quelltext nicht klappt.

Naja, probier doch mehr mit CSS zu arbeiten ;)

Ich arbeite soviel mit CSS, wie es die Kompatibilität mit anderen Browsern, die z.Z. häufig eingesetzt werden (NN ab 4.75, IE ab 4.0, Opera ab 5.0), erlaubt. Ich arbeite nicht nach dem Prinzip "Wenn NN 4.75 die Richtlinien nicht unterstützt haben seine User Pech gegabt". Abgesehen davon setze ich CSS so oft wie möglich ein. Als "Beweis" hier meine zentrale CSS-Datei (/skin/layout.css):

a { color: #ae7658}
  a:active { color: #c79c85 }
  a:link { color: #ae7658}
  a:visited { color: #ae7658}
  a:hover { color: #c79c85; }
  a:link { color: #ae7658; }

a.notfinish { color: #969696; }
  a.notfinish:active { color: #b0b0b0; }
  a.notfinish:link { color: #969696; }
  a.notfinish:visited { color: #969696; }
  a.notfinish:hover { color: #b0b0b0; }
  a.notfinish:link { color: #969696; }

body { scrollbar-arrow-color: #ffffff; scrollbar-base-color:
    #ae7658; }
  h1, h2, h3, h4, p, ul, ol, li, div, td, th, address, blockquote,
    nobr, b, i, body { font-family: sans-serif; font-family:
    Helvetica; font-family: Arial; font-family: Verdana; font-size:
    10pt; }

img.nav { vertical-align: top }

.withborder { border: 2px solid #ae7658; }
  .title { color: #ffffff; background-color: #ae7658; font-weight:
    bold; }
  .subtitle { color: #ffffff; background-color: #c79c85;
    font-weight: bold; }
  .dark { background-color: #d7b5a3; }
  .light { background-color: #e7d0c2; }

.horizontaltop { background-image: url(ico_topmid.gif); }
  .horizontaltop { background-image: url(ico_topmid.gif); }
  .horizontaltop { background-image: url(ico_topmid.gif); }
  .horizontalmid { background-image: url(ico_mid.gif); }
  .vertical { background-image: url(ico_lefttop.gif); }

.picture { color: #ae7658; font-style: italic; font-weight: bold;
    font-family: serif; font-size: 10pt }
  .pagecaption { font-size: 14pt; color: #ffffff; font-weight:
    bold; }
  .clustercaption { font-size: 14pt; color: #ffffff; font-weight:
    bold; }
  h1 { font-size: 14pt; color: #ae7658 }
  h2 { font-size: 12pt; color: #ae7658 }
  .bar { background-image: url(ico_picframemid.gif)}
  small { font-size: 8pt; }

@media all {
    input, textarea { display: inline; background-color: #c79c85;
      border: 1px solid #ae7658; color: #ffffff; font-family:
      Verdana; font-size: 10pt }
  }

.down { background-image: url(ico_down.gif);
    background-repeat: repeat-x; }
  body.slice { background-attachment: fixed;
    background-image: url(ico_down.gif); background-repeat: repeat-x;
    background-position: 0px 0px; }
  .downcaption { font-size: 18pt; color: #ffffff; font-weight: bold }
  .grey { color: #666666; }

Überzeugt? ;->

Gruß,
Benjamin