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.
Vraagje, is het mogelijk om een frameset te vervangen door divs inclusief de mogelijkheid om een cell breder of minderbreed te maken? bv?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Niet met CSS alleen. Daar heb je (flink) wat javascript voor nodig.quote:Op woensdag 16 mei 2007 21:34 schreef Chandler het volgende:
Vraagje, is het mogelijk om een frameset te vervangen door divs inclusief de mogelijkheid om een cell breder of minderbreed te maken? bv?
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? |
Met Javascript ja (DOM bewerken = gedrag = Javascript)quote:Op woensdag 16 mei 2007 21:34 schreef Chandler het volgende:
Vraagje, is het mogelijk om een frameset te vervangen door divs inclusief de mogelijkheid om een cell breder of minderbreed te maken? bv?
Er zijn ongetwijfeld genoeg libraries waarmee dat eenvoudig kan.
Hallo,
ik zit met een klein CSS probleem dat in FF de kop op steek. Ik heb de volgende exteren stylesheet :
In MSIE werkt deze code prima, alleen in Firefox is het net of A:active 'niet werkt'. Zodra ik over een link ga, wordt ie mooi wit, maar als ik klik en de muis weg beweeg blijft ie niet wit. In MSIE doet ie dit wel. Iemand suggesties hoe ik dit op kan lossen?? Alvast hartelijk dank.
edit: In Opera werkt de active ook niet.
ik zit met een klein CSS probleem dat in FF de kop op steek. Ik heb de volgende exteren stylesheet :
| 1 2 3 4 5 6 7 | A:visited {font-family: verdana, Helvetica, sans-serif;font-size: 11px;color:#cccccc;text-decoration:none;font-weight: bold;} A:hover {font-family: verdana, Helvetica, sans-serif;font-size: 11px;color:#ffffff;text-decoration:none;font-weight: bold;} A:active {font-family: verdana, Helvetica, sans-serif;font-size: 11px;color:#ffffff;text-decoration:none;font-weight: bold;} |
In MSIE werkt deze code prima, alleen in Firefox is het net of A:active 'niet werkt'. Zodra ik over een link ga, wordt ie mooi wit, maar als ik klik en de muis weg beweeg blijft ie niet wit. In MSIE doet ie dit wel. Iemand suggesties hoe ik dit op kan lossen?? Alvast hartelijk dank.
edit: In Opera werkt de active ook niet.
probeer het eens met kleine letters. Dit werkt wel in FF (net getest)
En het kan sowiezo een stuk netter.
Ik vind het trouwens best ranzig gecode, zo alles op 1 regel.
En het kan sowiezo een stuk netter.
| 1 2 3 4 5 6 7 8 9 | a:link {color:#cccccc;} a:visited {color:#cccccc;} a:hover {color:#ffffff;} a:active {color:#ffffff;} |
Ik vind het trouwens best ranzig gecode, zo alles op 1 regel.
dank voor de opschoning, maar hij werkt nog steeds niet bij mij :/ Hover gaat wel goed, maar na klikken blijft ie niet wit...quote:Op donderdag 24 mei 2007 13:33 schreef super-muffin het volgende:
probeer het eens met kleine letters. Dit werkt wel in FF (net getest)
En het kan sowiezo een stuk netter.
[ code verwijderd ]
Ik vind het trouwens best ranzig gecode, zo alles op 1 regel.
Je moet niet uitgaan van het gedrag dat Internet Explorer vertoont, dat is niet-standaard. :active voor links geldt zolang je de muis erop ingedrukt houdt en hoort niet langer toegepast te worden als je de muis weer loslaat.quote:Op donderdag 24 mei 2007 13:38 schreef dewitteparel het volgende:
[..]
dank voor de opschoning, maar hij werkt nog steeds niet bij mij :/ Hover gaat wel goed, maar na klikken blijft ie niet wit...
Volgens W3C is dat een mogelijkheid waarop een client om kan gaan met a:active. De implementatie van IE is net zo geldig. Neemt niet weg dat dit browsergedrag is, en niet verder te beinvloeden met CSS.quote:Op donderdag 24 mei 2007 22:01 schreef AnGabhar het volgende:
[..]
Je moet niet uitgaan van het gedrag dat Internet Explorer vertoont, dat is niet-standaard. :active voor links geldt zolang je de muis erop ingedrukt houdt en hoort niet langer toegepast te worden als je de muis weer loslaat.
Dat ben ik niet met je eens. W3C schrijft voor:quote:Op donderdag 24 mei 2007 22:09 schreef CraZaay het volgende:
[..]
Volgens W3C is dat een mogelijkheid waarop een client om kan gaan met a:active. De implementatie van IE is net zo geldig. Neemt niet weg dat dit browsergedrag is, en niet verder te beinvloeden met CSS.
Nadat een gebruiker op een link geklikt heeft, of er een deel van heeft geselecteerd, valt niet meer te rijmen met de bewoording "is being activated".quote:The :active pseudo-class applies while an element is being activated by the user.
Intussen heeft het gedrag van IE geleid tot talloze script kiddies die een gefocuste link (zij het per muis of per toetsenbord) scriptmatig weer ontfocussen, wat tot grote toegankelijkheidsproblemen leidt voor toetsenbordgebruikers. Maar ik dwaal af...
Internet Eplorer 6 vertoont veel rare fratsen met :hover en :focus, IE7 gelukkig al wat minder. Misschien toch beter om er een Javascriptje achter te hangen wat reageert op een onclick/onkeyup attribuut.
Of je gebruikt http://www.xs4all.nl/~peterned/csshover.html .quote:Op donderdag 24 mei 2007 22:36 schreef Tuvai.net het volgende:
Internet Eplorer 6 vertoont veel rare fratsen met :hover en :focus, IE7 gelukkig al wat minder. Misschien toch beter om er een Javascriptje achter te hangen wat reageert op een onclick/onkeyup attribuut.
Hope for the best, prepare for the worst.
Klein vraagje; ik krijg in mijn MAP (image map) de cursor niet veranderd van de area's
bv, of een van de vele anderen niet :{
| 1 |
bv, of een van de vele anderen niet :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Voor zover ik weer is het stylen van een <area> niet mogelijk. Het is immers geen normaal block HTML element, en is enkel bedoeld om een klikbaar gebied van je <map> aan te duiden.quote:Op donderdag 24 mei 2007 23:34 schreef Chandler het volgende:
Klein vraagje; ik krijg in mijn MAP (image map) de cursor niet veranderd van de area's
[ code verwijderd ]
bv, of een van de vele anderen niet
[ Bericht 1% gewijzigd door Tuvai.net op 25-05-2007 08:41:47 ]
jammer... ik had al gezocht maar niet echt iets kunnen vinden
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Dat is helaas niet de oplossing die ik zoek, want vaak gebruik ik niet een hele afbeelding qua areamap maar een gedeelte er van
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Eventueel zou je dit met javascript kunnen oplossen, of wanneer de toepassing het toe laat geen map gebruiken? Ik zou niet weten wanneer ik voor het laatst een map gebruikt heb
Ik wil het voor GFXPOLL gebruiken, dat je ook op het plaatje kan klikken ivm de keuze eventueel met een kleur over de image heen...
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ik heb ook een css probleempje.. ik heb een div met een logootje erin, die ik onderaan de pagina wil plaatsen.. dat betekent onderaan het scherm indien de inhoud van de pagina korter is dan het scherm, en helemaal onderaan de pagina als de inhoud langer is.
Zoals ik het nu voor elkaar heb blijft het logo, ook als de inhoud hoger is dan het scherm, onderaan het venster staan, en niet onderaan de pagina..
Huidige code:
Deze div zet ik helemaal onderaan in de code, net voor het afsluiten van de body tag. De body heeft een hoogte van 100%.
Situatie doet zich overigens voor in zowel IE6, IE7 als FF
Hoe krijg ik dit voor elkaar? :)
Zoals ik het nu voor elkaar heb blijft het logo, ook als de inhoud hoger is dan het scherm, onderaan het venster staan, en niet onderaan de pagina..
Huidige code:
| 1 2 3 4 5 6 | position: absolute; clear: both; right: 0; bottom: 0; } |
Deze div zet ik helemaal onderaan in de code, net voor het afsluiten van de body tag. De body heeft een hoogte van 100%.
Situatie doet zich overigens voor in zowel IE6, IE7 als FF
Hoe krijg ik dit voor elkaar? :)
Zoiets in je css:
Alle inhoud in een div#content zetten, het logo daarna in een div#logo.
Lijkt te werken in Opera, Firefox en IE7.
Zorg ervoor dat de padding-bottom van div#content even groot is als (of iets groter dan) de hoogte van de div#logo, anders verdwijnt de tekst erachter.
| 1 2 3 4 | body {min-height: 100%; position: relative; margin: 0; padding: 0} div#content {padding: 8px 8px 150px 8px} div#logo {position: absolute; bottom: 0; width: 100%; height: 150px} |
Alle inhoud in een div#content zetten, het logo daarna in een div#logo.
Lijkt te werken in Opera, Firefox en IE7.
Zorg ervoor dat de padding-bottom van div#content even groot is als (of iets groter dan) de hoogte van de div#logo, anders verdwijnt de tekst erachter.
Helaas, dat werkt niet.. een dergelijke constructie had ik al uitgeprobeerd, maar de browser lijkt niet te snappen dat ik met bottom: 0; de onderkant van de pagina, en niet het venster bedoel
edit: wat overigens heel vaag is is dat als ik de div#logo opneem in de content-div, het logo helemaal bovenaan de pagina terecht komt
edit2: wat overigens een goed alternatief zou zijn is position: fixed, waardoor het logo als het ware meescrollt met de pagina, maar dat wordt niet ondersteund in IE6, en ik ben genoodzaakt ook die browser te ondersteunen..
[ Bericht 25% gewijzigd door Intrepidity op 25-05-2007 23:21:27 ]
edit: wat overigens heel vaag is is dat als ik de div#logo opneem in de content-div, het logo helemaal bovenaan de pagina terecht komt
edit2: wat overigens een goed alternatief zou zijn is position: fixed, waardoor het logo als het ware meescrollt met de pagina, maar dat wordt niet ondersteund in IE6, en ik ben genoodzaakt ook die browser te ondersteunen..
[ Bericht 25% gewijzigd door Intrepidity op 25-05-2007 23:21:27 ]
Tja, in alle andere browsers werkt dit. Toch maar een tabel dan?
Hoe lang blijven mensen IE6 ondersteunen trouwens? Die achterlijke browser houdt het web al vijf jaar tegen. Nu IE7 een klein half jaar uit is mag er wat mij betreft best een tweede browser upgrade campaign komen waarbij IE6 met zachte dwang het ravijn in wordt geduwd. Mensen die IE6 blijven gebruiken ondanks de uitleg moeten dan maar met iets minder grafisch genoegen tevreden zijn.
Hoe lang blijven mensen IE6 ondersteunen trouwens? Die achterlijke browser houdt het web al vijf jaar tegen. Nu IE7 een klein half jaar uit is mag er wat mij betreft best een tweede browser upgrade campaign komen waarbij IE6 met zachte dwang het ravijn in wordt geduwd. Mensen die IE6 blijven gebruiken ondanks de uitleg moeten dan maar met iets minder grafisch genoegen tevreden zijn.
Totaal mee eens, maar de klant wil dit zo..
Achja ik pruts wel wat.. doe wel gewoon position: fixed, en dan heeft IE6 last van een niet meescrollend logootje, pech..
Achja ik pruts wel wat.. doe wel gewoon position: fixed, en dan heeft IE6 last van een niet meescrollend logootje, pech..
Hey hallo,
Ik ben maar weer een poging gaan wagen om met div's te gaan werken. Tot nu toe ukt het redelijk, alleen zit ik met een probleem.
Ik had dit bericht ook al eerder geplaatst in een los topic, maar bij deze ook hier... Kom er nog steeds niet uit namelijk.
Op de volgende site http://www.huttenbouw.nl/2007/ zie je een voorbeeld van de site, is Firefox zie dit er goed uit, alleen in IE zit ik met een probleem met de plaatsing van de content div. Ik kom er niet uit wat dit nu moet zijn. Kan iemand mij helpen?
Ik heb trouwens als voorbeeld deze site gebruikt: http://blog.html.it/layoutgala/
Alvast bedankt.
Ik ben maar weer een poging gaan wagen om met div's te gaan werken. Tot nu toe ukt het redelijk, alleen zit ik met een probleem.
Ik had dit bericht ook al eerder geplaatst in een los topic, maar bij deze ook hier... Kom er nog steeds niet uit namelijk.
Op de volgende site http://www.huttenbouw.nl/2007/ zie je een voorbeeld van de site, is Firefox zie dit er goed uit, alleen in IE zit ik met een probleem met de plaatsing van de content div. Ik kom er niet uit wat dit nu moet zijn. Kan iemand mij helpen?
Ik heb trouwens als voorbeeld deze site gebruikt: http://blog.html.it/layoutgala/
Alvast bedankt.
Gretsch fan
