Het kleuren van je scrollbar in een Iframe lukt niet!

Status
Niet open voor verdere reacties.
A

Allard

Gebruiker
Lid geworden
8 dec 2001
Berichten
892
Ik probeer met dreamweaver een gekleurde scrollbar te krijgen in het iframe van mijn site. Nu lukt het de scrollbar te kleuren van de site zelf..nu nog de iframe.. ik weet dat je in de source file van de iframe je code ook moetz etten en dat heb ik dus ook gedaan alleen dat werkt niet.. het moet werken zowel in opera als in IE..beiden lukt nu de site zelf.. hier is de code van mijn style sheet.. en de code van mijn iframe source file about.html

style sheet:



.mainbody {
background:#ffffff;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:20px;
padding:0px 0px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
color:#333333;
border-color: black;
border:2px solid #333333;
scrollbar-face-color: 333333;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-arrow-color: 333333;
scrollbar-track-color: ffffff;

}

body {
background:#ffffff;
margin-top:5px;
margin-right:10px;
margin-bottom:-5px;
margin-left:5px;
padding:0px 0px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
color:#333333;
scrollbar-face-color: 333333;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-arrow-color: 333333;
scrollbar-track-color: ffffff;

}

.page {
background:#ffffff;
margin-top:5px;
margin-right:10px;
margin-bottom:-5px;
margin-left:5px;
padding:0px 0px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
color:#333333;
scrollbar-face-color: 333333;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-arrow-color: 333333;
scrollbar-track-color: ffffff;

}



a:link {
color:#333333;
font-weight:bold;
text-decoration:overline; none:
}
a:visited {
color:#333333;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#ff9900;
font-weight:bold;
text-decoration:underline;
}
a img {
border-width:0px
border-color: #333333;
}

.picture {
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:-5px;
margin-left:5px;
border-color: black;
border:2px solid #333333;

}

========= ik heb dus een speciale class aangemaakt voor de body van mijn source file (.page) om te kijken of dat verschil zou maken..

code source file about.html:

<!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=utf-8" />
<title>Untitled Document</title>

<link rel="stylesheet" type="text/css"
href="style.css" />

</head>



<body class="page">

Welkom to my page full of wonderfull crap. Here's a nice picture of my face
<img class="picture" src="images/allardfoto.jpg" />about me about meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout meabout m
</body>
</html>


ik heb ook al geprobeerd mijn iframe een class te geven en ook daar de code neer te zetten..tevergeefs!
 
Je zult de kleuren van de scrollbars in het document moeten defineren waarin je het IFRAME aanroept.

Ga je ze aanroepen in de pagina die in je IFRAME wordt geladen dan worden de kleuren op scrollbars binnen die pagina toegepast...

Maar volgens mij werken die dingen alleen in IE en voor de rest niet

Wellicht heb je iets aan deze thread op een ander forum.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan