IFrame scroller instellen

Status
Niet open voor verdere reacties.
XCLUS1V3NL

XCLUS1V3NL

Gebruiker
Lid geworden
2 mei 2008
Berichten
136
Hey mensen,
Ik kan mijn IFrame scroller niet instellen(kleur enzo). Ik gebruik deze code:
Code: 
body {
	background-color: #000000;
	scrollbar-face-color: 373737;
	scrollbar-highlight-color: 373737;
	scrollbar-shadow-color: 373737;
	scrollbar-3dlight-color: 373737;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: 373737;
}
Dit werkt alleen op de buitenste scrollbar en niet op de scrollbar van mijn IFrame in de pagina.

Weet iemand hoe je dit kunt oplossen? (Ik heb wel wat gehoord dat deze code in de .html pagina moet waarna de IFrame verwijst.)
 
het frame dat word geopend moet je gebruiken (bijvoorbeeld open_dit_in_frame.html)
dan moet je die code in dat script plakken :thumb:
 
Dat is dus wat ik geprobeerd had, maar dit werkte niet :evil:
 
Dan heb je dus toch nog iets fout gedaan he ;)
Probeer volgende code eens:

index.htm
HTML: 
<html>
   <body>
     <iframe src="bron.htm">
   </body>
</html>
bron.htm
HTML: 
<html>
  <head>
    <style>
      body {
        background-color: #000000;
        scrollbar-face-color: 373737;
        scrollbar-highlight-color: 373737;
        scrollbar-shadow-color: 373737;
        scrollbar-3dlight-color: 373737;
        scrollbar-arrow-color: #000000;
        scrollbar-track-color: #000000;
        scrollbar-darkshadow-color: 373737;
      }
    </style>
  </head>
   <body>
     <br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst<br>tekst
   </body>
</html>
 
Misschien ligt het er ook aan welke browser je gebruikt.

In FF kun je de scrollbar NIET stylen.

Het is eventueel mogelijk met images en javascript.
 
Oeps,

Je hebt gelijk :P Maar dan is de TS daar in ieder geval van op de hoogte ;)
 
Thx voor jullie aandacht, ik zal morgen nog eens kijken of het nu wel werkt want moet nu weg dus ik laat nog wel wat weten..
 
Sorry dit weekend niet aan toe gekomen,
Ik ben nu aan het kijken......

~Edit: geen resultaat.. dit heb ik:
index.html
<tr>
<td colspan="10" rowspan="2">
<iframe src="home.html" name="iframeindex" height="512" width="846" frameborder="0" scrolling="auto"></iframe></td>
<td>
Klik om te vergroten...
home.html
<style type="text/css">
<!--
body {
background-color: #000000;
background-color: #000000;
scrollbar-face-color: 373737;
scrollbar-highlight-color: 373737;
scrollbar-shadow-color: 373737;
scrollbar-3dlight-color: 373737;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: 373737;
}
.SubHeader {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #545455;
}
.SubTitel {
font-family: Verdana;
font-size: 12px;
color: #545455;
font-style: italic;
}
.SubText {
font-family: Verdana;
font-size: 12px;
color: #373737;
}
a:link {
text-decoration: none;
color: #ff6c00;
font-family: Verdana;
font-size: 12px;
font-style: italic;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
background-color: #ff6c00;
height: auto;
width: auto;
color: #000000;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
Klik om te vergroten...
 
Laatst bewerkt:
je moet het in HTML maken, ik zie dat je hier een style.css hebt gemaakt..
 
DoRcO zei:
je moet het in HTML maken, ik zie dat je hier een style.css hebt gemaakt..
Klik om te vergroten...
Dus moet ik er dit van maken, maar hoe doe ik het dan met HTML style gewoon
<style type=''HTML''>?

Code: 
<style type="text/css">
<!--
body {
background-color: #000000;

}
.SubHeader {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #545455;
}
.SubTitel {
font-family: Verdana;
font-size: 12px;
color: #545455;
font-style: italic;
}
.SubText {
font-family: Verdana;
font-size: 12px;
color: #373737;
}
a:link {
text-decoration: none;
color: #ff6c00;
font-family: Verdana;
font-size: 12px;
font-style: italic;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
background-color: #ff6c00;
height: auto;
width: auto;
color: #000000;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
 
dit is heel lastig uit te leggen,
je moet in je HTML script een CSS style script aansturen, en de pagina's die je maakt moeten gewoon HTML scripten zijn....
dus geen CSS

<html>
<HEAD>
.........
</HEAD>
<BODY>
...........
</BODY>
</HTML>

dus geen style CSS etc...
 
DoRcO zei:
dit is heel lastig uit te leggen,
je moet in je HTML script een CSS style script aansturen, en de pagina's die je maakt moeten gewoon HTML scripten zijn....
dus geen CSS

<html>
<HEAD>
.........
</HEAD>
<BODY>
...........
</BODY>
</HTML>

dus geen style CSS etc...
Klik om te vergroten...

Dus je kunt CSS en HTML niet combineren?
 
nee, je moet een appart CSS docement aanmaken, en die door HTML laten aansturen
 
Hoezo zou je je CSS niet gewoon in de head van je pagina kunnen zetten?

Als je in je head:

HTML: 
<style type="text/css">
 /* Hier je stijldefinities */
</style>

zet, werkt dat EXACT hetzelfde als in een externe stylesheet...
 
dat zeg ik, maar je kunt niet in plaats van HTML, CSS sheets typen.
 
nee, je moet een appart CSS docement aanmaken, en die door HTML laten aansturen
Klik om te vergroten...

Als je hetzelfde bedoelde als ik, maak je dat in mijn ogen niet echt duidelijk...
 
HTML: 
<style type="text/css">
 /* Hier je stijldefinities */
</style>

hier stuur je een CSS sheet aan in HTML..
dat stond precies in de link die ik een aantal posts terug had gestuurd ;)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan