Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css] Hulp met margin of text-align

Anoniem
None
2 antwoorden
  • Ergens moet ik iets over het hoofd zien. Wat ik wil is namelijk het volgende.
    De onderste drie foto's zijn links naar drie andere pagina's. Nu wil ik dat de geschreven "a href" (dus Profiel, Portfolio en Contact" onderaan komen te staan binnen de div ipv bovenaan. Ik heb al met margin, padding en text-align lopen klooien maar ergens moet ik iets over het hoofd zien……..

    [code:1:7c2ee4a414]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <head>
    <meta name="generator" content="vi" />
    <meta name="author" content="Jord Visser" />
    <meta name="copyright" content="(c) 2005 WebDesignbyjord" />
    <meta name="keywords" content="fotografie, bruidsreportage, zwart-wit, fotograaf" />
    <meta name="description" content="Hoogenhof Fotografie -" />
    <meta name="language" content="NL" />
    <meta name="ROBOTS" content="INDEX,FOLLOW" />
    <meta http-equiv="Expires" content="7 days" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Hoogenhof Fotografie</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="container">
    <div class="boven"></div>
    <a href="index.php?page=50">
    <div class="hand">
    <div class="linksonder">
    <a href="index.php?page=50">Profiel</a>
    </div>
    </div>
    </a>
    <a href="index.php?page=51">
    <div class="hand">
    <div class="middenonder">
    <a href="index.php?page=51">Portfolio</a>
    </div>
    </div>
    </a>
    <a href="index.php?page=52">
    <div class="hand">
    <div class="rechtsonder">
    <a href="index.php?page=52">Contact</a></a></a>
    </div>
    </div>
    </a>
    </div>
    </body>
    </html>

    [/code:1:7c2ee4a414]

    Mijn style.css
    [code:1:7c2ee4a414]
    body {
    background-color: #866a54;
    margin:0px;
    padding:0px;
    }
    h1 {
    margin: 150px 5px 0px 680px;
    color:#CE8F7D;
    font-size:20px;
    }
    p {
    margin;0px;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .container {
    margin:15px auto;
    width:795px;
    height:555px;
    text-align:left;
    padding:5px;
    border:solid 1px #592d00;
    }
    .boven {
    width:795px;
    height:187px;
    float:left;
    background-image:url(images/logo_flare.jpg);
    background-repeat: no-repeat;
    }
    .middenonder {
    width:272px;
    height:368px;
    float:left;
    background-image:url(images/boom_geel.jpg);
    background-repeat: no-repeat;
    }
    .linksonder {
    width:250px;
    height:368px;
    float:left;
    background-image:url(images/boom_blauw.jpg);
    background-repeat: no-repeat;
    }
    .rechtsonder {
    width:272px;
    height:368px;
    float:left;
    background-image:url(images/boom_groen.jpg);
    background-repeat: no-repeat;
    }
    a {
    font-family: Trebuchet MS;
    font-size: 40px;
    font-style: italic;
    line-height: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    }
    .linksonder a {
    color: #9af0f1;
    margin:250px 5px 0px 10px;
    }
    .middenonder a {
    color: #ad9b4f;
    }
    .rechtsonder a {
    color: #bce57d;
    }
    div.hand {
    margin:-5px 0px;
    cursor: hand;
    }
    [/code:1:7c2ee4a414]
  • Je moet eventjes naar je opmaak van een link kijken…

    [code:1:81973a302d]
    <div class="container">
    <div class="boven"></div>
    <a href="index.php?page=50">
    <div class="hand">
    <div class="linksonder">
    <a href="index.php?page=50">Profiel</a>
    </div>
    </div>
    </a>
    [/code:1:81973a302d]
    Gaat niet werken. Je begint een div en een link binnen een link.

    Wat je beter kunt doen is in je container een tweede container definieren waarin je de twee elementen onder elkaar definieert. Ook <div class="boven"></div> heeft op deze manier niet veel zin.
    Vandaar dat het ook niet doet wat wilt

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.