Website functioneerd niet in firefox
- Onderwerp starter Tynos
- Startdatum
- Status
Maximvdw
Gebruiker
- Lid geworden
- 7 feb 2009
- Berichten
- 921
Dit noemt Browser incompatibiliteit , sommige browser functioneren en werken anders dan andere.
Je moet het voor elk browser nakijken zodat het overal werkt.
Probeer te zoeken waar de fout zit, en zorg dat je het herstelt voor firefox, maar dat het nog steeds werkt in IE.
Met programma's zoals Adobe Dreamweaver kan je automatisch deze fouten opsporen en verbeteren.
M.v.g
Maxim
Je moet het voor elk browser nakijken zodat het overal werkt.
Probeer te zoeken waar de fout zit, en zorg dat je het herstelt voor firefox, maar dat het nog steeds werkt in IE.
Met programma's zoals Adobe Dreamweaver kan je automatisch deze fouten opsporen en verbeteren.
M.v.g
Maxim
erbicom
Terugkerende gebruiker
- Lid geworden
- 28 okt 2000
- Berichten
- 3.458
Bij de eigenschappen van het plaatje staat dit: <a xmlns="http://www.w3.org/1999/xhtml" href="index.html"><img width="163" height="114" class="image" alt="Logo Studio Merel" src="Afbeeldingen/logo_studiomerel_ondertekst.jpg"/></a>
Misschien werkt het als je na href de complete link invult (http://www.studiomerel.nl/index.html)
Misschien werkt het als je na href de complete link invult (http://www.studiomerel.nl/index.html)
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Tynos,
De pagina met de link op het logo is er momenteel niet, maar als de link was:
... dan is daarin de code xmlns="http://www.w3.org/1999/xhtml" verdwaald. Dat stukje kan je er uit halen.
Toelichting:
De xmlns="http://www.w3.org/1999/xhtml" eigenschap gaat over de manier van coderen van een pagina, en hoort niet in een link thuis.
Het staat meteen onder het Doctype van een pagina, als eigenschap van de <html> tag:
Ik denk dat de link het gewoon doet als dit er uit is: Firefox is nogal kritisch op correcte code. *)
Een absolute link <a href="http://www.studiomerel.nl/index.html"> of een relatieve link <a href="index.html"> is verder allebei goed, dat hoort geen verschil te maken (als de pagina van de relatieve link in dezelfde map zit als de pagina waar de link in staat).
Met vriendelijke groet,
CSShunter
__________
*) Zie ook hieronder: een niet goed werkende pagina altijd eerst even door de html-validator halen, die vertelt vaak meteen wat er mis is.
De pagina met de link op het logo is er momenteel niet, maar als de link was:
HTML:
...
<a xmlns="http://www.w3.org/1999/xhtml" href="index.html"><img
width="163" height="114" class="image" alt="Logo Studio Merel"
src="Afbeeldingen/logo_studiomerel_ondertekst.jpg"/></a>
...Toelichting:
De xmlns="http://www.w3.org/1999/xhtml" eigenschap gaat over de manier van coderen van een pagina, en hoort niet in een link thuis.
Het staat meteen onder het Doctype van een pagina, als eigenschap van de <html> tag:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
... enz.Een absolute link <a href="http://www.studiomerel.nl/index.html"> of een relatieve link <a href="index.html"> is verder allebei goed, dat hoort geen verschil te maken (als de pagina van de relatieve link in dezelfde map zit als de pagina waar de link in staat).
Met vriendelijke groet,
CSShunter
__________
*) Zie ook hieronder: een niet goed werkende pagina altijd eerst even door de html-validator halen, die vertelt vaak meteen wat er mis is.
Hallo,
Ik heb de website offline gehaald omdat ik het zo snel niet kon vinden.
Ik heb van een kennis gehoord dat het misschien aan het javascript ligt die de gehele
pagina overlapt of dat de z-index niet goed staat.
Ik ga dit eerst eens bekijken.
Overigens kwamen we erachter dat de meeste afbeeldingen te groot zijn.
Ik heb de website offline gehaald omdat ik het zo snel niet kon vinden.
Ik heb van een kennis gehoord dat het misschien aan het javascript ligt die de gehele
pagina overlapt of dat de z-index niet goed staat.
Ik ga dit eerst eens bekijken.
Overigens kwamen we erachter dat de meeste afbeeldingen te groot zijn.
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Tynos,
Ik heb even gecheckt hoe een pagina het doet met zo'n xmlns-eigenschap in een link.
Die doet het gewoon, en het moet dus iets anders zijn.
Dat kan inderdaad aan een javascript of een z-index liggen, maar het kan ook door zo'n 5.034,7 andere dingen in de html of css veroorzaakt zijn, dat valt zo niet te zeggen.
Kan je een testpagina online zetten, zodat we kunnen zien wat er aan de hand is?
Met vriendelijke groet,
CSShunter
Ik heb even gecheckt hoe een pagina het doet met zo'n xmlns-eigenschap in een link.
Die doet het gewoon, en het moet dus iets anders zijn.
Dat kan inderdaad aan een javascript of een z-index liggen, maar het kan ook door zo'n 5.034,7 andere dingen in de html of css veroorzaakt zijn, dat valt zo niet te zeggen.
Kan je een testpagina online zetten, zodat we kunnen zien wat er aan de hand is?
Met vriendelijke groet,
CSShunter
Waarschijnlijk heb ik de fout gevonden. Ik had de a:link, a:active, a:hover en a:visited die ik achteraf niet gebruikte nog in de css staan.
Ik ga het vanavond nog eens goed testen want dit heb ik in mijn pauze uitgezocht.
Maar ik neem jullie advies allemaal mee om zo een wat nettere website te krijgen.
Bedankt!
Ik ga het vanavond nog eens goed testen want dit heb ik in mijn pauze uitgezocht.
Maar ik neem jullie advies allemaal mee om zo een wat nettere website te krijgen.
Bedankt!
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Tynos,
Inspringen in de code
Wat altijd de moeite loont, is in de broncode netjes inspringen bij elke geopende tag. De bijbehorende afsluitende tag moet dan op dezelfde afstand van de kantlijn staan. Als dat niet gebeurt, is er iets aan de hand!
Doen we dit met de <div id="Social"> op de contact-pagina, dan zie je:
Hier klopt iets niet!
En het wordt al gauw duidelijk wat er aan de hand is: er is een </li> verdwaald. De twitter-<li> is niet goed afgesloten, en de </li> daarvan is onderop terechtgekomen.
Als deze op z'n plaats wordt gezet, kan de facebook-<li> met z'n inhoud weer een stukje naar links inspringen, en komen alle <li>'s en </li>'s keurig onder elkaar.
En nog iets
Iets anders is, dat in een <ul> (Unordered List) alleen maar <li>'s (List Items) mogen voorkomen, en niets anders.
Hier staat er de <div id="volgen"> Volg mij op</div> tussen, en dat is verboden waar!
Deze mag wel een etage hoger komen, buiten de <ul> maar nog binnen de social-div:
Ook binnen een <a>-element mag geen <div> komen, en dat dacht ik even gezien te hebben bij het logo in de eerdere niet-werkende versie.
De klokkenluiders
Voor de controle (en zeker als een pagina niet doet wat je wilt) zijn de twee validators van w3c erg handig (voor de html en voor de css, zie m'n handtekening hieronder voor de links). Die slaan meteen alarm bij dit soort dingen.
Succes verder!
Met vriendelijke groet,
CSShunter
Inspringen in de code
Wat altijd de moeite loont, is in de broncode netjes inspringen bij elke geopende tag. De bijbehorende afsluitende tag moet dan op dezelfde afstand van de kantlijn staan. Als dat niet gebeurt, is er iets aan de hand!
Doen we dit met de <div id="Social"> op de contact-pagina, dan zie je:
HTML:
<div id="Social">
<ul class="social-icons">
<div id="volgen"> Volg mij op</div>
<li class="linkedin-icon">
<a href="http://nl.linkedin.com/pub/merel-de-ruijter/32/896/99b"
target="_blank" rel="nofollow"><img src="Afbeeldingen/Buttons/linkedin-button.png"
alt="linkedin" /></a>
</li>
<li class="twitter-icon">
<a href="http://twitter.com/#!/StudioMerel"
target="_blank" rel="nofollow"><img src="Afbeeldingen/Buttons/twitter-button.png"
alt="twitter" /></a>
<li class="facebook-icon">
<a href="http://www.facebook.com/pages/Studio-Merel/224593730954058"
target="_blank" rel="nofollow"><img src="Afbeeldingen/Buttons/facebook-button.png"
alt="facebook" /></a>
</li>
</li>
</ul>
</div>En het wordt al gauw duidelijk wat er aan de hand is: er is een </li> verdwaald. De twitter-<li> is niet goed afgesloten, en de </li> daarvan is onderop terechtgekomen.
Als deze op z'n plaats wordt gezet, kan de facebook-<li> met z'n inhoud weer een stukje naar links inspringen, en komen alle <li>'s en </li>'s keurig onder elkaar.
En nog iets
Iets anders is, dat in een <ul> (Unordered List) alleen maar <li>'s (List Items) mogen voorkomen, en niets anders.
Hier staat er de <div id="volgen"> Volg mij op</div> tussen, en dat is verboden waar!
Deze mag wel een etage hoger komen, buiten de <ul> maar nog binnen de social-div:
HTML:
<div id="Social">
<div id="volgen">Volg mij op</div>
<ul class="social-icons">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>De klokkenluiders
Voor de controle (en zeker als een pagina niet doet wat je wilt) zijn de twee validators van w3c erg handig (voor de html en voor de css, zie m'n handtekening hieronder voor de links). Die slaan meteen alarm bij dit soort dingen.
Succes verder!
Met vriendelijke groet,
CSShunter
- Status
