Hallo,
Voor school moet ik een webpagina maken waarin frames tabellen en CSS in zit.
nou gebruik ik dus Iframes, maar FF en IE pakken maar de helft van de CSS. De linken werken wel, maar de gewone tekst niet.
Dat is de CSS, en de bron van een van de betreffende html bestanden:
Zoals op onderstaand plaatje zichtbaar, De CSS werkt wel op de link`s, maar niet op de gewone tekst.
De gehele website is te zien op http://www.nova-projecten.nl/showcase/magiel
Nou heb ik niet extreem veel verstand van CSS, kan daarom best een simpele oplossing zijn, maar deze CSS werkt wel gewoon op pagina`s die niets met een Iframe te maken hebben. Mij lijkt dat er iets niet klopt in de -Default- regel van de CSS. Dit aangezien de "default" tekst niet word beinvloed door de CSS. Maar dat verklaard nog steeds niet waarom de CSS wel gewoon werkt op niet-iframe .html en .php bestanden.
Hoe krijg ik het dus werkend in een Iframe-pagina?
Voor school moet ik een webpagina maken waarin frames tabellen en CSS in zit.
nou gebruik ik dus Iframes, maar FF en IE pakken maar de helft van de CSS. De linken werken wel, maar de gewone tekst niet.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| a:link, a:active, a:visited { color: #7073d4; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a:hover { color: #9d7bd4; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline overline }
a { font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td, tr { color: #808080; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
default { color: #808080; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
H1 { color: #7073d4; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 5px; margin-right: 6px; margin-left: 10px }
H2 { color: #a9a9a9; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; clear: right; margin-right: 6px; margin-left: 20px }
H3 { color: #a9a9a9; font-size: 8pt; line-height: 8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; clear: right; margin-right: 6px; margin-left: 30px }
H4 { color: #808080; font-size: 8pt; line-height: 8pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } clear: right; margin-right: 6px; margin-left: 30px }
b { color: #a9a9a9; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; clear: right }
body { scrollbar-arrow-color: 9D7BD4; scrollbar-face-color: E7E7E7; scrollbar-highlight-color: 9D7BD4; scrollbar-shadow-color: 000000; scrollbar-track-color: E7E7E7 }
li { line-height: 20px; text-indent: -15px; list-style-position: outside; clear: left; margin-left: 0px; padding-left: 0px }
p { margin-right: 6px; margin-left: 6px } |
Dat is de CSS, en de bron van een van de betreffende html bestanden:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <HTML> <HEAD> <TITLE></TITLE> <link href="site.css" rel="stylesheet" media="screen"> </HEAD> <BODY > <h1>Blok 1 - Frequently Asked Questions</h1><a href="index.php">Terug</a><br><br> Hieronder de 10 meest gestelde vragen tijdens de beurs over ESO.<br><br> <ol> <li> <a href="faq2.html#1" name="10">Wat is ESD nou eigenlijk precies?</a><br><br> <li> <a href="faq2.html#2" name="11">Hoe ontstaat het nou precies?</a><br><br> <li> <a href="faq2.html#3" name="12">Wat zorgt ervoor dat elektronische apparaten stuk gaan door ESD?</a><br><br> <li> <a href="faq2.html#4" name="13">Hoe kan ik het voorkomen?</a><br><br> <li> <a href="faq2.html#5" name="14">Hoe identificeer ik probleemgebieden en bepaal ik de mate waarin dit gebied gecontroleerd moet worden?</a><br><br> <li> <a href="faq2.html#6" name="15">Waarom moeten elektrische apparaten geregeld getest worden?</a><br><br> <li> <a href="faq2.html#7" name="16">Hoe moeten computers gepositioneerd worden ten opzichte van een raam en waarom zo?</a><br><br> <li> <a href="faq2.html#8" name="17">Waarom zou je apparaten die je tijdelijk niet gebruikt helemaal uit moeten zetten?</a><br><br> <li> <a href="faq2.html#9" name="18">Hoe schadelijk is warmte voor een computer? En hoe verlaag ik de temperatuur in een computer?</a><br><br> <li> <a href="faq2.html#10" name="19">Hoe bewaar ik losse onderdelen van mijn computer?</a><br><br> </ol> </BODY> </HTML> |
Zoals op onderstaand plaatje zichtbaar, De CSS werkt wel op de link`s, maar niet op de gewone tekst.
De gehele website is te zien op http://www.nova-projecten.nl/showcase/magiel
Nou heb ik niet extreem veel verstand van CSS, kan daarom best een simpele oplossing zijn, maar deze CSS werkt wel gewoon op pagina`s die niets met een Iframe te maken hebben. Mij lijkt dat er iets niet klopt in de -Default- regel van de CSS. Dit aangezien de "default" tekst niet word beinvloed door de CSS. Maar dat verklaard nog steeds niet waarom de CSS wel gewoon werkt op niet-iframe .html en .php bestanden.
Hoe krijg ik het dus werkend in een Iframe-pagina?
[ Voor 40% gewijzigd door magiel op 22-11-2005 18:39 ]
Ik wil het er _niet_ over hebben.
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
Dit topic is gesloten.