Verspringing van dropdownmenu
Ik ben bezig met de volgende website:
http://www.showbizzproductions.nl/beta/
Nu kun je b.v. over informatie en onze teams heen en krijg je een dropdown.
Nu heb ik alleen in IE een verspringing die ik maar niet weg krijg.
In Google Chrome staat het netjes eronder?
Heeft iemand enig idee wat het zou kunnen zijn?
De code:
<td width="117" align="center">
<a href="#" onMouseOver="mopen('m1')" onMouseOut="mclosetime()">
<img src="images/layout/nav/info_off.png" alt="Informatie" name="info" width="117" height="48" border="0" id="info"
onMouseOver="MM_swapImage('info','','images/layout/nav/info_on.png',1)" onMouseOut="MM_swapImgRestore()" class="menu_class"></a><br>
<div class="div" id="m1" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()" style="width:117;">
Test 1
</div>
</td>
Alvast bedankt.
Is het niet een beter idee om over te stappen op semantieke HTML, en de tabellen overboord te gooien? Op die manier kan je met de :hover selector in CSS een prima dropdown te maken.
Laadtijd veranderd er niets en in andere browsers werkt alles prima.
Div en tabellen maakt geen zak uit?
werk er al 12 jaar mee en nog nooit problemen gehad.
Het rare is dat op de oude website die ik ff snel in elkaar geflansd had de dropdown zonder problemen werkt.
http://www.showbizzproductions.nl
Zelfde dropdown en tabellen. lijkt alsof ie problemen heeft dat ik een image gebruik als link???
Joni Fleischer op 08/08/2011 22:47:45:
Waarom?
Laadtijd veranderd er niets en in andere browsers werkt alles prima.
Div en tabellen maakt geen zak uit?
werk er al 12 jaar mee en nog nooit problemen gehad.
Laadtijd veranderd er niets en in andere browsers werkt alles prima.
Div en tabellen maakt geen zak uit?
werk er al 12 jaar mee en nog nooit problemen gehad.
Onderhoud is lastiger, er raken steeds meer HTML functions depricated, Google gaat lastig doen met indexeren, mensen met een screenreader hebben er de grootste moeite mee etc...
Vroeger waren tabellen erg hip en de manier om een layout te bouwen. Nu CSS heel ver ontwikkeld is zijn tabellen hiervoor gewoon niet nodig. Het was eigenlijk al nooit bedoeld geweest voor layouts, maar we konden niet anders...
Er zijn op internet hele bloemlezingen over de voordelen van Semantiek, waaronder die van Michiel Roding:
http://home.parse.nl/~michiel/semantiek.html
En hoe weet je dat de laadtijd niets veranderd? Als een benchmark gedaan met y-Slow? :-) Ik durf te wedden dat je vele bytes zal winnen met een 'rebuild from scratch'. Ikzelf gebruik ook geen tabellen meer (op de bekende JongerenPlace na ;-) )
Gewijzigd op 08/08/2011 22:54:42 door - Ariën -
Ik had een center gemaakt :P
Toevoeging op 08/08/2011 23:00:15:
Probleem al opgelost..
Ik had een center gemaakt :P
Want standaarden veranderen in deze tijd, en geloof me, het biedt meer voordelen...
Quote:
Kleinere HTML bestanden
De CSS bestanden kunnen worden gecached
Rendert sneller in de browser
Makkelijker te schrijven
Makkelijker te onderhouden
Zoekmachines begrijpen je documenten beter
Verschillende stylesheets voor verschillende media
De overstap naar XHTML is kleiner
De CSS bestanden kunnen worden gecached
Rendert sneller in de browser
Makkelijker te schrijven
Makkelijker te onderhouden
Zoekmachines begrijpen je documenten beter
Verschillende stylesheets voor verschillende media
De overstap naar XHTML is kleiner
Gewijzigd op 08/08/2011 23:04:00 door - Ariën -
ZOu inderdaad wel moeten eigenlijk deze tijd.
jQuery reageert er ook beter op.
Maar ik heb geen geduld gehad me erin te lezen...
Komt nog wel ;)
Maar wat vind je van het design uberhaupt??
Design ziet er verder netjes uit ;-)
Ey, heel treinenweb is met tabellen man??
Joni Fleischer op 09/08/2011 00:16:43:
Ey, heel treinenweb is met tabellen man??
Nog....... maar dat duurt niet lang meer ;-)
De nieuwe TW is so sweet, oew...
Gewijzigd op 09/08/2011 00:27:59 door - Ariën -
Voornog als er iets niet gelijk staat met ie ken je de functie <!--IF IE8 --> gebruiken
'conditional statements' heet dat, en daar kan je nog meer meer dan alleen controleren op IE8. Maar nog mooier is om je CSS gewoon compatible te krijgen.
Heb je voorbeeldje?? of draai je hem localhost?
Joni Fleischer op 09/08/2011 11:11:37:
Heb je voorbeeldje?? of draai je hem localhost?
Development subdomain met IP-restrictie op de site, for so far.
Vooruit, voor de fans :
Back ontopic verder, en reacties op Treinenweb en mijn andere sites mogen per PM..
Gewijzigd op 09/08/2011 11:36:18 door - Ariën -
Je website is niet compatible voor mobielen. Bij de gewone website krijg ik de mogelijheid om naar twee vreemde paginas te gaan en bij de beta website krijg ik de dropdowns niet te zien. Nu zijn behoorlijk wat websites niet geschikt voor mobiele apparaten maar het is dat je het weet:-)
Sommige websites hebben helemaal geen baat bij een mobiele versie?
Maar bij deze website komt er nog zowiezo 1ntje.
http://www.showbizzproductions.nl
Surf hier maar is naartoe met je mobiel.
Ikzelf ben niet echt voorstander van jQuery binnen mobile-sites. Het punt is namelijk dat de snelheid van groot belang is op een mobiele site, samen met de compactheid van de source.
In deze tijd zijn er veel mensen met een klein data-abbonnementje en op zo'n manier jaag je ze steeds dichter bij hun limiet. Ikzelf ben ook bezig met een mobile website, en in tegenstelling tot mijn site gebruik ik hier bewust geen (mobile) jQuery voor.
Gewijzigd op 09/08/2011 12:21:22 door - Ariën -
De layout ziet er trouwens wel vet uit van die mobiele versie. Heb je die zelf gemaakt of is het een template als ik vragen mag?
Weet niet waar vandaan meer, maar het was ff een testje om te kijken hoe het werkt.
Ga het huidige design terug laten komen in de mobiele versie.
Dus je mag het van mij voor eigen gebruik gebruiken hoor.
Wsa toch een opensource iets??
Trouwens speciaal voor Aar:
http://www.showbizzproductions.nl/beta/?s=teams/ateam
FF gemaakt in divs ;)
Gewijzigd op 09/08/2011 12:27:08 door Joni Fleischer
met divjes bouw je voornamelijk het 'framework' van de site op met de header, menu contentblok, footer.
Texten binnen de divjes kan je weer netjes tussen <p>-tags zetten etc..
En het belangrijkste... valideer je pagina regelmatig bij de W3-validator.
Gewijzigd op 09/08/2011 12:29:58 door - Ariën -
Als je kijkt op de home pagina:
in ie explorer staat het netjes onder elkaar.
In google chrome verspringt het nu...
Iemand enig idee??
Toevoeging op 09/08/2011 13:33:21:
Alweer opgelost... moest float:left bij :D