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
1 2 3 | een regel past dd-mm-jjjj > korte tekst op 1 regel |
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?
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 */ } |
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 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.quote: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 - Ik kan wel handmatig centreren, maar dat is niet echt een oplossing bij een dynamisch menu
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 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.
Maar niet erg IE6 compatible helaas.quote:Op maandag 25 augustus 2008 20:06 schreef HenkBenzinetank het volgende:
min-width zou dan kunnen werken
Geef die er dan meteen bij zou ik zeggen, anders is het een redelijk loze suggestie imoquote:Op maandag 25 augustus 2008 20:19 schreef HenkBenzinetank het volgende:
Daar zijn oplossingen voor
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... */ } |
1 2 | width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto"); |
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 */ } |
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
IE6 moet dan ook dood.quote:Op maandag 25 augustus 2008 20:09 schreef CraZaay het volgende:
[..]
Maar niet erg IE6 compatible helaas.
Eensch. Maar maak dat die 30+% van alle internetgebruikers ook maar wijsquote:
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. (En voor de rest van de browserwars kunnen we vast beter een ander topic opzoeken.)quote:Op maandag 25 augustus 2008 22:39 schreef LeeHarveyOswald het volgende:
[..]
Sinds wanneer haalt die Firefox binnen?
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..
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |