Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

problemen met scollbar instaleren

Anoniem
onsmel
2 antwoorden
  • Hallo Allemaal,..
    Ik heb even jullie hulp nodig.
    Ik heb een probleem om de scrollbar te instaleren.
    Ik heb verschillende pagina's binnen een Iframe, dat heb ik zover allemaal goed, Maar nu kan ik bij sommige pagina's de scrollbar niet plaatsen.
    Als ik de code in tik, dan verdwijnt er een foto op de site ( bovenste foto)
    Ik zal ff een voorbeeld geven.
    Op deze pagina werkt het wel.

    <title>dekastraten.html</title>
    <style type="text/css">
    <!–
    BODY{
    scrollbar-3dlights-color:#666666;
    scrollbar-arrow-color:#FF9900;
    scrollbar-base-color:#990000;
    scrollbar-darkshadow-color:#FFFFCC;
    scrollbar-face-color:#990000;
    scrollbar-highlights-color:#990000;
    scrollbar-shadow-color:#666666;
    }
    <style type="text/css">
    <!–
    #Layer1 {
    position:absolute;
    left:117px;
    top:42px;
    width:420px;
    height:43px;
    z-index:1;
    background-image: url(Foto's/banner kastraten.jpg);
    }
    #Layer2 {
    position:absolute;
    left:43px;
    top:155px;
    width:250px;
    height:268px;
    z-index:2;
    background-image: url(Foto's/Gollum.jpg);
    background-image: url(Foto%27s/banners/banner%20kastraten.jpg);
    }
    #Layer2 {
    position:absolute;
    left:107px;
    top:97px;
    width:436px;
    height:307px;
    z-index:2;
    background-image: url(Foto%27s/Bilbo%20en%20Gollum%2010%20mnd.jpg);
    }
    #Layer3 {
    position:absolute;
    left:48px;
    top:476px;
    width:250px;
    height:268px;
    z-index:3;
    background-image: url(Foto%27s/Gollum.jpg);
    }
    #Layer4 {
    position:absolute;
    left:332px;
    top:426px;
    width:248px;
    height:166px;
    z-index:4;
    }
    #Layer5 {
    position:absolute;
    left:328px;
    top:432px;
    width:250px;
    height:184px;
    z-index:5;
    background-image: url(Foto%27s/Bilbo.jpg);
    }
    #Layer6 {
    position:absolute;
    left:327px;
    top:629px;
    width:253px;
    height:116px;
    z-index:6;
    }
    –>
    </style>
    </head>
    **********************************************************
    En bijdeze pagina werkt het niet.

    <title>depoezen.html</title>
    <style type="text/css">
    <!–
    #Layer1 {
    position:absolute;
    left:27px;
    top:36px;
    width:172px;
    height:219px;
    z-index:1;
    background-image: url(Foto%27s/Ruby.jpg);
    }
    #Layer2 {
    position:absolute;
    left:214px;
    top:134px;
    width:426px;
    height:120px;
    z-index:2;
    }
    body,td,th {
    color: #000000;
    }
    #Layer3 {
    position:absolute;
    left:65px;
    top:265px;
    width:96px;
    height:23px;
    z-index:3;
    }
    #Layer4 {
    position:absolute;
    left:416px;
    top:278px;
    width:225px;
    height:203px;
    z-index:4;
    background-image: url(Foto%27s/Pierot%20.jpg);
    }
    #Layer5 {
    position:absolute;
    left:27px;
    top:280px;
    width:355px;
    height:54px;
    z-index:5;
    }
    #Layer6 {
    position:absolute;
    left:251px;
    top:465px;
    width:131px;
    height:35px;
    z-index:6;
    }
    #Layer7 {
    position:absolute;
    left:213px;
    top:35px;
    width:420px;
    height:43px;
    z-index:6;
    background-image: url(Foto%27s/banners/banner%20poezen.jpg);
    }
    #Layer8 {
    position:absolute;
    left:31px;
    top:448px;
    width:310px;
    height:176px;
    z-index:7;
    }
    #Layer9 {
    position:absolute;
    left:389px;
    top:642px;
    width:255px;
    height:200px;
    z-index:7;
    background-image: url(Foto%27s/Sara.jpg);
    }
    #Layer10 {
    position:absolute;
    left:298px;
    top:558px;
    width:342px;
    height:61px;
    z-index:8;
    }
    #Layer11 {
    position:absolute;
    left:28px;
    top:399px;
    width:225px;
    height:217px;
    z-index:9;
    background-image: url(Foto%27s/Isis.jpg);
    }
    #Layer12 {
    position:absolute;
    left:275px;
    top:540px;
    width:368px;
    height:60px;
    z-index:10;
    }
    #Layer13 {
    position:absolute;
    left:37px;
    top:642px;
    width:331px;
    height:69px;
    z-index:11;
    }
    #Layer14 {
    position:absolute;
    left:38px;
    top:728px;
    width:195px;
    height:237px;
    z-index:12;
    background-image: url(Foto%27s/Rivendel.jpg);
    }
    #Layer15 {
    position:absolute;
    left:241px;
    top:902px;
    width:399px;
    height:62px;
    z-index:13;
    }
    –>
    </style>
    </head>

    *********************************************************
    Als ik deze tekst (code) toevoeg dan krijg ik problemen.

    <style type="text/css">
    <!–
    BODY{
    scrollbar-3dlights-color:#666666;
    scrollbar-arrow-color:#FF9900;
    scrollbar-base-color:#990000;
    scrollbar-darkshadow-color:#FFFFCC;
    scrollbar-face-color:#990000;
    scrollbar-highlights-color:#990000;
    scrollbar-shadow-color:#666666;
    }

    Kan iemand mij misschien helpen??
    vriendelijk bedankt,
  • Dan laat je die code toch lekker weg, dat is toch CSS3 dat nog niet foutloos wordt geimplementeend door de meeste browsers.

    Verder is het niet echt handig om spaties te gebruiken in bestands namen of folder namen op het internet, dus het maakt het wat handiger om dat niet te doen, gebruik een onderscore (_) of gewoon een streepje ipv een spatie hiervoor. Verder ziet de CSS er nou niet bepaald mooi uit, heb je dit zelf bedacht of is dit wat Frontpage uitspuugt?

Beantwoord deze vraag

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

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