tabel wordt te laag gezet

Forums: 

Ik gebruik Drupal 6 en Wysiwig met TinyMce editor.

Verder gebruik ik template Zero Point.

Ik plaats een tabel in één van mijn nodes.
Plaats tabel volledig bovenaan in een nieuwe node.
In mijn TinyMce venster staat de tabel volledig bovenaan.

Wanneer ik de pagina opsla, zie ik echter dat er tussen mijn titel en mijn tabel zeer veel ruimte is. De tabel wordt ver naar onderen geplaatst.

Rare is, dat soms dit probleem voorvalt, en ik de tabel niet naar boven geplaatst krijg, en soms het probleem niet voorkomt.

Weet iemand wat er mis is?

Bijkomend stel ik net vast, dat dit probleem enkel voorkomt wanneer ik pagina aanmaak via Internet Explorer, bij aanmaken via Opera komt dit probleem niet voor.
Opera gebruiken is echter ook niet volledige oplossing, want daar komt nieuw probleem naar voor: 'edit' van de reeds ingevoegde afbeelding werkt niet...

Dis is technisch gezien geen Drupal probleem, maar een probleem met je HTML.

Google eens op HTML and CSS troubleshooting. Daarover zijn boeken volgeschreven.

Mijn tip: Begin met een validator. Pas als je pagina 100% valideert (de HTML én de CSS) moet je verder gaan kijken. Maar ik verwacht dat dan het probleem "magischerwijs" verdwenen is.

Mocht het dan nog niet opgelost zijn: plaats hier een link naar de (validerende!) pagina zodat wij kunnen kijken wat er mis is met je HTML. Op deze manier kan helaas niemand je verder helpen, en blijft het raad-werk.

--
Bèr Kessels: http://webschuur.com | bler.webschuur.com
Drupal trainingen: http://wizzlern.nl

@Ber kun je elk ontwerp 100% krijgen? Ja tuurlijk, ik weet dat er buro's zijn die dat elke keer voor elkaar krijgen. Maar voor veel mensen (hobbyisten, zoals ik) is dat not done: geen opleiding, minder tijd, niet worden betaald. Problemen ontstaan vaker door compatibiliteitsproblemen tussen browsers ipv geen 100% validatie.

@Schorrie heb je tools als WebDeveloper toolbar (Firefox) en DebugBar (IE) al geprobeerd? Daarmee kun je pagina's erg goed analyseren. Het is even kijken hoe het werkt, maar daarna kun je middels een gearceerd vak zien op de webpagina waar je in de code zit .. het hielp mij om een tig aantal divs te vinden die voor een grote lege ruimte zorgden.

@Lenn-art: het is heel simpel: 90% van de mensen die anderen helpen met hun HTML en CSS eisen dat de boel valideert voordat ze er überhaupt naar kijken. Dit komt omdat 90%* van alle fouten er met valideren uit wordt gehaald, plus dat dan zeker is dat de code leesbaar en correct is om verwarring te voorkomen. Verder heb je voor HTML en CSS écht geen opleiding nodig.

Ik ben het met je eens dat 100% validatie de voorkeur heeft. Maar als ik als leek zie dat het ontwerp tussen verschillende browsers werkt (lees: goed is) maar niet 100% gevalideerd, dan ga ik geen moeite doen om die fout op te sporen.

Ik weet het, dat is een gruwel in de ogen van sommigen. Maar het is een afweging tussen het pragmatische en het perfecte. Als het even kan probeer ik die 2 zo dicht mogelijk bij elkaar te houden.

Nu ik je toch spreek ;-) : welke tool raad je aan om code mee te valideren?

validator.w3.org. De enige echte.

Daarnaast is valid werken niet moeilijk om aan te leren en het is een eenvoudige methode om fouten te voorkomen. Ik zeg niet dat alles 100% valid *moet*, maar dat er geen reden is om het niet na proberen te streven.

Lees ook het artikel http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you met goede redeneringen en argumenten waarom men u niet zal helpen zonder validatie.

Hmmm 6 errors die makkelijk zijn op te lossen op een ingewikkelde pagina .. blijk ik het toch goed gedaan te hebben ;-)

ok, de validate geeft als resultaat 'passed'

Tja, blijf dus met probleem zitten, om het goed te krijgen moet ik dus werken met Opera of Firefox, er verschijnt geen lege ruimte boven mijn tabel,
nadeel is wel dat de ingevoegde afbeelding, niet opnieuw kan geëdit worden

Bekijk ik die aangemaakte pagina met explorer, geen probleem, tabel staat mooi bovenaan

druk ik echter even op 'bewerken' en dan op 'opslaan' in mijn explorer, verschijnt terug die lege ruimte boven de tabel, in tiny mce venster is er geen lege ruimte boven tabel, of staat er zelfs geen html boven de tabel

raar probleem

Tja zo zonder link kunnen we niets anders dan zeggen:

"ja, inderdaad raar" :-)

Heb hier nog testomgeving draaien.

Geïnstalleerde modules zien jullie op frontpage.

Vervolgens maakte ik twee pagina's, één in Opera, andere in Explorer. zie primaire links naar de pagina's.

Hier is zelfs verschijnsel dat in beide gemaakt met verschillende browsers, tabel lager verschijnt, misschien tevens afhankelijk van template?

zoals jullie kunnen zien zal tabel in pagina gemaakt met Explorer, veel meer naar onderen staan, dan deze gemaakt in Opera

Wil je zelf eens testen,
http://www.schorrie.be/drup6beta

vervolgens user: druptest
psw: test

Via IE staat er een lege paragraaf gevolgd door 6 br's, Via FF ook een lege paragraaf gevolgd door maar 2 br's.
Firebug-plugin gebruiken in FF en je lost veel van dergelijke problemen op.

Jo

heb firebug geïnstalleerd, nu nog leren ermee te werken...

waar heb je die br's gezien via firebug?
en nog belangrijker, wat kan ik eraan doen, want in de 'html' weergegeven via tinymce kan ik deze niet terugvinden, daar staat html gewijs alles goed

met dank

Rechts onderaan FF heb je een ikoontje om Firebug open te klikken. Dan krijg je links dat kevertje (?) en daarnaast een blauw rechthoekje met een pijltje. Dat aanklikken en dan kan je met je muis elementen aanwijzen. Je krijgt dan de html-code in het linker en de css in het rechter vak.
'k Zie nu zelfs dat je in beide tabellen een cel hebt met je tekstje en dat er bij beide nog een lege cel achter staat. En in beide tabellen ook nog een tweede rij.
'k Moet nu wel toegeven als ik naar de broncode kijk in IE dat ik die br's niet zie staan.
Kan ik meer zien als ik me zelf een accountje aanmaak?

Jo

Thanks voor de info.

@Schorrie: Probeer eens shift+enter na je titel. Ik heb het idee dat de ruimte wordt veroorzaakt door paragraphs (< p >)

Actuele inhoud

09 feb 2012

08 feb 2012

07 feb 2012

06 feb 2012

05 feb 2012