DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
bah bah bah! het lukt me niet ben nu al 2 uur er mee bezig maar ik kan niet vinden wat het is...
ben bezig met een website
http://www.esperanza-bolivia.com en heb eerst in paint gemaak thoe ik de website wil hebben.. maa rop een wonderbaarlijke manie rzit er ergens een ruimte van 2 pixel die ik niet gevuld krijg waardoor de hele website lelijk wordt.. ik zal proberen duidelijk te maken wat ik bedoel...
ik heb dit:
http://www.esperanza-bolivia.com
het is de bedoeling dat de site dit wordt:
http://www.esperanza-bolivia.com/voorbeeld.jpg
hier gaat het mis
http://www.esperanza-bolivia.com/mis.jpg
dit zijn de bestanden
http://www.esperanza-bolivia.com/index.zip
iemand enig idee waar die 2 pixels vandaan komen?
ben bezig met een website
http://www.esperanza-bolivia.com en heb eerst in paint gemaak thoe ik de website wil hebben.. maa rop een wonderbaarlijke manie rzit er ergens een ruimte van 2 pixel die ik niet gevuld krijg waardoor de hele website lelijk wordt.. ik zal proberen duidelijk te maken wat ik bedoel...
ik heb dit:
http://www.esperanza-bolivia.com
het is de bedoeling dat de site dit wordt:
http://www.esperanza-bolivia.com/voorbeeld.jpg
hier gaat het mis
http://www.esperanza-bolivia.com/mis.jpg
dit zijn de bestanden
http://www.esperanza-bolivia.com/index.zip
iemand enig idee waar die 2 pixels vandaan komen?
Er klopt eerlijk gezegd niet veel van de layers, zoals de inhoud_rechts en inhoud_links_top, waarom al die layers erin man? Waarom zo complex?
? hoe kan het veel simpeler dan heb toch niet overbodig veel layers ?quote:Op dinsdag 16 januari 2007 20:46 schreef haaahaha het volgende:
Er klopt eerlijk gezegd niet veel van de layers, zoals de inhoud_rechts en inhoud_links_top, waarom al die layers erin man? Waarom zo complex?
? hoe kan het veel simpeler dan heb toch niet overbodig veel layers ?zo goed ben ik e rook niet in dus..
Nee nou ja, ik vind de layers zoals je ze hebt opgezet redelijk complex.
Kiek, ik ben zo vrij geweest om dit te maken:
http://www.ll0ll.com/baggeruser
Voor het gemak heb ik 1 type navigatieitem gemaakt en die 4 keer neergezet. Verder heb ik de 2de pixelborder weggelaten, je ziet dat ding amper en je maakt jezelf er alleen maar moeilijk mee.
Misschien helpt het je, misschien niet
Kiek, ik ben zo vrij geweest om dit te maken:
http://www.ll0ll.com/baggeruser
Voor het gemak heb ik 1 type navigatieitem gemaakt en die 4 keer neergezet. Verder heb ik de 2de pixelborder weggelaten, je ziet dat ding amper en je maakt jezelf er alleen maar moeilijk mee.
Misschien helpt het je, misschien niet
Alleen is in FF 2 onder OSX de buttonbar smaller dan de header fotoquote:Op dinsdag 16 januari 2007 21:17 schreef haaahaha het volgende:
Nee nou ja, ik vind de layers zoals je ze hebt opgezet redelijk complex.
Kiek, ik ben zo vrij geweest om dit te maken:
http://www.ll0ll.com/baggeruser
Voor het gemak heb ik 1 type navigatieitem gemaakt en die 4 keer neergezet. Verder heb ik de 2de pixelborder weggelaten, je ziet dat ding amper en je maakt jezelf er alleen maar moeilijk mee.
Misschien helpt het je, misschien niet
gnegne dat issie in elke browser omdat ik voor het gemak 4x dezelfde button heb gepakt. Voor het idee volstond dat leek me.
Ah ok, ik had de source niet bekeken.quote:Op dinsdag 16 januari 2007 21:50 schreef haaahaha het volgende:
gnegne dat issie in elke browser omdat ik voor het gemak 4x dezelfde button heb gepakt. Voor het idee volstond dat leek me.
De namen zijn ook niet echt handig gekozen. Semantiek gaat ook over de naamgeving van je id's en classes: zorg dat deze de inhoud beschrijven en niet de weergave (dus niet 'inhoud_rechts', maar bijvoorbeeld 'menu').quote:Op dinsdag 16 januari 2007 20:46 schreef haaahaha het volgende:
Er klopt eerlijk gezegd niet veel van de layers, zoals de inhoud_rechts en inhoud_links_top, waarom al die layers erin man? Waarom zo complex?
Baggeruser heeft zich volgens mij teveel gefocused op de borderlinetjes en heeft dit lijkt mij willen oplossen door steeds bij aparte layers links en rechts een border te defineren.
Beter is het om 1 grote container box te pakken en daarin rijen te maken en binnen die rijen kolom te maken. Dus steeds nesten.
Beter is het om 1 grote container box te pakken en daarin rijen te maken en binnen die rijen kolom te maken. Dus steeds nesten.
Om mijn tekst te verdelen in twee kolommen, maak ik gebruik van een Javascriptje. Allemaal leuk en aardig, maar het schijnt dat het niet echt wil lukken.
In Firefox lukt het wel, maar zijn de kolommen ongelijk. In IE schijnt het zelfs al helemaal niet te lukken, hoewel ik hem vanmiddag wel had. Misschien zie ik iets over het hoofd.
HTML & CSS
In mijn eigenlijke ontwerp gaan er vervolgens meerdere dingen mis. De kolommen lijken zich niets aan te trekken van de door mij opgegeven hoogte of breedte en is niet te veranderen...
Ik heb het scriptje en uitleg overigens hier vandaan: http://www.alistapart.com/articles/css3multicolumn
In Firefox lukt het wel, maar zijn de kolommen ongelijk. In IE schijnt het zelfs al helemaal niet te lukken, hoewel ik hem vanmiddag wel had. Misschien zie ik iets over het hoofd.
HTML & CSS
In mijn eigenlijke ontwerp gaan er vervolgens meerdere dingen mis. De kolommen lijken zich niets aan te trekken van de door mij opgegeven hoogte of breedte en is niet te veranderen...
Ik heb het scriptje en uitleg overigens hier vandaan: http://www.alistapart.com/articles/css3multicolumn
Firefox ondersteunt al kolommen m.b.v. css, dan is het jammer als je die browser met zo'n lap javascript lastig valt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Maar Internet Explorer blijkbaar niet. En het is jammer als je een hele lap mensen uitsluit van je website.
In Firefox doet-ie het blijkbaar ook niet helemaal jofel, of ik doe iets fout.
In Firefox doet-ie het blijkbaar ook niet helemaal jofel, of ik doe iets fout.
Je bent in ieder geval vergeten de content div af te sluiten (>)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Ik ben zó fucking slordig soms. Bedankt voor het aanstippen.
Maar goed. Dan is er het rare probleem dat hij in IE mooie rechte kolommen geeft, maar in Firefox niet...
Maar goed. Dan is er het rare probleem dat hij in IE mooie rechte kolommen geeft, maar in Firefox niet...
Gewoon css gebruiken voor FF, javascript voor IE.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Hm ja, ik dacht ook: misschien is dat dé oplossing. Maar helaas. Firefox zou het toch gewoon moeten kunnen doen met column-width, column-count en column-gap? Nu geeft hij in Firefox ook geen kolommen meer weer?
Overigens zie ik hetzelfde probleem (de ongelijke kolommen) al in een testcase die ze zelf geplaatst hebben bij CSS Scripting.com. Ik doe niet zozeer iets fout dus.
Overigens zie ik hetzelfde probleem (de ongelijke kolommen) al in een testcase die ze zelf geplaatst hebben bij CSS Scripting.com. Ik doe niet zozeer iets fout dus.
Het is ook allerminst zo dat kolommen door CSS volledig en goed ondersteunt wordt door welke browser dan ook. Geen enkele heeft volledige CSS3 implementatie.
Dat blijkt wel, maar Firefox scheen dat toch wel te hebben, minus die rare 'bug'. Nou ja, dan moet ik maar met divjes of tabellen gaan kloten, denk ik. Of bestaat er een andere handiger manier?
Ik zie dat je de code van je site hebt aangepast?quote:Op dinsdag 16 januari 2007 20:35 schreef BaggerUser het volgende:
bah bah bah! het lukt me niet ben nu al 2 uur er mee bezig maar ik kan niet vinden wat het is...
ben bezig met een website
http://www.esperanza-bolivia.com en heb eerst in paint gemaak thoe ik de website wil hebben.. maa rop een wonderbaarlijke manie rzit er ergens een ruimte van 2 pixel die ik niet gevuld krijg waardoor de hele website lelijk wordt.. ik zal proberen duidelijk te maken wat ik bedoel...
ik heb dit:
http://www.esperanza-bolivia.com
het is de bedoeling dat de site dit wordt:
http://www.esperanza-bolivia.com/voorbeeld.jpg
hier gaat het mis
http://www.esperanza-bolivia.com/mis.jpg
dit zijn de bestanden
http://www.esperanza-bolivia.com/index.zip
iemand enig idee waar die 2 pixels vandaan komen?
Misschien post ik dit op de verkeerde plaats en moet ik het meer op de Javascripttoer gaan. Maar vooruit.
Dit wil ik op een pagina:
Rechts zie je een veldje thumbnails. Rechts staat tekst wat je te zien krijgt als je over de thumbnails gaat met de muis. Daarvoor is het veld leeg.
Die tekst verschilt uiteraard per thumbnail, want het moet uitleggen wat de thumbnail inhoudt. Als je op de thumbnail klikt, ga je naar de desbetreffende pagina, maar dat is logisch.
Hoe kan ik dit het beste uitvoeren?
Dit wil ik op een pagina:
Rechts zie je een veldje thumbnails. Rechts staat tekst wat je te zien krijgt als je over de thumbnails gaat met de muis. Daarvoor is het veld leeg.
Die tekst verschilt uiteraard per thumbnail, want het moet uitleggen wat de thumbnail inhoudt. Als je op de thumbnail klikt, ga je naar de desbetreffende pagina, maar dat is logisch.
Hoe kan ik dit het beste uitvoeren?
Je kunt bv de verschillende teksten in DIV's plaatsen en op visibility:hidden zetten, die DIV's een ID meegeven en dan via onmouseovers en onmouseouts van de thumbnails de style van de DIV's op visible zetten.
bv
Een DIV:
<div id="tekstblok3" style="visibility:hidden;" class="tekstblok">teksttekstteksttekstteksttekstteksttekst</div>
Een thumb:
<img src="thumb-geel.gif" border="0" width="50" height="50" onmouseover="document.getElementById('tekstblok3').style.visibility='visible';" onmouseout="document.getElementById('tekstblok3').style.visibility='hidden';">
bv
Een DIV:
<div id="tekstblok3" style="visibility:hidden;" class="tekstblok">teksttekstteksttekstteksttekstteksttekst</div>
Een thumb:
<img src="thumb-geel.gif" border="0" width="50" height="50" onmouseover="document.getElementById('tekstblok3').style.visibility='visible';" onmouseout="document.getElementById('tekstblok3').style.visibility='hidden';">
Dat klinkt eigenlijk heel logisch. En wat kan ik het beste gebruiken om de thumbnails te positioneren? Tabellen?
tabellen? niet schelden hier he
je kan dit imho het beste doen met een ul met daarin li-elementen die een marge aan rechterkant en onderkant hebben en een vaste breedte en hoogte.
je kan dit imho het beste doen met een ul met daarin li-elementen die een marge aan rechterkant en onderkant hebben en een vaste breedte en hoogte.
Test je filmkennis! Speel mee met FOK! Movie Trivia en win prijzen!
