Beiträge von Dikra

    Also mit der guten Lesbarkeit bin ich nicht so wirklich einverstanden. Ich weiß zwar nicht, wie das mit den Wolken aussah, aber ich finde das immer noch zuwenig Kontrast zwischen dem Hintergrund und der Schriftfarbe ist. Die gelben Links sind sehr gut zu sehen, aber Schwarz auf so einem dunklen Blau fällt mir auf Dauer schwer das zu lesen.
    Ich würde eine etwas hellere Hintergrundfarbe nehmen oder vielleicht weiße oder hellblaue Schrift.

    Zudem ist mir aufgefallen, dass die Navigation zum Teil rauf und runter spring und sich dabei auch hin und wieder die Schriftart ändert. Das solltest du vielleicht nochmal überarbeiten.

    Ich hoffe, dass dir das nicht zuviel Kritik ist.

    Ich entwickle meine Seiten bei 1024 * 768 und überprüfe die kleinere, also 800*600, und die nächst größere Auflösung, also 1280*960. Meist überprüfe ich sogar noch, ob die Site bei 640 * 480 noch funktioniert, es soll ja noch Leute mit nem 14'' Laptop geben, aber eigentlich ist das überholt.
    Allerdings habe ich auch schon Kritiken bekommen, das die Schrift auf den Seiten ja viel zu klein wäre, gut das war jemand, der 1600*1200 hat und der Meinung war, dies wäre jetzt die Standard-Auflösung.

    Ich habe diesmal Hoverbutton mit CSS erstellt. Beim IE und Opera funktioniert alles wie gewünscht. Nur beim Firefox zeigt er eine Linkumrandung die ich gerne weg hätte.

    Hier die Adresse: http://drkcelle.dr.funpic.de/Wietze/

    Und die CSS:
    A:link, A:hover, A:visited, A:active {
    text-decoration: none;
    color: black;
    display: block;
    background-repeat: no-repeat;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    margin-left: 0px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 4pt;
    padding-bottom: 4pt;
    border:none;
    }
    A.linkob {
    background-image: url(images/bob.gif);
    }
    A.linkun {
    background-image: url(images/bun.gif);
    }
    A.linkmi {
    background-image: url(images/bmi.gif);
    }
    A.linkeb {
    background-image: url(images/beb.gif);
    }
    A.linkmi2 {
    background-image: url(images/bmi2a.gif);
    }
    A.linkeb2 {
    background-image: url(images/beb2a.gif);
    }
    A:hover.linkob {
    background-image: url(images/rob.gif);
    }
    A:hover.linkun {
    background-image: url(images/run.gif);
    }
    A:hover.linkmi {
    background-image: url(images/rmi.gif);
    }
    A:hover.linkeb {
    background-image: url(images/reb.gif);
    }
    A:hover.linkmi2 {
    background-image: url(images/rmi2a.gif);
    }
    A:hover.linkeb2 {
    background-image: url(images/reb2a.gif);
    }
    img {border:none;}

    Achja bitte kein Javascript.