Weergave website in verschillende browsers ?

Status
Niet open voor verdere reacties.
boterblommeken

boterblommeken

Dag mensen,

Ik ben bezig met een opleiding html en heb voor de eerste keer een oefenpagina op mijn webruimte (belgacom) geplaatst.
Op zich werkt alles goed, op 1 ding na,
als ik met IE de website bekijk is staat er alles zo als ik het geplaatst heb, maar als ik met een andere browser de zaak bekijk zie ik mijn stylesheet niet.

Ik heb dit dus geprobeerd met google chroom en met safari en bij deze heb ik er dus wel alles op staan behalve mijn kleur (en nog andere details)?

De bedoeling is natuurlijk dat een website met alle browsers op de juiste manier te zien zijn neem ik aan?

Kan mij aub iemand vertellen wat ik hier over het hoofd gezien heb?

Dank bij voorbaat ;)
 
Pluis zei:
Moeilijk hier een antwoord voor te geven als we verder geen info hebben.
Klik om te vergroten...

Als ik nu eens wist welke info jullie nodig hebben, kan ik jullie helpen om mij te helpen (nar)

bv: de mappen die bestaan zijn (index.htm, afbeeldingen, html, stylesheets.)

In IE word mijn stylesheet toegepast, dus mijn kleur en lettertype's enz (meer is er ook niet te vinden in deze stylesheet omdat het maar een oefenpagina is en niet echt een website) zijn zichtbaar.
in FF, safari, chroome, zie je de website zonder kleur of met andere woorden werkt de link tussen mijn html map(pen) en de map stylesheet blijkbaar niet.
 
Zo'n beetje alle broncode is nodig om te kijken waar je misschien een fout maakt.
 
Sorry voor het lange wachten, maar ik heb nog het een en ander geprobeerd, en voor zo een "amateurke" als ik vraagt dat tijd :ahhhhh:

Het enige wat ik nu bereikt heb is:
als ik een interne stylesheet gebruik het wel overal werkt, behalve dat ik in Fire-fox mijn webpagina niet kan zien.(foutcode 404)

De bedoeling echter is met een externe stylesheet te werken en die werkt alleen maar in IE

Bij Safari en chroome werkt de site wel maar de stylesheet niet en FF toon de site helemaal niet (foutcode 404)

De webpagina kan je vinden op Oefensite boterblommeken en de broncode staat hier:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Oefensite boterblommeken</title>
</head>
<frameset rows="10%,*">
<frame src="html\De laatste nieuwtjes over Boterblommeken zijn woonplaats, zijn hoofdberoep en bijberoep.htm"noresize>
<frameset cols="33%,33%,*">
<frame src="html\nieuwtjes over Dilsen-Stokkem.htm"noresize>
<frame src="html\nieuwtjes over Ford Genk.htm"noresize>
<frame src="html\nieuwtjes over rijschool.htm"noresize>
</frameset>
</frameset>
</html>
Klik om te vergroten...

