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)

Header deactiveert een rand

None
9 antwoorden
  • Ik dit met een probleem

    Ik wil een site maken met een header, en om de hele 'tekst menu en header' een rand.
    Ik heb die rand wel (die index4.htm) maar als ik het plaatje activeer dan zijn 2 randen weg (index3.htm). Ik dacht dat het iets te maken had met de colspan maar ik kom er niet uit. Kan iemand mij helpen?

    index 4: http://www.2shared.com/file/4494955/c4889741/index4.html
    index 3: http://www.2shared.com/file/4494960/9fcf300d/index3.html
    header: http://www.2shared.com/file/4495017/f9876f83/header.html
  • Ik zie geen verschil tussen index4 en 3…
  • Het probleem is me niet helemaal duidelijk, maar ik zie wel wat dingen waardoor je site niet reageert zoals je zou willen.

    Als eerste zou ik de layout niet in een table maken, daar is een table helemaal niet voor bedoeld. Verder heb je wat fouten in je code zitten. RGB Kleuren zonder hekje vooraf, ontbrekende haakjes.

    Kijk eens of het probleem zich met foutloze code nog steeds voordoet?
  • nadat ik hier op het forum kwam en onder andere een artikel las van Anne van kesteren (http://annevankesteren.nl/2004/11-structurering.nl.html) ben ik maar overgestapt naar div tags. Daar ben ik nu mee aan het werk. Ik post nog wel of het probleem daarmee verholpen is
  • ik snap nog niet veel van die div tags, en ik kan maar geen uitleg vinden.



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>

    <head>
    <meta http-equiv=Content-Type content="text/html; charset=windows-1252">
    <title></title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>

    <body bgcolor="FFD47F">
    <table cellpadding='0' cellspacing='0' width='100%' border=0>
    <tr>
    <td width="20%" height="5px">
    </td>
    <td colspan="4" bgcolor="645228" height="5px">
    </td>
    <td width="20%" height="5px">
    </td>
    </tr>
    <tr>
    <td width="20%">
    </td>
    <td width="5" bgcolor="645228">
    </td>
    <td width='840' height='193' colspan=2>
    <img src="x.jpg" alt="">
    </td>
    <td width="5px" bgcolor="645228"
    </td>
    <td width="20%"
    </td>
    </tr>
    <tr>
    <td width="20%">
    </td>
    <td width="5px" bgcolor="645228">
    </td>
    <td id="menu" width="200" bgcolor="D33725">
    Menu
    </td>
    <td id="tekst" width="590" bgcolor="#ED9422">
    Dit is de tekst
    </td>
    <td width="5" bgcolor="645228">
    </td>
    <td width="20%">
    </td>
    </tr>
    <tr>
    <td width="20%" height="5px">
    </td>
    <td colspan="4" bgcolor="645228" height="5px">
    </td>
    <td width="20%" height="5px">
    </td>
    </tr>
    </table>

    </body>
    </html>

    ——————————-
    Dit wil ik omzetten naar div hoe doe ik dat?
    Ik heb het al zo geprobeerd maar dat is dikke onzin geloof ik.
    ——————————-
    CSS sheet:

    body { background-color:"#FFD47F"
    margin:0px
    }
    #EERSTE{style="height:5px:
    }
    TWEEDE{ height:193px
    }
    #RAAM1{ align:"center"
    background-color:"#645228"
    style="width:850px"
    }
    #RAAM2{ style="width:5px"
    align:relative
    background-color:"#645228"
    }
    #HEADER{width:5px
    align:relative
    background-color:"#645228"
    }
    #DERDE{ align:"center"
    }
    #MENU{ style="width:200px"
    align:"relative"
    background-color:"#D33725"
    }
    #TEKST{ style="width:640px"
    align:"center"
    background-color:"#ED9422"
    align:relative
    }
    #VIERDE{
    }

    Index:

    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRADITIONAL >
    <HTML>

    <HEAD>
    <META>
    <TITLE></TITLE>
    <LINK REL="STYLESHEET" TYPE="TEKST/CSS" HREF="MYSTYLE2.CSS">
    </HEAD>

    <BODY>
    <DIV id="EERSTE">
    <DIV id="RAAM1"></DIV>
    </DIV>
    <DIV id="TWEEDE">
    <DIV id="RAAM21">
    <DIV id="HEADER"><IMG SRC="header.jpg">
    <DIV id="RAAM22">
    </DIV>
    <DIV id="DERDE">
    <DIV id="RAAM21"></DIV>
    <DIV id="MENU">MENU</DIV>
    <DIV id="TEKST">TEKST</DIV>
    <DIV id="RAAM22"></DIV>
    </DIV>
    <DIV id="VIERDE">
    <DIV id="RAAM1"></DIV>
    </DIV>
    </BODY>
    </HTML>


    Wat doe ik fout en waar kan ik vinden hoe ik een tabel moet omzetten naar div?
  • [quote:8cba593623="Drewster"]Ik zie geen verschil tussen index4 en 3…[/quote:8cba593623]

    plaatje in de source -> en uiterlijk heel veel door het plaatje
  • Als je wilt leren over div tags en veel andere dingen zou ik deze site eens doorlezen: sceneone.nl
  • Ik zit nu met een heel raar probleem.

    Ik heb nu een site in CSS (divjes classjes relativejes etc) en hij doet het prachtig in firefox. Als ik hem open in IE dan is het net alsof hij CSS niet herkent wat doe ik fout? IE kent toch wel CSS?

    index
    —–
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRADITIONAL >
    <HTML>

    <HEAD>
    <META>
    <TITLE>titel</TITLE>
    <LINK REL="stylesheet" TYPE="text/CSS" HREF="MYSTYLE2.CSS">
    </HEAD>

    <BODY>
    <div id="main_container">

    <div id="box1"><img class="afb" src="headerverbinding.jpg" alt=""></div>
    <div id="achtergrond">
    <div id="box2">box 2</div>
    <div id="box3">box 3</div>
    </div>
    </div>
    </BODY>
    </HTML>

    css:
    ——–
    body{
    margin: 0;
    text-align: center;
    }

    div#main_container{
    margin: 0 auto 0 auto;
    width: 846px;
    text-align: center;
    background-color: 645228
    }

    div#box1{
    background-color: 645228;
    width: 98,8%;
    height: 206;
    position: relative;
    }

    img.afb{
    position: relative;
    margin-top:3px
    }

    div#achtergrond{
    width:846px;
    height:206px;
    background-color: 645228;
    }

    div#box2{
    background-color: D33725;
    float: left;
    width: 200;
    height: 200px;
    margin-left:3px
    }

    div#box3{
    background-color: ED9422;
    float: left;
    width: 640;
    height: 200px;
    margin-right:3px
    }
  • [quote:a1dbfb9dad="basjuh"]Ik zit nu met een heel raar probleem.

    Ik heb nu een site in CSS (divjes classjes relativejes etc) en hij doet het prachtig in firefox. Als ik hem open in IE dan is het net alsof hij CSS niet herkent wat doe ik fout? IE kent toch wel CSS?

    index
    —–
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRADITIONAL >
    <HTML>

    <HEAD>
    <META>
    <TITLE>titel</TITLE>
    <LINK REL="stylesheet" TYPE="text/CSS" HREF="MYSTYLE2.CSS">
    </HEAD>

    <BODY>
    <div id="main_container">

    <div id="box1"><img class="afb" src="headerverbinding.jpg" alt=""></div>
    <div id="achtergrond">
    <div id="box2">box 2</div>
    <div id="box3">box 3</div>
    </div>
    </div>
    </BODY>
    </HTML>

    css:
    ——–
    body{
    margin: 0;
    text-align: center;
    }

    div#main_container{
    margin: 0 auto 0 auto;
    width: 846px;
    text-align: center;
    background-color: 645228
    }

    div#box1{
    background-color: 645228;
    width: 98,8%;
    height: 206;
    position: relative;
    }

    img.afb{
    position: relative;
    margin-top:3px
    }

    div#achtergrond{
    width:846px;
    height:206px;
    background-color: 645228;
    }

    div#box2{
    background-color: D33725;
    float: left;
    width: 200;
    height: 200px;
    margin-left:3px
    }

    div#box3{
    background-color: ED9422;
    float: left;
    width: 640;
    height: 200px;
    margin-right:3px
    }[/quote:a1dbfb9dad]

    lol ik weet al wat ik fout heb gedaan: een te creatieve doctype gemaakt. Nu ik een andere doctype erin heb gezet doet hij het.

Beantwoord deze vraag

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