Beiträge von Abendfrieden

    Hi,

    danke für deine Hilfe,

    ich habe die Änderungen vorgenommen.

    Jedoch verschieben sich die Kästchen in alle Richtungen, wenn ich in ein anderes Kästchen ein Bild lade oder etwas hineinschreibe.

    Wie kann ich die Kästchen fixieren so das nichts passiert, auch wenn ich in andere Kästchen etwas lade oder in das betroffene Kästchen mehr Inhalt kommt als es anzeigen kann?

    Desweiteren, wie würdet ihr die Anordnung machen, damit sie auch stimmig auf anderen Monitorgrößen wiedergegeben werden kann?

    hier mein bisheriger Fortschritt:




    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>footer gestalten</title>
    <style type="text/css" media="screen">
    body
    { width: 100%:
    height: 100%;
    margin: 0;
    padding: 0;
    font: 100% arial, hevetica, sans-serif;
    text-align: center;
    color: #505367;
    background-color: gold;
    }



    #menu
    {
    margin: 10em auto;
    width: 920px;
    height: 500px;
    text-align: left;
    background-color: gray;
    border: 0px solid black;
    }


    #contents
    {
    margin: 00em auto;
    width: 720px;
    height: 500px;
    background-color: aqua;
    }

    </style>
    </head>
    <body>

    <div id="backgroundzwei">
    <div id="menu">ffffffffffffffffffffffffffffffffffffffffffffffffff
    <div id="contents">hier stehen die wichtigen Inhalte damit ich bei Google ganz oben stehe </div> <!--Ende #contents--></div><!--Ende menu-->
    </div><!--Ende backgroundzwei-->
    </body>
    </html>

    Hallo Leute,

    ich habe jetzt schon unzählige Stunden damit verbracht aus dem Internet Scripte abzuschreiben und zwei Bücher habe ich auch schon über CSS überflogen.

    Ich denke das ganze ist überhaupt nicht schwierig, wenn man denn einmal einen Anfang hat. Und hier, am Anfang komme ich schon nicht weiter.
    Ich habe mit ca 20 Frames meine alte Homepage entworfen und möchte die jetzt Googelfreundlicher gestalten.
    Aber das mit den Div Containern und der Positionierung bekomme ich nicht hin.

    Hier ist mein bisheriges Ergebnis.

    Wenn ich jetzt aber eine Grafik in Hintergrundzwei lade, dann verschiebt sich alles nach unten, obwohl die fest stehen bleiben sollen...

    Wenn ich mit Position: absolute arbeite ist alles weg... ???
    Auch Position Relative habe ich ausprobiert, sowie Z.Index.. Aber nicht zufriedenstellend.. ???

    Könntet ihr bitte einmal drüber gucken...

    Vielen Dank im Voraus
    Gruß
    Markus


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>footer gestalten</title>
    <style type="text/css" media="screen">
    body
    {position:absolute;
    margin: 0;
    padding: 0;
    font: 100% arial, hevetica, sans-serif;
    text-align: center;
    color: #505367;
    background-color: gray;
    z-index: 1;

    }

    #backgroundzwei
    {
    position:absolute;
    margin: 1em auto;
    width: 98%;
    height: 815px;
    text-align: left;
    background-color: white;
    border: 0px solid black;
    z-index: 2;

    }


    #menu
    {


    width:920px; height:500px;

    position:absolute;
    margin: 10em auto;

    text-align: left;
    background-color: silver;
    border: 0px solid black;
    z-index: 3;

    }


    #contents
    {
    position:absolute;
    margin-left: 180px;
    height: 500px;
    width:720;
    background-color: #cccccc;
    z-index: 4;
    }


    </style>
    </head>
    <body>

    <div id="backgroundzwei">kkkkkkkkkkkkkkkkkkkkkkkkkkkk
    <div id="menu">jjjj<br>
    jjjjjjjjjj
    <div id="contents">hier stehen die wichtigen Inhalte damit ich bei Google ganz oben stehe </div>

    </body>
    </html>

    also neben den frames sind hier natürlich auch die validatorfehler ziemlicher mist :|



    Was sind Validatorfehler?

    nachteile..

    a) suchmaschinenoptimierung
    b) barrierefreiheit
    c) aufruf
    d) designeinschränkungen

    zu c) angenommen deine seite wird in google gefunden, der besucher klickt
    drauf und es öffnet sich ein frame. da is zwar der inhalt drin, aber kein menü,
    kein header usw.



    Was würdest du mir empfehlen?
    Mit dem Design bin ich sehr zufrieden.
    mit der Barrierefreiheit komme ich wohl noch klar.
    A und C machen mir jetzt wohl sorgen... :(

    Hallo,

    ich möchte in der Navigationsspalte jedem Unterpunkt eine andere Farbe zuweisen wenn ich mit dem Mousezeiger drüberfahre.

    Bisher habe ich es geschafft das alle in der Farbe Gold aufleuchten.

    Ich möchte aber gerne jedes Wort eine andere Farbe zuweisen.

    Z.B.

    Home --) Gold

    Religion --) Rot

    Philosophy --) Blau

    Sport --) Gelb

    usw, usw...

    Leider finde ich im Internet keine Anleitung.

    Könnt ihr mir helfen?

    Hier ist mein bisheriger Quelltext:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <HEAD>
    <Title></title>
    <style type="text/css">
    <!--
    A:link { text-decoration: none; color: red;}
    A:visited { text-decoration: none; color: silver;}
    A:active { text-decoration: none; color: gold;}
    A:hover { text-decoration: none; color: gold;}
    -->

    body
    {
    background: "white"
    }


    h1
    {
    font-size: 7.2 pt;
    font-family: Arial ;
    color: red;
    margin-top: 2em;
    font-weight:800
    }
    h1
    {
    font-size: 7.2 pt;
    font-family: Arial ;
    color: red;
    margin-top: 2em;
    font-weight:800
    }
    p { letter-spacing: 0.04em; }

    </style>
    </HEAD>
    <body>
    <br>
    <br>
    <br>


    <p style="line-height:1.8em; font-size:0.6em; font-family: Arial; margin-left:0%; margin-right:0%">

    <font color="silver">

    <a href="Kopie von unter men.html" target="12"><b>Home</b></a>
    <br><br><br>
    <a href="Kopie von unter men.html" target="12"><b>Uhren</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12">&nbsp;&nbsp;<b> Men </b></a>
    <br>


    <a href="Kopie von unter men.html" target="12">&nbsp;&nbsp;<b>Philosophie </b></a><br><br><br>
    <a href="Kopie von unter men.html" target="12"><b>Religion</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12"><b>Biologie</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12"><b>Wirtschaft</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12"><b>Personal</b></a>
    <br>


    </font>
    </body>
    </html>