<html>
<head>
<title>stylesheet huiswerk les 17</title>
</head>;
/*stylesheet huiswerk les 17*/
<body>
<style type="text/css">
<!--
body {-color:#cccccc;}
h4 {color:#0033ff;
font-style:italic;}
th {color:#ffffff;
font-variant:small-caps;}
a:link {color:red;}
a:visited {color:red;}
a:active {color:red;}
-->
</style>
</body>
</html>
Klik om te vergroten...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<link rel="stylesheet" type="text/css"href="../stylesheets/stylesheet huiswerk les 17.css">
<title>nieuwtjes over Ford Genk</title>
</head>
<body>
<table width="100%" >
<tr><th>Hier vind je dus een paar nieuwtjes over Ford</th></tr>

<tr><td height="200"><a href="Ford Genk vernieuwde mondeo van de band.htm">
Eerste vernieuwde Mondeo rolt van de band in Genk<br><img src="http://www.pctuts.be/f282/afbeeldingen/fordgenk.jpg" alt="ford genk" width="140"></a><br>
In Ford Genk is vandaag het eerste vernieuwde model van de Mondeo van de band gerold.<br>
Algemeen directeur Guy Martens nam als eerste plaats achter het stuur.<br>
De vernieuwde Mondeo werd in augustus op een autosalon in Moskou voorgesteld. Onder …
</td></tr>

<tr><td height="200"><a href="Ford Genk akkoord over Mondeo.htm">
Vakbonden en directie Ford Genk bereiken akkoord over Mondeo<br> <img src="http://www.pctuts.be/f282/afbeeldingen/fordgenk.jpg" alt="ford genk" width="140"> </a><br>

Vakbonden en directie van Ford Genk hebben in een nacht van donderdag op vrijdag<br>
een principieel akkoord bereikt omtrent een plan dat de productie van de nieuwe Mondeo naar Genk moet halen.<br>
Details zijn nog niet bekend maar naar verluidt is de …
</td></tr>
</table>

</body>
</html>
Klik om te vergroten...

De laatste pagina heeft dezelfde broncode als alle anderen, dus neem ik aan dat ik ze niet allemaal hier neer moet zetten ?

Alle kritiek is trouwens welkom, vergeet wel aub niet dat dit maar een oefenpagina is en geen website.
 
Laatst bewerkt:
Ik zal er naar kijken. Heb even geduld, ik heb het erg druk momenteel.
 
Moet worden de \ moeten / worden
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Oefensite boterblommeken</title>
</head>
<frameset rows="10%,*">
<frame src="html/De laatste nieuwtjes over Boterblommeken zijn woonplaats, zijn hoofdberoep en bijberoep.htm"noresize>
<frameset cols="33%,33%,*">
<frame src="html/nieuwtjes over Dilsen-Stokkem.htm"noresize>
<frame src="html/nieuwtjes over Ford Genk.htm"noresize>
<frame src="html/nieuwtjes over rijschool.htm"noresize>
</frameset>
</frameset>
</html>

suc6 er mee

je kan beter geen spatie tussen de pagina test zetten je kan beter een underscore er tussen zetten zo als dit
Code: 
http://users.skynet.be/boterblommeken/html/nieuwtjes_over_Dilsen-Stokkem.htm
 
Laatst bewerkt:
Dank je wel butterflyice,

Het veranderen van \ naar / heeft tot gevolg dat de pagina nu ook in fire-fox te zien is, maar ook net zoals met chroom en safari zonder mijn stylesheet.
Die in IE dus wel te zien is.
 
Ik heb nergens geen spaties meer staan.

<frame src="html/nieuwtjes over Dilsen-Stokkem.htm"noresize>
Klik om te vergroten...
heb ik veranderd naar
dilsen.htm
Klik om te vergroten...

Ik heb natuurlijk alle mappen op die manier veranderd.

Ook de naam van mijn stylesheet heb ik aangepast.
<link rel="stylesheet" type="text/css"href="../stylesheets/stylesheet huiswerk les 17.css">
Klik om te vergroten...
heb ik veranderd naar
<link rel="stylesheet" type="text/css"href="../stylesheets/stylesheet_boterblommeken.css">
Klik om te vergroten...

Er is echter niets meer veranderd: in IE is alles ok, in fire-fox is de site dus ook zichtbaar, maar net zoals in Chroom en safari is mijn stylesheet niet te bespeuren.
 
Laatst bewerkt:
Volgens mij maak je een fout met het maken van een css bestand.

je hoeft in de css fiel alleen de css te zetten voor de rest geen.

Jouw css
Code: 
<html>
<head>
<title>stylesheet huiswerk les 17</title>
</head>;
/*stylesheet huiswerk les 17*/
<body>
<style type="text/css">
<!-- 
 body {background-color:#cccccc;}
 h4 	{color:#0033ff;
 			font-style:italic;}
th	{color:#ffffff;
	font-variant:small-caps;}
a:link {color:red;}
a:visited {color:red;}
a:active {color:red;}
-->
</style>
</body>
</html>


css zo als het hoort in een css file.
Code: 
 body {
color:#cccccc;
}
 h4 {
color:#0033ff;
font-style:italic;
}
th {
color:#ffffff;
font-variant:small-caps;
}
a:link {
color:red;
}
a:visited {
color:red;
}
a:active {
color:red;
}
 
Deze regel:
HTML: 
<link rel="stylesheet" type="text/css"href="../stylesheets/stylesheet huiswerk les 17.css">

Het ligt er aan waar de map stylesheets staat, je gaat nu een directory terug. Misschien zal je ../ weg moeten laten.


Dus:
HTML: 
<link rel="stylesheet" type="text/css"href="stylesheets/stylesheet huiswerk les 17.css">

Wil je het helemaal goed doen dan hernoem je het css bestand naar stylesheet_huiswerk_les_17.css

En je past dan ook natuurlijk de code aan naar.
HTML: 
<link rel="stylesheet" type="text/css"href="stylesheets/stylesheet_huiswerk_les_17.css">
 
Laatst bewerkt door een moderator:
Dit heb ik al geprobeerd maar het helpt niet.

Wat butterflyice geschreven heeft (het veranderen van mijn css) helpt wel.
Ik kan nu alles zien met chroom, safari en IE (fire-fox nog niet getest)
Het probleem wat ik nu terug heb is dat ik dit alleen kan op mijn pc, want op de webruimte sta ik terug aan het begin.
Ik kan de site alleen op IE zien, nergens anders en dat terwijl ik gisteren het wel kon, door de \ te vervangen door /

Ik zal nog even moeten zoeken
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<title>Oefensite boterblommeken</title>
</head>
<frameset rows="10%,*">
<frame src="html/woonplaats.htm" noresize>
<frameset cols="33%,33%,*">
<frame src="html/dilsen.htm" noresize>
<frame src="html/ford.htm" noresize>
<frame src="html/rijschool.htm" noresize>
</frameset>
</frameset>
</html>
Klik om te vergroten...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<link rel="stylesheet" type="text/css"href="../stylesheets/boterblommeken.css">
<title>nieuwtjes over Ford Genk</title>
</head>
<body>
<table width="100%" >
<tr><th>Hier vind je dus een paar nieuwtjes over Ford</th></tr>

<tr><td height="200"><a href="nieuwe.htm">
Eerste vernieuwde Mondeo rolt van de band in Genk<br><img src="http://www.pctuts.be/f282/afbeeldingen/fordgenk.jpg" alt="ford genk" width="140"></a><br>
In Ford Genk is vandaag het eerste vernieuwde model van de Mondeo van de band gerold.<br>
Algemeen directeur Guy Martens nam als eerste plaats achter het stuur.<br>
De vernieuwde Mondeo werd in augustus op een autosalon in Moskou voorgesteld. Onder …
</td></tr>

<tr><td height="200"><a href="akkoord.htm">
Vakbonden en directie Ford Genk bereiken akkoord over Mondeo<br> <img src="http://www.pctuts.be/f282/afbeeldingen/fordgenk.jpg" alt="ford genk" width="140"> </a><br>

Vakbonden en directie van Ford Genk hebben in een nacht van donderdag op vrijdag<br>
een principieel akkoord bereikt omtrent een plan dat de productie van de nieuwe Mondeo naar Genk moet halen.<br>
Details zijn nog niet bekend maar naar verluidt is de …
</td></tr>
</table>

</body>
</html>
Klik om te vergroten...

De stylesheet is nu:
body {background-color:#cccccc;}
h4 {color:#0033ff;
font-style:italic;}
th {color:#ffffff;
font-variant:small-caps;}
a:link {color:red;}
a:visited {color:red;}
a:active {color:red;}
Klik om te vergroten...
 
Zet je css file eens in de zelfde map als je html file.
en pas dan de regel van de css file aan
Code: 
<link rel="stylesheet" type="text/css"href="boterblommeken.css">
en in je css zit ook nog een foutje.
Code: 
body {
-color:#cccccc;
/* moet worden*/
color:#cccccc;
}
h4 {
color:#0033ff;
font-style:italic;
}
th {
color:#ffffff;
font-variant:small-caps;
}
a:link {
color:red;
}
a:visited {
color:red;
}
a:active {
color:red;
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan