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.
Dat ga ik dan ook nog eens proberenquote:Op dinsdag 12 augustus 2008 13:36 schreef HenkBenzinetank het volgende:
Wat sIFR betreft, het kan ook aan je lettertype liggen. Met name sommige OTF letters trekt ie niet zo goed
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. :'(
Een probleempje waar ik laatst mee zat en wat ik niet opgelost kreeg met css. Misschien heeft iemand hier nog een idee hoe het met css netjes moet kunnen?
Eerst het probleem:
Waar het > staat moet een plaatje komen. Dat kan normaal heel goed met een list-style-image, maar dan zit ik in de knoop met de datum die daarvoor staat. Bij een andere variant waar die datum er niet is, wordt alles uiteraard als list weergegeven. En semantisch gezien is dit ook een lijst, dus wilde ik het ook zo weergeven. Maar door de vreemde plaatsing van de datum is me dat niet gelukt.
Heeft iemand een idee hoe ik dit had kunnen oplossen met een list, en wel zo dat als de titel na de > te lang wordt, deze gaat inspringen zodat alles netjes onder elkaar blijft staan?
Eerst het probleem:
| 1 2 3 | een regel past dd-mm-jjjj > korte tekst op 1 regel |
Waar het > staat moet een plaatje komen. Dat kan normaal heel goed met een list-style-image, maar dan zit ik in de knoop met de datum die daarvoor staat. Bij een andere variant waar die datum er niet is, wordt alles uiteraard als list weergegeven. En semantisch gezien is dit ook een lijst, dus wilde ik het ook zo weergeven. Maar door de vreemde plaatsing van de datum is me dat niet gelukt.
Heeft iemand een idee hoe ik dit had kunnen oplossen met een list, en wel zo dat als de titel na de > te lang wordt, deze gaat inspringen zodat alles netjes onder elkaar blijft staan?
Zorgen dat je datum altijd in hetzelfde formaat is (dus altijd dd-mm-yyyy en niet één keer d-mm-yy en de andere keer dd-m-yyyy) en deze een vaste breedte laten hanteren (monospace lettertype gebruiken?), vervolgens het plaatje als background-image, en de te 'wrappen' tekst in een span.quote:Op maandag 18 augustus 2008 22:53 schreef Light het volgende:
Een probleempje waar ik laatst mee zat en wat ik niet opgelost kreeg met css. Misschien heeft iemand hier nog een idee hoe het met css netjes moet kunnen?
Eerst het probleem:
[ code verwijderd ]
Waar het > staat moet een plaatje komen. Dat kan normaal heel goed met een list-style-image, maar dan zit ik in de knoop met de datum die daarvoor staat. Bij een andere variant waar die datum er niet is, wordt alles uiteraard als list weergegeven. En semantisch gezien is dit ook een lijst, dus wilde ik het ook zo weergeven. Maar door de vreemde plaatsing van de datum is me dat niet gelukt.
Heeft iemand een idee hoe ik dit had kunnen oplossen met een list, en wel zo dat als de titel na de > te lang wordt, deze gaat inspringen zodat alles netjes onder elkaar blijft staan?
Of de datum in een span (of misschien is de datum zo belangrijk dat het een kop moet zijn?) en die een negatieve margin-left geven. Rest dan positioneren met padding-left en de afbeelding als achtergrondafbeelding. Dan maakt de breedte van de datum ook niet meer uit.
hmm ik ben weer eens met mn menu-vanuit-een-database aan het stoeien, maar ik kom dr niet uit (klote css 
).
Het menu heb ik qua opzet hiervandaan geplukt: http://tutorials.alsacreations.com/deroulant/
(grootste verschil is dat ik de opbouw als moeder/dochter structuur in een database heb staan en met 2 loopjes dit er uit pluk - dat werkt).
Enige wat mij niet lukt is het centreren ... op http://pestforum.nl/users/test.php draai ik een testje, op http://pestforum.nl/users/white.css staat't CSS - de boosdoener. left = 50% zet het linkerpunt van het menu mooi gecentreerd - maar ik wil dus het hele menu centreren.
Mocht iemand weten hoe - dan hoor ik het heel graag - Ik kan wel handmatig centreren, maar dat is niet echt een oplossing bij een dynamisch menu
). Het menu heb ik qua opzet hiervandaan geplukt: http://tutorials.alsacreations.com/deroulant/
(grootste verschil is dat ik de opbouw als moeder/dochter structuur in een database heb staan en met 2 loopjes dit er uit pluk - dat werkt).
Enige wat mij niet lukt is het centreren ... op http://pestforum.nl/users/test.php draai ik een testje, op http://pestforum.nl/users/white.css staat't CSS - de boosdoener. left = 50% zet het linkerpunt van het menu mooi gecentreerd - maar ik wil dus het hele menu centreren.
Mocht iemand weten hoe - dan hoor ik het heel graag
- Ik kan wel handmatig centreren, maar dat is niet echt een oplossing bij een dynamisch menu
Komt ie dan he:
persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.
| 1 2 3 4 5 6 7 8 | height: 20px /* hoogte van de knoppen */' width: 700px; /* breedte van het menu, nodig om te centreren */ margin: 0 auto; /* zet linker en rechter marges op automatisch, dus het menu in het midden */ top: 75px; z-index: 100px; line-height: /* finishing touch, centreer tekst verticaal */ } |
persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.
Om iets te centreren moet je het een breedte geven (en dan een kleinere breedte dan het element waar het in staat). Als je body 1000px breed is en je menu ook dan valt er niet veel te centrerenquote:Op maandag 25 augustus 2008 14:00 schreef LeeHarveyOswald het volgende:
hmm ik ben weer eens met mn menu-vanuit-een-database aan het stoeien, maar ik kom dr niet uit (klote css
Het menu heb ik qua opzet hiervandaan geplukt: http://tutorials.alsacreations.com/deroulant/
(grootste verschil is dat ik de opbouw als moeder/dochter structuur in een database heb staan en met 2 loopjes dit er uit pluk - dat werkt).
Enige wat mij niet lukt is het centreren ... op http://pestforum.nl/users/test.php draai ik een testje, op http://pestforum.nl/users/white.css staat't CSS - de boosdoener. left = 50% zet het linkerpunt van het menu mooi gecentreerd - maar ik wil dus het hele menu centreren.
Mocht iemand weten hoe - dan hoor ik het heel graag
En als je body 1000px breed is en je menu 500px dan kun je wel centreren. Probleem met een dynamisch menu is dat je niet weet hoeveel items er in zitten, dus hoe breed het menu moet worden. Dat kun je wel weer oplossen met een stukje javascript. Een idee is dan om in je template ( / html) een variabele te setten die aangeeft hoeveel menu-items er zijn. De rest regel je dan met een stukje javascript in een ander bestand.
Eens. Ik vind de Son of Suckerfish-implementatie altijd wel handig. En lekker overzichtelijk kleinquote:Op maandag 25 augustus 2008 17:18 schreef HenkBenzinetank het volgende:
Komt ie dan he:
[ code verwijderd ]
persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.
min-width zou dan kunnen werkenquote:Op maandag 25 augustus 2008 19:57 schreef Light het volgende:
[..]
Om iets te centreren moet je het een breedte geven (en dan een kleinere breedte dan het element waar het in staat). Als je body 1000px breed is en je menu ook dan valt er niet veel te centreren
Maar niet erg IE6 compatible helaas.quote:Op maandag 25 augustus 2008 20:06 schreef HenkBenzinetank het volgende:
min-width zou dan kunnen werken
| 1 2 3 4 5 6 7 8 9 | body { width: 100%; height: 100%; min-width:800px; /* This takes care of all the 'decent' browsers */ margin: 0px; padding: 0px; /*optional*/ /* Optionally set text-align: center; and increase the padding if you wish to have the page centered with margins... */ } |
of
| 1 2 | width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto"); |
u vraagt, google draait
quote:Op maandag 25 augustus 2008 17:18 schreef HenkBenzinetank het volgende:
Komt ie dan he:
[ code verwijderd ]
persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.
| 1 2 3 4 5 6 7 8 | position: absolute; width: 700px; /* breedte van het menu, nodig om te centreren */ margin: 0 auto; /* zet linker en rechter marges op automatisch, dus het menu in het midden */ top: 75px; z-index: 100px; line-height: /* finishing touch, centreer tekst verticaal */ } |
Dit zou ook moeten werken als het menu breder is?
Dit is de variatie die ik daarop gebruikt heb (Zonder Pos. absolute; verplaatst de tekst als ik over het menu scroll). Nu lijnt hij hem volledig links uit (anders wel gecentreerd).
En de vaste knophoogte heb ik dr uitgesloopt, dit omdat een knop ook 2 regels kan bevatten. .
Dus dit is meer wat ik nodig heb?quote:Op maandag 25 augustus 2008 20:33 schreef HenkBenzinetank het volgende:
[ code verwijderd ]
of
[ code verwijderd ]
u vraagt, google draait
CSS expressions zijn niet echt lekker overigens, heeft een sterke (negatieve) invloed op rendering van je pagina in een browser.
IE6 moet dan ook dood.quote:Op maandag 25 augustus 2008 20:09 schreef CraZaay het volgende:
[..]
Maar niet erg IE6 compatible helaas.
Gewoon Windows Update gebruiken. Is dat ding toch ergens goed voorquote:Op maandag 25 augustus 2008 22:12 schreef CraZaay het volgende:
[..]
Eensch. Maar maak dat die 30+% van alle internetgebruikers ook maar wijs
Sinds wanneer haalt die Firefox binnen?quote:Op maandag 25 augustus 2008 22:18 schreef Light het volgende:
[..]
Gewoon Windows Update gebruiken. Is dat ding toch ergens goed voor
Hmm.... goed punt.. Maar 'k maak liever iets voor IE7 dan voor IE6. IE7 werkt al 100x beter.quote:Op maandag 25 augustus 2008 22:39 schreef LeeHarveyOswald het volgende:
[..]
Sinds wanneer haalt die Firefox binnen?
(En voor de rest van de browserwars kunnen we vast beter een ander topic opzoeken.)
Punt is alleen dat uitgerekend je klanten op hun kantoortjes vaak allemaal een verrotte windows xp installatie met IE6 hebben..
Yip. En je kan nog zo vurig willen dat mensen upgraden naar IE7, feit blijft dat 3 op alle 10 bezoekers IE6 gebruiken. Da's best veelquote:Op maandag 25 augustus 2008 22:56 schreef HenkBenzinetank het volgende:
Punt is alleen dat uitgerekend je klanten op hun kantoortjes vaak allemaal een verrotte windows xp installatie met IE6 hebben..
