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)

Paar vragen

dalertje
4 antwoorden
  • Hoi,

    Er is een aantal vragen bij mij waar ik geen adequate oplossing voor heb. Kan een ander het probleem wellicht vinden?

    [list:2aafcf5ecb]Momenteel ben ik aan het werk in een test-omgeving om een website onderhuids juist te maken voor iedere resolutie. Dit gaat prima. Wel heb ik nu het vreemde probleem dat het submenu met de hover-functie in IE6 niet zichtbaar wordt, terwijl het op dezelfde manier werkt in de productie-omgeving (daar werkt het dus wel). Wat heb ik verkeerd gedaan? De code staat hieronder.[/list:u:2aafcf5ecb]
    [list:2aafcf5ecb]Het bovenstaande submenu komt wel tevoorschijn in IE7, maar dan is het zo alleen het eerste item van het submenu werkt. Probeer ik een ander item in die lijst, dan verdwijnt het submenu. Wat is hier de oorzaak van? Natuurlijk werkt het in FF uitstekend.[/list:u:2aafcf5ecb]

    Het css
    [code:1:2aafcf5ecb]/* CSS Document test */

    a:link {color:#6DC0AE;}
    a:visited {color:#CC0000;}
    a:hover {color: #6DC0AE;}

    html, body
    {
    margin:0;
    padding:0;
    /* hack hover effect voor <IE7 */
    behavior:url("csshover.htc");
    }

    #outer_wrap
    {
    /* because "min-width" is not supported by IE, these pages use a script from PVII */
    min-width:740px;
    /* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
    width:100%;
    /* faux-column technique, this is the left one */
    background:#fff url(../knoppen/left.gif) repeat-y left;
    }

    #wrap
    {
    /* faux-column technique, this is the right one */
    background:url(../knoppen
    ight.gif) repeat-y right;

    }

    #header
    {
    margin: 0;
    padding: 0;
    background:#FFFFFF;
    /* this is to "give layout" to the element and fix some peek-a-boo bug in IE (v6 sp2) */
    width:65%;
    /* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
    /* margin:0 -1px
    */ }

    #container
    {
    float:left;
    width:110%;
    /* IE doubles the margins on floats, this takes care of the problem */
    display:inline;
    margin-left:-350px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    }

    #route {clear:both;
    float:right;}


    #main
    {
    /* the width from #left (150px) + the negative margin from #container (200px) */
    margin-left:350px;
    }

    /*If #sidebar is to be shorter than #main, then there is no need for this rule */
    #sidebar
    {
    /* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
    padding-left: 100%;
    /* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
    margin-left:-200px;
    display: block;
    }

    #sidebar a
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #248C73;
    font-weight: 600;
    text-decoration: none;
    display: block;
    }

    #sidebar a:hover
    {
    color: #003300;
    background-image: url(../knoppen/triangle.gif);
    background-repeat: no-repeat;
    background-position: right;
    }


    #sidebar p
    {
    /* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
    position:relative
    }

    #footer
    {
    width: 75%;
    clear:both;
    float: inherit;
    background:#FFFFFF
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #31A286;
    }

    /* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
    .clearing {height:0;clear:both}

    .subnav a
    {
    padding: 0;
    margin: 0;
    font-weight: 200;
    display: block;
    width: 13em;
    }

    #sidebar ul
    {
    text-align: left;
    list-style-type: none;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 3px;
    margin-left: 3px;
    }

    #sidebar ul ul
    {
    position: absolute; left: -120%; top: 0;
    }

    #sidebar li
    {
    position: relative;
    padding: .3em;
    }

    #subnav a
    {
    font-size: 16px;
    font-weight: bold;
    width: 220px;
    }

    div#sidebar ul ul
    {
    display: none;
    background-color: #C7E6E0;
    border-style: groove;
    border-width: thin;
    }

    div#sidebar ul li:hover ul
    {
    display: block;
    }

    /* content styles */

    .big
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:bold;
    color: #6DC0AE;
    }

    .xbig
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #6DC0AE;
    }

    .style3
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    }

    .style4
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    }

    #keurmerk
    {
    position: absolute; right: 20% top: auto;
    }

    /* Kop van de content */

    .testclass
    {
    color: #31A286;
    font: 28px arial,helvetica;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    }

    #test
    {
    position: absolute;
    top: 5em;
    left: 40%;
    width: 10em;
    text-align: left;
    }

    /* Positie m.b.t. de video's bij de diverse disciplines */

    #video
    {
    float: left;
    }

    /* Termen in 'uitleg_over_ms */

    .termen
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    color: #6DC0AE;
    line-height: 22px;
    }

    /* opmaak van wijzigingsdatum */

    #wijziging
    {
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    }
    [/code:1:2aafcf5ecb]

    Het index file
    [code:1:2aafcf5ecb]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="robots" content="index, follow" />
    <meta name="author" content="Webdesign by William van Dalen - Webcontent by Hugo van den Elshout" />
    <meta name="keywords" content="MS centrum steunfonds Nijmegen multiple sclerose autoimmuun spieren ogen zenuwen myeline schub plaque, perivenulair, exacerbaties, neurologie, neuroloog, axonen, relapsing, remitting, progressief, benigne, maligne, chronisch, ontsteking, zenuw, zenuwstelsel, klinisch, myelum, ruggenmerg, mri, interferon-beta, relaps, avonex, azathioprine, methotrexaat, Mitoxanthrone" />
    <meta name="revisit-after" content="4 days" />
    <meta name="language" content="NL" />
    <meta name="description" content="Het MS Centrum in Nijmegen" />
    <META name="verify-v1" content="3GNgWtdH3BX+COihzIeETsV919jKkmaZ8/5GJY1CyJ0=" />

    <title>MS Centrum Nijmegen</title>
    <link href="css/styles.css" rel="stylesheet" type="text/css" />

    <script src="javascript/search.js" type="text/javascript" language="JavaScript"></script>

    </head>

    <body>

    <div id="outer_wrap">

    <div id="wrap">
    <div class="testclass" id="test">Startpagina</div>

    <div id="header">

    <?php
    include('header.php');
    ?>

    </div><!– /header –>

    <div id="container">
    <div id="main">

    <div><img src="images/gebouw1.jpg" alt="foto van het gebouw" width="300" height="200" hspace="10" vspace="10" align="right" title="foto van het MS Centrum Nijmegen" onclick="MM_preloadImages('images/gebouw1.jpg')" /></div>
    <p>MS Centrum Nijmegen, h&eacute;t kennis&ndash; en behandelcentrum voor mensen met multiple sclerose. In het centrum worden MS pati&euml;nten poliklinisch behandeld, begeleid en ge&iuml;nformeerd door een team van gespecialiseerde zorgverleners.</p>

    <div class="big">Wij bieden:</div>

    <ul>
    <li>Diagnose</li>
    <li>Second Opinion</li>
    <li>Behandeling</li>
    <li>Begeleiding</li>
    <li>Wetenschappelijk onderzoek</li>
    <li>Geneesmiddelenstudies</li>
    <li>Voorlichting/informatie</li>
    </ul>

    <p>Op deze internetsite verstrekken wij u informatie over Multiple Sclerose en de activiteiten van het Centrum.</p>

    </div><!– /main –>

    <div class="clearing">&nbsp;</div>
    </div><!– /container –>

    <div id="sidebar">

    <?php
    include('navigatie.php');
    ?>
    </div>
    <!– /sidebar –>

    <!– This is for NN4 –>
    <div class="clearing">&nbsp;</div>
    <div id="footer">
    </div><!– /footer –>

    </div><!– /wrap –>

    </div><!– /outer_wrap –>

    </body>
    </html>

    [/code:1:2aafcf5ecb]

    Het navigatie file
    [code:1:2aafcf5ecb] <ul>
    <li><a href="centrum.php" title="het MS centrum">het centrum</a></li>
    <li><a href="#" title="ons team">ons team</a>
    <ul id="subnav">
    <li class="subnav"><a href="discipline_neurologie.php" title="Discipline neurologie">Neurologen</a></li>
    <li class="subnav"><a href="discipline_consulent_nu.php" title="Consulent neuro-urologie">Consulent neuro-urologie</a></li>
    <li class="subnav"><a href="discipline_consulent_nr.php" title="Consulent neuro-radiologie">Consulent neuro-radiologie</a></li>
    <li class="subnav"><a href="discipline_research.php" title="Geneesmiddelenstudies">Geneesmiddelenstudies</a></li>
    <li class="subnav"><a href="discipline_verpleging.php" title="Verpleegkundigen">Verpleegkundigen</a></li>
    <li class="subnav"><a href="discipline_psychologie.php" title="Psychologen">Psychologen</a></li>
    <li class="subnav"><a href="discipline_consulent_sz.php" title="Consulent sociale zekerheid">Consulent sociale zekerheid</a></li>
    <li class="subnav"><a href="discipline_dietetiek.php" title="Dietist">Dietist</a></li>
    <li class="subnav"><a href="discipline_ergotherapie.php" title="Ergotherapeut">Ergotherapeut</a></li>
    <li class="subnav"><a href="discipline_infotheek.php" title="Infotheek">Infotheek</a></li>
    <li class="subnav"><a href="secretariaat.php" title="Secretariaat">Secretariaat</a></li>
    <li class="subnav"><a href="staf.php" title="Staf">Staf</a></li>
    </ul>
    </li>
    <li><a href="uitleg_over_ms.php" title="uitleg over MS">uitleg over MS</a></li>
    <li><a href="behandeling_van_ms.php" title="behandeling van MS">behandeling van MS</a></li>
    <li><a href="#" title="onderzoek">onderzoek</a>
    <ul id="subnav">
    <li class="subnav"><a href="wetenschappelijk_onderzoek.php" title="wetenschappelijk onderzoek">wetenschappelijk onderzoek</a></li>
    <li class="subnav"><a href="geneesmiddelenstudies.php" title="geneesmiddelenstudies">geneesmiddelenstudies</a></li>
    </ul>
    </li>
    <li><a href="#" title="publicaties">publicaties</a>
    <ul id="subnav">
    <li class="subnav"><a href="publicaties.php" title="publicaties">publicaties</a></li>
    <li class="subnav"><a href="downloads.php" title="Nieuwsbrieven en folders">Nieuwsbrieven en folders</a></li>
    <li class="subnav"><a href="elektronische_nieuwsbrief.php" title="Elektronische Nieuwsbrief">Elektronische Nieuwsbrief</a></li>
    </ul>
    </li>
    <li><a href="links.php" title="links">links</a></li>
    <li><a href="http://www.ms-steunfonds.nl" title="MS Steunfonds">steunfonds</a></li>
    <li><a href="symposium.php" title="Symposium">symposium</a></li>
    </ul>
    [/code:1:2aafcf5ecb]

    Let wel: dit is een test-omgeving, dus links werken niet en er staat veel commentaar.

    M.vr.gr., Dalertje
  • Ik gok dat er iets mis gaat met het hover attribuut. Ik heb niet je hele code bekeken (veel!), dus ik weet het niet zeker.

    Je weet wel dat IE6 alleen hover op A elementen ondersteunt?
  • Hoi,

    Ja, ik weet dat de hover functie in IE6 alleen op de A-tag werkt. Vandaar dat ik ook een script gebruik om dit in iedere browser te bewerkstelligen.
    Het vreemde is dat niet meer werkt in de test-omgeving, terwijl het in de produktie-omgeving wel degelijk werkt. Ik heb de code al tig keer bekeken, maar ik kijk er blijkbaar steevast overheen.

    M.vr.gr., Dalertje
  • Die csshover.htc wordt ook goed gelinkt neem ik aan?

Beantwoord deze vraag

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