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.
Het mag wel van de W3 validator. Maar ik zou het niet doen, naar mijn idee hoort een fieldset in een form.quote:Op donderdag 3 juli 2008 18:58 schreef DionysuZ het volgende:
Ik heb een vraagje, niet gericht op CSS, maar kan wellicht toch hier terecht omdat ik geen apart topic ervoor wil openen.
Weet iemand of ik de FIELDSET tag ook legaal kan gebruiken buiten een form, bijvoorbeeld om een menu heen (zoals fieldset met legend = main menu, sub menu, dat soort)?
Echt ik voel me zo dom als de achterkant van de klerenkast hier.
Heb zitten klooien en heb 1 pagina klaar van mijn site waarin foto's getoond worden. (let niet op de baggerheid van de foto's das allemaal test)
Nu is deze pagina zonder CSS opgebouwd.
Het probleem wat ik nog ondervind in de pagina is dat in IE de bladerpijltjes van de foto's goed staan maar in FF voor geen mogelijkheid goed te krijgen is.
Er word nu aangeraden om als nog met een CSS te beginnen, maar ik zie door de bomen het bos niet meer. Helpt een CSS er echt aan om die verdomde pijltjes in beide browsers goed te krijgen?
wie o wie wil mij verlossen
de test pagina staat hier
http://www.throughmylens.nl/test5.php
Heb zitten klooien en heb 1 pagina klaar van mijn site waarin foto's getoond worden. (let niet op de baggerheid van de foto's das allemaal test)
Nu is deze pagina zonder CSS opgebouwd.
Het probleem wat ik nog ondervind in de pagina is dat in IE de bladerpijltjes van de foto's goed staan maar in FF voor geen mogelijkheid goed te krijgen is.
Er word nu aangeraden om als nog met een CSS te beginnen, maar ik zie door de bomen het bos niet meer. Helpt een CSS er echt aan om die verdomde pijltjes in beide browsers goed te krijgen?
wie o wie wil mij verlossende test pagina staat hier
http://www.throughmylens.nl/test5.php
Today is life -
the only life you are sure of. Make the most of today.
Dale Carnegie
the only life you are sure of. Make the most of today.
Dale Carnegie
Eigenlijk is een pagina als dat niet zo ingewikkeld... alleen is de code in dit geval zo'n aaneenschakeling van fouten en onhandige constructies dat 't een wonder is dat het in IE en Fx nog een beetje op elkaar lijkt.
De enige echte oplossing is opnieuw beginnen. En hou het dan simpel.
De enige echte oplossing is opnieuw beginnen. En hou het dan simpel.
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 heb een div bovenin staan als banner, en vervolgens wil ik links een div gebruiken als menu
hoe zorg ik ervoor dat die div links de resterende lengte van de pagina opvult?
met een height:100%; wordt het 100% plus de 100px van de div bovenin
edit:
heb het inmiddels opgelost door de linkerdiv geen height:100% te geven, maar bottom:0px
[ Bericht 17% gewijzigd door dennistd op 07-07-2008 22:18:34 ]
hoe zorg ik ervoor dat die div links de resterende lengte van de pagina opvult?
met een height:100%; wordt het 100% plus de 100px van de div bovenin
edit:
heb het inmiddels opgelost door de linkerdiv geen height:100% te geven, maar bottom:0px
[ Bericht 17% gewijzigd door dennistd op 07-07-2008 22:18:34 ]
PM mij!
Disclaimer: Mijn posts worden geschreven als user, en niet als crew, tenzij dit duidelijk wordt aangegeven
Disclaimer: Mijn posts worden geschreven als user, en niet als crew, tenzij dit duidelijk wordt aangegeven
Even een stomme vraag tussendoor, omdat het mij niet helemaal duidelijk is. 
Kun je <img> nu ook afsluiten met /> net zoals <br /> of moet dat altijd > zijn? En hoe zit dat met metatags?
Kun je <img> nu ook afsluiten met /> net zoals <br /> of moet dat altijd > zijn? En hoe zit dat met metatags?
Bij XHTML sluit je een tag altijd af. Bij een dubbele tag krijg je dus <b> en </b>, bij een enkele tag krijg je resultaten als <img .... /> en <br />.quote:Op dinsdag 8 juli 2008 22:30 schreef MadGuy het volgende:
Even een stomme vraag tussendoor, omdat het mij niet helemaal duidelijk is.
Kun je <img> nu ook afsluiten met /> net zoals <br /> of moet dat altijd > zijn? En hoe zit dat met metatags?
Bij HTML mag je simpelweg <img ...> en <br> doen.
Dank voor je antwoord. Dat is dan duidelijk! 
Ik raakte een beetje in de war omdat Firefox die /> tags achter img, meta en link een rood kleurtje geeft.
[ Bericht 42% gewijzigd door MadGuy op 09-07-2008 11:33:54 ]
Ik raakte een beetje in de war omdat Firefox die /> tags achter img, meta en link een rood kleurtje geeft. [ Bericht 42% gewijzigd door MadGuy op 09-07-2008 11:33:54 ]
Hoe zorg je ervoor dat de parent-div dezelfde hoogte krijgt als de inhoud? En waarom gaat dat niet automatisch? 
De tekst loopt uit de container, waarvan ik de achtergrondkleur nodig heb. Waarom gebeurt dit en hoe fix it het?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | position:absolute; background-repeat:no-repeat; width:792px; margin-left:-400px; margin-top:100px; left:50%; background-color:#FFCCFF; } .page_content { position:absolute; width:613px; left:100px; top:144px; overflow:auto; background-color:transparent; } <div id="container"> <div class="page_content"> veeeeel tekst </div> </div> |
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
position:absolute; doet dit.
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
Maar met relative werkt het ook niet. Wat moet ik dan?
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
Doe eens in die container iets van height:100% of height:auto ofzo, en gooi bij page_content die overflow en background-color eens weg.
height:100% maakt de hoogte van container zo hoog als het scherm (plus die 100px positioning), height:auto; doet helemaal niks.quote:Op woensdag 9 juli 2008 22:54 schreef HuHu het volgende:
Doe eens in die container iets van height:100% of height:auto ofzo, en gooi bij page_content die overflow en background-color eens weg.
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
Een background-color: transparent; doet vrij weinig. Bij een snelle test had ik meteen resultaat toen ik "position: absolute;" weghaalde bij .page_content.quote:Op woensdag 9 juli 2008 22:54 schreef HuHu het volgende:
Doe eens in die container iets van height:100% of height:auto ofzo, en gooi bij page_content die overflow en background-color eens weg.
Waarom gebruik je eigenlijk "position: absolute;" ? Er zijn meer opties om dingen te positioneren, en met absolute haal je dingen uit de normale flow en wordt het voor de browsers veel lastiger om er goed mee te werken. Normaal gesproken staan elementen met "position: absolute;" onder in de pagina (qua html source, niet noodzakelijk qua layout).quote:Op woensdag 9 juli 2008 22:46 schreef wonderer het volgende:
Maar met relative werkt het ook niet. Wat moet ik dan?
Omdat ik niet beter weet? Ik sta open voor suggesties, hoorquote:Op woensdag 9 juli 2008 23:19 schreef Light het volgende:
[..]
Waarom gebruik je eigenlijk "position: absolute;" ? Er zijn meer opties om dingen te positioneren, en met absolute haal je dingen uit de normale flow en wordt het voor de browsers veel lastiger om er goed mee te werken. Normaal gesproken staan elementen met "position: absolute;" onder in de pagina (qua html source, niet noodzakelijk qua layout).
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"top" en "left in .page_content heb ik veranderd in margin-top en margin-left en position weggehaald en nu werkt het... alleen in FF 
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
Een suggestie dan, met wat css commentaar om wat dingen te verduidelijken.quote:Op woensdag 9 juli 2008 23:27 schreef wonderer het volgende:
[..]
Omdat ik niet beter weet? Ik sta open voor suggesties, hoor ;)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | /* De meeste browsers hanteren hier niet standaard 0, waardoor je pagina nooit strak tegen de rand kan komen */ margin: 0; padding: 0; } #container { width:792px; /* De volgende twee regels zorgen voor horizontaal centreren */ margin-left:auto; margin-right:auto; margin-top:100px; background-color:#FFCCFF; } .page_content { width:613px; /* Ik neem aan dat deze div gecentreerd moet worden in de vorige */ margin-left:90px; /* Eventueel kun je met margin-top een ruimte vanaf de bovenkant instellen */ } |
Het horizontaal centreren gaat niet altijd goed in IE6. Dat kun je eenvoudig oplossen:
| 1 2 3 4 5 6 | text-align: center; } #container { text-align: left; } |
In IE6 ('k weet niet zeker of het ook opgaat voor IE7) wordt text-align niet alleen op tekst maar ook op andere elementen toegepast. Maar de eigenschap heet niet everything-align ;)
Als de container tegen de bovenrand moet komen is het nog makkelijker (niet voor IE6):
| 1 2 3 | margin: 0 auto; } |
Ik heb hier helaas geen IE bij de hand om mee te testenquote:Op woensdag 9 juli 2008 23:33 schreef wonderer het volgende:
"top" en "left in .page_content heb ik veranderd in margin-top en margin-left en position weggehaald en nu werkt het... alleen in FF
Het lijkt erop dat IE6 margin-top negeertquote:Op woensdag 9 juli 2008 23:46 schreef Light het volgende:
[..]
Ik heb hier helaas geen IE bij de hand om mee te testen
Ik heb nu een padding in de container met dezelfde afstand, maar nu doen mijn muisovers (css, daar heb ik al een hack voor gebruikt voor IE6. Ik haat IE6 ) het niet meer...
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
IE6 is een ramp. Gelukkig komt IE7 steeds meer op, en die gedraagt zich een stuk beter.quote:Op woensdag 9 juli 2008 23:54 schreef wonderer het volgende:
[..]
Het lijkt erop dat IE6 margin-top negeert
Ik weet het. Ik zal het echter toch crossbrowser moeten maken tot IE6 van de aardkloot is verdwenen
Nou ja, ik puzzel nog even verder, anders verzin ik wel iets anders. In ieder geval bedankt voor de hulp
Nou ja, ik puzzel nog even verder, anders verzin ik wel iets anders. In ieder geval bedankt voor de hulp
"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."
Op mijn site wil ik sIFR in de headers gaan gebruiken. Ik heb al deze stappen doorlopen, maar hij werkt nog steeds niet. Iemand misschien een idee waar het aan kan liggen?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ik heb recentelijk ook sIFR gebruikt op een site en ik kreeg sIFR 2.0 niet werkend. Maar ik zag wel een sIFR 3.0 beta, en die werkt wel (maar bij mij niet goed in IE6).
Dat dan maar eens morgen proberen, thanks!quote:Op maandag 11 augustus 2008 22:36 schreef Light het volgende:
Ik heb recentelijk ook sIFR gebruikt op een site en ik kreeg sIFR 2.0 niet werkend. Maar ik zag wel een sIFR 3.0 beta, en die werkt wel (maar bij mij niet goed in IE6).
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
