Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css] Hulp met margin of text-align

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.