login  Naam:   Wachtwoord: 
Registreer je!
 Forum

opmaak en cross browser problemen

Offline ivarveen - 05/09/2007 19:39 (laatste wijziging 05/09/2007 19:39)
Avatar van ivarveenNieuw lid hallo,

ik ben momenteel bezig aan een nieuwe site, maar nu 'willen' bepaalde dingen niet werken in FF en nog veel meer dingen niet in IE.

link 'probleem site':
http://home.het.../index.htm
link nadere uitleg over wat er niet werkt:
http://www.html-site.nl/forum/3_11469_0.html

dit snap ik wel (IE houdt zich niet aan de 'regels' ) maar hoe los ik dit op.

alvast bedankt voor de moeite,

Ivar

P.S. mijn HTML en CSS zijn (zo goed als) validate.

4 antwoorden

Gesponsorde links
Offline Pieter - 06/09/2007 14:00
Avatar van Pieter Gouden medaille

SEO guru
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table class="link_table">
  2. 		  <tr><td> 
  3. 		  <a href="http://www.mezzo.nl/" onMouseOver="document.getElementById('mezzo').src='pics/links/mezzo.gif';" onMouseOut="document.getElementById('mezzo').src='pics/links/mezzo_zw.gif';" class="link_container">
  4. 		    <div class="link_content">
  5. 			   <div class="link_text">
  6. 				  <div class="link_text_title">Mezzo</div>
  7.  
  8. 					<div class="link_text_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
  9. 				 </div>
  10. 			   <div class="link_pic"><img id="mezzo" src="pics/links/mezzo_zw.gif" alt="aap"></div>
  11. 			  </div>
  12. 		   </a>
  13.  
  14. 		   </td></tr> 
  15. 		   <tr><td>

=> divs en tables door elkaar, das echt vies.

Ten tweede is je code alles behalve praktisch en netjes:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="link_content">
  2. 			   <div class="link_text">
  3. 				 <div class="link_text_title">Alzheimer Nederland</div>
  4. 					<div class="link_text_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
  5. 		           </div>
  6. 				 <div class="link_pic"><img id="alzheimernederland" src="pics/links/alzheimernederland_zw.gif" alt="aap"></div>
  7. 			  </div>

=> Je kan toch gewoon iets doen in de trend van:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="afbeelding.tld" alt="blaat" style="float:left" />Hier de uitleg van je link

Waarom trouwens met al die ajax werken om zo'n simpele tekstjes te laden? Mensen met hun javascript af of mensen met een visuele handicap kunnen nu eenmaal hier geen gebruik van maken...
Offline ivarveen - 06/09/2007 19:00
Avatar van ivarveen Nieuw lid ik heb het div in kombinatie met table opgelost.
en daarmee alles wat u schreef/aanmerkte.
Offline Pieter - 07/09/2007 07:46
Avatar van Pieter Gouden medaille

SEO guru		 Heb je ook vanaf de laatste code gelezen? Die zou je moeten helpen... 
Offline ivarveen - 07/09/2007 19:26
Avatar van ivarveen Nieuw lid
pieterc schreef:
Waarom trouwens met al die ajax werken om zo'n simpele tekstjes te laden? Mensen met hun javascript af of mensen met een visuele handicap kunnen nu eenmaal hier geen gebruik van maken...


kan ik dan beter met iframes werken??? want ik wil niet dat de hele pagina moet worden herladen (ivm de grote png afbeeldingen) als iemand naar een andere pagina wil op m'n site.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s