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.
Sorry. Kusje? 
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ik open zelf maar even een nieuwe. Echt alleen javascript? Da's kut, dan moet ik echt een nieuwe pagina aanmaken voor hetzelfde artikel. Bedankt voor het opzoeken though 
Een nieuwe pagina? Waarom?quote:Op donderdag 23 juni 2011 11:20 schreef RenRen- het volgende:
Ik open zelf maar even een nieuwe. Echt alleen javascript? Da's kut, dan moet ik echt een nieuwe pagina aanmaken voor hetzelfde artikel. Bedankt voor het opzoeken though
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ik zit te werken in Joomla..quote:
En echt niet omdat ik het zo fijn vind werken, het moet.
En daar heb je in een artikel de optie "Lees meer", alleen als ik dat selecteer, krijg je alleen de tekst VANAF de lees meer, dus niet de intro, en moet ik een andere optie gaan zoeken. En aangezien ik lastig in de html kan gaan kutten omdat de hele layout dan dood gaat, en javascript nog weleens opgeslokt wordt door Joomla, hoopte ik op een manier met CSS. Maar nu moet ik dus de introtekst op pagina 1, en de gehele tekst op pagina 2.
!
Dat lijstje met topics in de OP, dat kan er wel uit. En de TT, zullen we daar een keer [HTML/CSS] van maken?
Die moet je denk ik even in de FB posten, linkjes haal ik er wel uitquote:Op donderdag 23 juni 2011 11:43 schreef KomtTijd... het volgende:
Dat lijstje met topics in de OP, dat kan er wel uit. En de TT, zullen we daar een keer [HTML/CSS] van maken?
(Gewoon omdat het niet mijn subforum is)
is er een mogelijkheid om letters een willekeurige kleur te geven
en dan ook elke letter een andere kleur?
of laten kiezen uit bepaalde kleuren?
en dan ook elke letter een andere kleur?
of laten kiezen uit bepaalde kleuren?
Kun je 'm niet vinden?quote:
is er een mogelijkheid om letters een willekeurige kleur te geven
en dan ook elke letter een andere kleur?
of laten kiezen uit bepaalde kleuren?
[Javascript] voor dummies (deel 11)
nee nee...dat is geluktquote:
[..]
Kun je 'm niet vinden?
[Javascript] voor dummies (deel 11)
dit is toch iets anders
ik wil nu graag in 1 vd 2 css files dat de LETTERS een random kleur krijgen
elke letter een andere kleur ook nog
de vraag is of dat automatisch kan met een code in css...of toch js misschien
het is maar voor 12 woorden (menu) maar toch...tis een klote werk en als het auto kan
Nee, dat moet je scripten.
Of je moet iedere letter in een eigen span met classname zetten en iedere class een aparte kleur geven in je css. Maar dan nog zijn de kleuren dus niet random.
Of je moet iedere letter in een eigen span met classname zetten en iedere class een aparte kleur geven in je css. Maar dan nog zijn de kleuren dus niet random.
Als het toch maar twaaf woorden zijn zou ik het gewoon allemaal aparte span's geven. En kleuren zou je toch wel kunnen randomizen op een bepaalde manier? Ik zou het sowieso al niet doen overigens 
. Maar als je het voor die ene keer gaat string replace of een functie gaat schrijven dan kost het alleen maar denkkracht, voor die paar tekentjes extra.
. Maar als je het voor die ene keer gaat string replace of een functie gaat schrijven dan kost het alleen maar denkkracht, voor die paar tekentjes extra.
twaalf woorden zijn al snel een letter of 100.
100x <span class='color1'>a</span>, je moet het maar in je code willen hebben...
100x <span class='color1'>a</span>, je moet het maar in je code willen hebben...
Lettering.js doet dat automagisch voor je, om iedere letter een class zetten. Uiteraard ga je dat niet handmatig of in serverside-code zitten doen. Met wat CSS3 kun je zo heel makkelijk een kleurencombinatie maken die er random uit ziet.quote:
Nee, dat moet je scripten.
Of je moet iedere letter in een eigen span met classname zetten en iedere class een aparte kleur geven in je css. Maar dan nog zijn de kleuren dus niet random.
Bleuh.
Dat zeg ikquote:
[..]
Lettering.js doet dat automagisch voor je, om iedere letter een class zetten. Uiteraard ga je dat niet handmatig of in serverside-code zitten doen. Met wat CSS3 kun je zo heel makkelijk een kleurencombinatie maken die er random uit ziet.
Ja, maar een linkje naar een kant-en-klaar tooltje is wel zo handig toch? Ik zou in ieder geval waarschijnlijk een paar uur bezig zijn om zoiets zelf te scripten hoor 
- Maar ik ben dan ook geen Javascript-held.
- Maar ik ben dan ook geen Javascript-held.
Bleuh.
Vandaag trouwens bezig geweest met het positioneren van elementen die buiten de viewport kunnen vallen, indien deze te klein is. Het gaat om afbeeldingen die buiten de algemene container van de website staan, maar dus niet voor een horizontale scrollbar mogen zorgen. Nog een heel teringwerk geweest om iets te bedenken dat goed werkt, maar denk dat ik inmiddels een heel eind ben.
In eerste instantie dacht ik "absoluut positioneren, klaarrrrrr" - maar dat werkt natuurlijk alleen als de afbeeldingen naan de linkerkant buiten de viewport staan. Aan de rechterkant zorgt dit (logisch) natuurlijk voor een scrollbalk.
Voordat iemand zegt "media-queries!" - dat is m.i. geen mogelijkheid omdat het ook zonder Javascript moet werken in oudere browsers. Hopelijk morgen afronden
In eerste instantie dacht ik "absoluut positioneren, klaarrrrrr" - maar dat werkt natuurlijk alleen als de afbeeldingen naan de linkerkant buiten de viewport staan. Aan de rechterkant zorgt dit (logisch) natuurlijk voor een scrollbalk.
Voordat iemand zegt "media-queries!" - dat is m.i. geen mogelijkheid omdat het ook zonder Javascript moet werken in oudere browsers. Hopelijk morgen afronden
Bleuh.
ziet er goed uitquote:
[..]
Lettering.js doet dat automagisch voor je, om iedere letter een class zetten. Uiteraard ga je dat niet handmatig of in serverside-code zitten doen. Met wat CSS3 kun je zo heel makkelijk een kleurencombinatie maken die er random uit ziet.
weet alleen helemaal niet hoe dat jQuery werkt
wat ik dan weer minder vindt is dat de volgorde van de kleuren overal gelijk zijn
misschien is dat wel aan te passen maar ik zie niet hoe
Kijk naar het voorbeeld en de CSS die in de HTML zit:quote:
[..]
ziet er goed uit
weet alleen helemaal niet hoe dat jQuery werkt
wat ik dan weer minder vindt is dat de volgorde van de kleuren overal gelijk zijn
misschien is dat wel aan te passen maar ik zie niet hoe
| 1 2 3 4 5 6 7 8 9 10 | #demo2 .word2, .line2 { color: orange; } .char3, .word3, .line3 { color: yellow; } .char4, .line4 { color: blue; } .char5 { color: green; } .char6 { color: indigo; } .char7 { color: violet; } |
Als je het voor een woord van 100 letters doet is het wel veel werk maar het is dus te manipuleren.
jQuery instap;
http://docs.jquery.com/Tutorials:How_jQuery_Works
maar dan kan ik net zo goed alle letters apart een span class meegevenquote:Op vrijdag 24 juni 2011 12:04 schreef DaFan het volgende:
[..]
Kijk naar het voorbeeld en de CSS die in de HTML zit:
[ code verwijderd ]
Je kan dus zelf de kleuren per letter bepalen.
Als je het voor een woord van 100 letters doet is het wel veel werk maar het is dus te manipuleren.
jQuery instap;
http://docs.jquery.com/Tutorials:How_jQuery_Works
ziet er alleen uit al een h**r maar werkt zelfde en misschien nog wel sneller klaar
misschien voor elk woord ff een include met php doen..dan ziet het er iets overzichtelijker uit
Als je het maar 1x gebruikt, denk het wel ja. Het ziet er idd niet uit.quote:
[..]
maar dan kan ik net zo goed alle letters apart een span class meegeven
ziet er alleen uit al een h**r maar werkt zelfde en misschien nog wel sneller klaar
misschien voor elk woord ff een include met php doen..dan ziet het er iets overzichtelijker uit
Voor zover ik kan zien, is het enige wat lettering voor je doet (wat jij wil) is er spans omheen zetten.
Zag in het vorige topic dat de style-informatie werd gewijzigd om het een en ander wel of niet zichtbaar te maken. Tests wijzen uit dat het sneller is om de naam van de class te beïnvloeden in plaats van de declaratie.
Begint ook steeds meer op een front-end topic te lijken, waar html, css en js-vragen allen voorbij komen. Wellicht tijd om dit topic daar naar te noemen, met het javascript topic als backup om specifieke coding-problemen voor te leggen.
edit: heb het in FB voorgelegd: Het grote Digital Corner FB topic
[ Bericht 19% gewijzigd door n8n op 24-06-2011 16:45:08 ]
Begint ook steeds meer op een front-end topic te lijken, waar html, css en js-vragen allen voorbij komen. Wellicht tijd om dit topic daar naar te noemen, met het javascript topic als backup om specifieke coding-problemen voor te leggen.
edit: heb het in FB voorgelegd: Het grote Digital Corner FB topic
[ Bericht 19% gewijzigd door n8n op 24-06-2011 16:45:08 ]
“Specialization is for insects”.—Robert Heinlein
Hullo weer.
Ik ben nu eindelijk weer voor mezelf bezig Ongeveer dan, en daar heb ik weereens een vraag over.
Ik heb een menu, die is 44px hoog, waarin menu-items staan, die zijn wat kleiner. Bij de hover en de active wil ik dat er een afbeelding te zien is. Het probleem is echter dat die wat hoger is dan de items, en nu dus afgesneden wordt naar 12px. Ik heb de menu a, menu ul a, menu ul en menu ul li, ennnn #menu ul li a:hover geprobeerd hoger te maken, maar mijn afbeelding komt steeds niet goed naar voren, hoe krijg ik dit voor elkaar?
Als je een linkje nodig hebt, kun je DM'en.
Ik ben nu eindelijk weer voor mezelf bezig
Ongeveer dan, en daar heb ik weereens een vraag over. Ik heb een menu, die is 44px hoog, waarin menu-items staan, die zijn wat kleiner. Bij de hover en de active wil ik dat er een afbeelding te zien is. Het probleem is echter dat die wat hoger is dan de items, en nu dus afgesneden wordt naar 12px. Ik heb de menu a, menu ul a, menu ul en menu ul li, ennnn #menu ul li a:hover geprobeerd hoger te maken, maar mijn afbeelding komt steeds niet goed naar voren, hoe krijg ik dit voor elkaar?
Als je een linkje nodig hebt, kun je DM'en.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | #menu{ height:44px; width:900px; background-image:url(''); font-size:13px; background-repeat:repeat-x; line-height:43px; } #menu ul{ color:#fff; } #menu ul li{ display: inline; margin-right:40px; } #menu ul li a{ text-decoration: none; color:#fff; } #menu ul li a:hover{ color:#1a4477; background-image:url(); background-position:center; background-repeat:no-repeat; } |
de <a> display:block maken en de gewenste hoogte of een verticale padding geven. Als het dan werkt is het opgeven van de hoogte voor het menu ook niet meer nodig omdat deze dan de geneste elementen omsluit (toegevoegde waarde voor wie alleen tekst laat schalen).
Ziet er overigens naar uit dat je het <nav> element nodig hebt, <menu> is om opties/wijzigingen binnen een website/applicatie.
Ziet er overigens naar uit dat je het <nav> element nodig hebt, <menu> is om opties/wijzigingen binnen een website/applicatie.
“Specialization is for insects”.—Robert Heinlein
<a> display:inline-block geven zou ook moeten voldoen.
Alternatief is nog om de afbeelding op de li te zetten als de muis over een link wordt bewogen, maar dat lukt alleen als met javascript.
Alternatief is nog om de afbeelding op de li te zetten als de muis over een link wordt bewogen, maar dat lukt alleen als met javascript.
if IE6 negeren en de li:hover een url(); geven. Zou in de normale staat ook de afbeelding linken maar dan buiten zicht, dan werkt het zichtbaar worden van de afbeelding sneller omdat deze al is geladenquote:
<a> display:inline-block geven zou ook moeten voldoen.
Alternatief is nog om de afbeelding op de li te zetten als de muis over een link wordt bewogen, maar dat lukt alleen als met javascript.
“Specialization is for insects”.—Robert Heinlein
Het menu moet wel een hoogte hebben, want die achtergrondafbeelding is 44 hoogquote:
de <a> display:block maken en de gewenste hoogte of een verticale padding geven. Als het dan werkt is het opgeven van de hoogte voor het menu ook niet meer nodig omdat deze dan de geneste elementen omsluit (toegevoegde waarde voor wie alleen tekst laat schalen).
Ziet er overigens naar uit dat je het <nav> element nodig hebt, <menu> is om opties/wijzigingen binnen een website/applicatie.
Wat is nav dan? Menu usually works for me.
Eén voor één een Li gaat niet volgens mij, want ik werk met een cms.. Of ik begrijp je hlemaal verkeerd, wat ik ook niet gek zou vindenquote:
<a> display:inline-block geven zou ook moeten voldoen.
Alternatief is nog om de afbeelding op de li te zetten als de muis over een link wordt bewogen, maar dat lukt alleen als met javascript.
Ik ga even kloten met jullie tips, thanks!
nav is navigatie, menu is http://forum.fok.nl/user/edit_prefs zoiets. Werkt beide maar nav is in het geval van navigatie (waar het op lijkt) semantisch correct.
“Specialization is for insects”.—Robert Heinlein
inline-block werkt! Bedankt.
Met block kreeg ik dat alle menu-items onder elkaar gingen staan en dat er in het midden van het menu een afbeelding kwam te staan
Met block kreeg ik dat alle menu-items onder elkaar gingen staan en dat er in het midden van het menu een afbeelding kwam te staan
oopsquote:
inline-block werkt! Bedankt.
Met block kreeg ik dat alle menu-items onder elkaar gingen staan en dat er in het midden van het menu een afbeelding kwam te staan
let wel dat in IE7 inline-block alleen werkt op elementen die standaard inline toegewezen krijgen (dus werkend in het geval van een anchor-tag). IE6 kan niet overweg met inline-block zover ik weet
“Specialization is for insects”.—Robert Heinlein
Nou ja, dan zien ze maar een half kadootje. Ook la zou het best weleens in het honderd kunnen lopen omdat alle opdrachtgevers volgens mij in IE werken... Ik zoek even op Anchor.quote:
[..]
oops
Edit, hebben ze iig allemaal. Dus moet werken.O en ik snap wat je bedoelt met nav in plaats van menu
Zal er voortaan op gaan letten.
Er staat #menu, dus ik vermoed een div met als id "menu" en niet <nav> of <menu>quote:
de <a> display:block maken en de gewenste hoogte of een verticale padding geven. Als het dan werkt is het opgeven van de hoogte voor het menu ook niet meer nodig omdat deze dan de geneste elementen omsluit (toegevoegde waarde voor wie alleen tekst laat schalen).
Ziet er overigens naar uit dat je het <nav> element nodig hebt, <menu> is om opties/wijzigingen binnen een website/applicatie.
Helemaal correct niet opgemerkt, zit al te diep met m'n nek in html5quote:
[..]
Er staat #menu, dus ik vermoed een div met als id "menu" en niet <nav> of <menu>
“Specialization is for insects”.—Robert Heinlein
Wut? Dat klinkt als xml. Is het bij html5 zo dat <nav> al div id=nav is? Vet. Ik heb echt geen drol geleerd.op stage wat dat betreft
http://html5doctor.com/ is erg duidelijk in het omschrijven van de nieuwe elementen met heldere voorbeelden en discussies bij de artikelen
Nieuw zijn o.a. <header>, <footer>, <nav>, <menu>, <section>, <article> en <aside> om div-vrij te kunnen werken
Nieuw zijn o.a. <header>, <footer>, <nav>, <menu>, <section>, <article> en <aside> om div-vrij te kunnen werken
“Specialization is for insects”.—Robert Heinlein
Klopt het dat 'float' in IE7 niet werkt? Ik wil een afbeelding links van een lap tekst zetten, dus geef ik de 'img' een 'float: left'. Werkt in chrome en IE9, maar niet in IE7.
Heb al een aantal dingen geprobeerd, maar ik krijg het niet werkend.
Iemand?
Heb al een aantal dingen geprobeerd, maar ik krijg het niet werkend.
Iemand?
Weet je zeker dat je geen specifity-probleem o.i.d. hebt? Floats zouden gewoon moeten werken in alle redelijk moderne browsers (lees: zelfs IE6 ondersteunt ze )
)
Bleuh.
Float werkt al vanaf IE6 dus dat zal waarschijnlijk aan je code liggen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
HTML:
CSS:
Zou het kunnen liggen aan de tabel? Heb beetje snelle methode genomen om alles mooi te krijgen. Of kan ik beter Div's gebruiken en die inline laten displayen?
| 1 2 3 4 | <tr class='text'> <td><img src='../images/style/icon-book.png' alt='Examen AM-afbeelding'/><p>[tekst]</p></td> <td><img src='../images/style/icon-book.png' alt='Examen AM-afbeelding'/><p>[tekst]</p></td> </tr> |
CSS:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | #base #content table .text td{ padding: 10px 25px 10px 30px; border-bottom: solid 1px #e6e6e6; } #base #content table .text td p{ font-size: 14px; color: #222222; width: 260px; margin: 0; padding: 0; } #base #content table .text td img{ float: left; margin: 2px 8px 0 0; } |
Zou het kunnen liggen aan de tabel? Heb beetje snelle methode genomen om alles mooi te krijgen. Of kan ik beter Div's gebruiken en die inline laten displayen?
Ligt eraan wat voor data je in die tabel gaat tonen he. Als het tabulaire data is, is een tabel natuurlijk prima. Anders zou ik inderdaad voor een andere, meer semantisch correcte structuur gaan (let wel: dit betekent niet dat je alles maar moet vervangen door <div>'s).
Bleuh.
quote:
Ligt eraan wat voor data je in die tabel gaat tonen he. Als het tabulaire data is, is een tabel natuurlijk prima. Anders zou ik inderdaad voor een andere, meer semantisch correcte structuur gaan (let wel: dit betekent niet dat je alles maar moet vervangen door <div>'s).
Alleen dit stuk content staat in een tabel omdat je op zo'n manier op een simpele en snelle manier alles goed kan uitlijnen. Maar goed als dit problemen blijft geven schiet ik er niks mee op; in IE schieten namelijk die 3 afbeeldingen boven de tekst uit.
voor tabulaire data, daar zijn ze voorquote:
[..]
I know, maar wat wil je daar mee zeggen? Dat je officieel geen tabellen mag gebruiken?
“Specialization is for insects”.—Robert Heinlein
Ik heb nog lang getwijfeld of ik m'n vraag hier wel zou plaatsen omdat ik al bang was voor de table/div discussie. Uiteindelijk toch gedaan met de hoop een antwoord te krijgen waarom mijn float niet werkt in IE7.
Mijn vraag was niet of ik tabellen of divs moet gebruiken. Mocht het liggen aan de tabel, dan zet ik alles over in divs. Dat is het probleem niet, maar ik wil eerst weten waar het probleem van de float vandaan komt.
Mijn vraag was niet of ik tabellen of divs moet gebruiken. Mocht het liggen aan de tabel, dan zet ik alles over in divs. Dat is het probleem niet, maar ik wil eerst weten waar het probleem van de float vandaan komt.
Nope, alleen in IE7quote:
Specifiek IE7 of gaat het ook mis in IE8?
(ie8 kan ik nu testen)
Waarom staat er in de topictitel nu eigenlijk ook JS? Daar is toch een ander topic voor? [Javascript] voor dummies (deel 11)
Hullo,
Ik ben een site aan het maken waarbij mensen zich moeten kunnen aanmelden met een formulier. Kinderen en vrijwilligers, dus twee aparte formulieren. Vervolgens moet dit in een bestand komen te staan, tekst volstaat even, misschien gaan ze andere eisen stellen (Het zou fijn zijn als het redelijk veilig gaat, het kan gevoelige informatie zijn, ook al weet ik dit niet zeker)(Spambots moeten er dus niet bij kunnen). Ik weet alleen niet hoe dit heet, dus kan lastig googlen Weet iemand waar ik op kan googlen, of heeft iemand toevallig een tutorial online staan?
Ik ben een site aan het maken waarbij mensen zich moeten kunnen aanmelden met een formulier. Kinderen en vrijwilligers, dus twee aparte formulieren. Vervolgens moet dit in een bestand komen te staan, tekst volstaat even, misschien gaan ze andere eisen stellen (Het zou fijn zijn als het redelijk veilig gaat, het kan gevoelige informatie zijn, ook al weet ik dit niet zeker)(Spambots moeten er dus niet bij kunnen). Ik weet alleen niet hoe dit heet, dus kan lastig googlen
Weet iemand waar ik op kan googlen, of heeft iemand toevallig een tutorial online staan?
Je kunt spambots buiten houden door een captcha in te bouwen. En waarom twee aparte formulieren? Je kunt de gebruikers toch de mogelijkheid geven om te kunnen kiezen of ze vrijwilliger zijn of kind?quote:
Hullo,
Ik ben een site aan het maken waarbij mensen zich moeten kunnen aanmelden met een formulier. Kinderen en vrijwilligers, dus twee aparte formulieren. Vervolgens moet dit in een bestand komen te staan, tekst volstaat even, misschien gaan ze andere eisen stellen (Het zou fijn zijn als het redelijk veilig gaat, het kan gevoelige informatie zijn, ook al weet ik dit niet zeker)(Spambots moeten er dus niet bij kunnen). Ik weet alleen niet hoe dit heet, dus kan lastig googlen
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ze willen voor ieder een aparte pagina, snap ik wel, gaat verwarring tegen. Kun je ook makkelijk aparte beschrijvingen geven.quote:Op zondag 3 juli 2011 22:35 schreef boem-dikkie het volgende:
[..]
Je kunt spambots buiten houden door een captcha in te bouwen. En waarom twee aparte formulieren? Je kunt de gebruikers toch de mogelijkheid geven om te kunnen kiezen of ze vrijwilliger zijn of kind?
Nee, ik bedoel niet spambots in de formulieren, ik bedoel dat spambots niet in het tekstbestand kunnen komen
Edit, het zijn ook 2 andere formulieren, het is een site voor kinderen die niets krijgen met sinterklaas, maar er dus wel in geloven. Dus mensen die arme ouders kennen kunnen kinderen opgeven, dus adres en dergelijken, en vrijwilligers, die kadootjes kopen en rondbrengen moeten heel andere gegevens kunnen achterlaten.
Je bedoelt denk ik dat robots (zoals Google) niet in het bestand moeten kunnen kijken?quote:
[..]
Ze willen voor ieder een aparte pagina, snap ik wel, gaat verwarring tegen. Kun je ook makkelijk aparte beschrijvingen geven.
Nee, ik bedoel niet spambots in de formulieren, ik bedoel dat spambots niet in het tekstbestand kunnen komen
Beste oplossing daarvoor is het tekstbestand buiten de www-root te plaatsen. Als dat niet mogelijk is, moet je 'm met een .htaccess bestand blokkeren. (Ik neem wel aan dat de server Apache gebruikt.)
Tekstbestanden zijn per definitie niet indexeerbaar aangezien je hopelijk geen toegang van buitenaf op die textbestanden geeft.quote:
[..]
Ze willen voor ieder een aparte pagina, snap ik wel, gaat verwarring tegen. Kun je ook makkelijk aparte beschrijvingen geven.
Nee, ik bedoel niet spambots in de formulieren, ik bedoel dat spambots niet in het tekstbestand kunnen komen
Edit, het zijn ook 2 andere formulieren, het is een site voor kinderen die niets krijgen met sinterklaas, maar er dus wel in geloven. Dus mensen die arme ouders kennen kunnen kinderen opgeven, dus adres en dergelijken, en vrijwilligers, die kadootjes kopen en rondbrengen moeten heel andere gegevens kunnen achterlaten.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Als die tekstbestanden wel van buitenaf toegankelijk zijn, zijn ze ook indexeerbaar.quote:
[..]
Tekstbestanden zijn per definitie niet indexeerbaar aangezien je hopelijk geen toegang van buitenaf op die textbestanden geeft.
Lijkt me toch lastig? Want ik zou het ideaal zien dat, als iemand het formulier invult, alles in een tekstbestand wordt gezet, zodat als het tijd is voor kadootjes alles gewoon uit het tekstbestand kan worden getrokken en er verder geen omkijken naar is. (Weet jij toevallig hoe ik dat kan bereiken? Of ergens waar ik het kan vinden?) En ik weet niet of de server apache gebruikt, ik zal even kijken en zien hoe ik dat kan doen, thanks!quote:
[..]
Je bedoelt denk ik dat robots (zoals Google) niet in het bestand moeten kunnen kijken?
Beste oplossing daarvoor is het tekstbestand buiten de www-root te plaatsen. Als dat niet mogelijk is, moet je 'm met een .htaccess bestand blokkeren. (Ik neem wel aan dat de server Apache gebruikt.)
Weet niet hoe ik dat doequote:
[..]
Tekstbestanden zijn per definitie niet indexeerbaar aangezien je hopelijk geen toegang van buitenaf op die textbestanden geeft.
Beveiliging is me nooit geleerd, zal daar even op googlen.
Je CMS heeft een formbuilder module. Die werkt als een malle. Gewoon even installeren en wat doorklikken, denk dat je er wel uit komt.quote:
Hullo,
Ik ben een site aan het maken waarbij mensen zich moeten kunnen aanmelden met een formulier. Kinderen en vrijwilligers, dus twee aparte formulieren. Vervolgens moet dit in een bestand komen te staan, tekst volstaat even, misschien gaan ze andere eisen stellen (Het zou fijn zijn als het redelijk veilig gaat, het kan gevoelige informatie zijn, ook al weet ik dit niet zeker)(Spambots moeten er dus niet bij kunnen). Ik weet alleen niet hoe dit heet, dus kan lastig googlen
Nee, want degenen die het daarna gaan verwerken kunnen daar niet mee omgaan vrees ik..quote:
Wil je het niet in een database zetten ofzo? Kan je het makkelijker verwerken daarna...
Hoe dan ? Er bestaan geen links naar in bestaande websites, er zit als het goed is geen open dir structuur op, dus hoe zou dat dan precies moeten gebeuren?quote:
[..]
Als die tekstbestanden wel van buitenaf toegankelijk zijn, zijn ze ook indexeerbaar.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Security through obscurity, niet echt handig.quote:
[..]
Hoe dan ? Er bestaan geen links naar in bestaande websites, er zit als het goed is geen open dir structuur op, dus hoe zou dat dan precies moeten gebeuren?
Verwacht je erg veel drukte? Want anders stel je gewoon bij het mailprogramma een filter in voor mail vanaf je website en laat je alle formulier-input gewoon naar je e-mail sturen. Is ook redelijk makkelijk te verwerken en absoluut geen 'rocket-science'.quote:Op zondag 3 juli 2011 22:50 schreef RenRen- het volgende:
[..]
Nee, want degenen die het daarna gaan verwerken kunnen daar niet mee omgaan vrees ik..
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik weet het niet zeker, maar weet niet zeker of het handig gaat zijn. Ik zal het voorleggen bij ze, wat zij het prettigst gaat vinden. Bedankt, heb ik wel een tweede optie om voor te leggenquote:
[..]
Verwacht je erg veel drukte? Want anders stel je gewoon bij het mailprogramma een filter in voor mail vanaf je website en laat je alle formulier-input gewoon naar je e-mail sturen. Is ook redelijk makkelijk te verwerken en absoluut geen 'rocket-science'.
Als je minder dan 500 aanmeldingen verwacht kun je dat best doen. Helemaal omdat je gewoon meerdere keren per dag in je mail kunt kijken en het meteen kunt verwerken. Zit je ook niet met je spambot-probleem.quote:
[..]
Ik weet het niet zeker, maar weet niet zeker of het handig gaat zijn. Ik zal het voorleggen bij ze, wat zij het prettigst gaat vinden. Bedankt, heb ik wel een tweede optie om voor te leggen
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Overigens is wat Tegan zegt ook niet zo gek. Zet je het in een database en output je dat op een pagina. Dan hoeven de mensen niets van databases te weten en heb je toch meteen alles verwerkt in één 'bestand'.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Dat was niet de vraag. De vraag was hoe die bestanden geindexeerd worden indien ze in een directory staan zonder links ernaartoe en zonder directory listing aan.quote:Op zondag 3 juli 2011 22:53 schreef KomtTijd... het volgende:
[..]
Security through obscurity, niet echt handig.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ook google gokt wel eens urls.quote:
[..]
Dat was niet de vraag. De vraag was hoe die bestanden geindexeerd worden indien ze in een directory staan zonder links ernaartoe en zonder directory listing aan.
Inderdaad, desnoods maak je er even een webmail-adres voor bij je hostingprovider, als ze het niet in dr eigen mail wil.quote:
[..]
Als je minder dan 500 aanmeldingen verwacht kun je dat best doen. Helemaal omdat je gewoon meerdere keren per dag in je mail kunt kijken en het meteen kunt verwerken. Zit je ook niet met je spambot-probleem.
Als er geen enkele link is, lijkt het me ook niet waarschijnlijk dat het bestand geindexeerd wordt. Maar ik zou het risico niet willen nemen.quote:
[..]
Hoe dan ? Er bestaan geen links naar in bestaande websites, er zit als het goed is geen open dir structuur op, dus hoe zou dat dan precies moeten gebeuren?
Dat is wel een goede. Kan ze dat zelf doen en hoef ik me daar geen zorgen om te maken.quote:
[..]
Als je minder dan 500 aanmeldingen verwacht kun je dat best doen. Helemaal omdat je gewoon meerdere keren per dag in je mail kunt kijken en het meteen kunt verwerken. Zit je ook niet met je spambot-probleem.
Dan laat ik ze wel een ander emailadres aanmaken zoals Komttijd zegt, dan komt het ook niet in hun normale mail, en ga ze gelijk vragen hoeveel aanmeldingen ze verwachten
Daar ben ik het wel mee eens. Verder zou ik die tekstbestanden idd buiten je wwwroot gaan plaatsen mocht je deze oplossing willen gaan gebruiken.quote:
[..]
Als er geen enkele link is, lijkt het me ook niet waarschijnlijk dat het bestand geindexeerd wordt. Maar ik zou het risico niet willen nemen.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Maar kan een tekstbestand buiten de root wel aangepast worden per item? Bedankt voor het meedenken iedereen!quote:
[..]
Daar ben ik het wel mee eens. Verder zou ik die tekstbestanden idd buiten je wwwroot gaan plaatsen mocht je deze oplossing willen gaan gebruiken.
Ja de server kan er wel bij, alleen mensen van buitenaf niet.quote:
[..]
Maar kan een tekstbestand buiten de root wel aangepast worden per item? Bedankt voor het meedenken iedereen!
Dat was ook mijn eerste reactiequote:
Verder zou ik die tekstbestanden idd buiten je wwwroot gaan plaatsen mocht je deze oplossing willen gaan gebruiken.
Ik ben nog niet zo heel erg bekend met js en ajax, dus als ik iets erg onlogisch doe hoor ik het ook graag. 
Ik maak in ieder geval gebruik van dataTables.
Nu wordt er bij mij in een sessie de gekozen taal opgeslagen. Deze kan ik snel ophalen met de ajax call (Sessies kan ik niet direct uitlezen toch? ). Alleen in onderstaande code ben ik de variabele lang alweer kwijt op de plek waar ik hem in de vertaalbestand-path zet.
Wat doe ik verkeerd en eventueel, hoe kan het allemaal beter?
Ik maak in ieder geval gebruik van dataTables.
Nu wordt er bij mij in een sessie de gekozen taal opgeslagen. Deze kan ik snel ophalen met de ajax call (Sessies kan ik niet direct uitlezen toch? ). Alleen in onderstaande code ben ik de variabele lang alweer kwijt op de plek waar ik hem in de vertaalbestand-path zet.
Wat doe ik verkeerd en eventueel, hoe kan het allemaal beter?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | $(document).ready(function() { $.ajax({ url: "index.php\\index\\lang\\", success: function(data) { var lang = data; }, error: function(data) { var lang = nl_NL; } }); $(".dataTable").dataTable({ "bFilter": false, "sPaginationType": "full_numbers", "oLanguage": { "sUrl": "scripts/lang/dataTables." + lang + ".txt" } }); } ); |
De A in Ajax staat voor Asynchroon. Dat betekent dat ten tijde van het aanmaken van je dataTable, je nog geen lang variable hebt, omdat de Ajax call niet compleet is.quote:
Ik ben nog niet zo heel erg bekend met js en ajax, dus als ik iets erg onlogisch doe hoor ik het ook graag.
Ik maak in ieder geval gebruik van dataTables.
Nu wordt er bij mij in een sessie de gekozen taal opgeslagen. Deze kan ik snel ophalen met de ajax call (Sessies kan ik niet direct uitlezen toch? ). Alleen in onderstaande code ben ik de variabele lang alweer kwijt op de plek waar ik hem in de vertaalbestand-path zet.
Wat doe ik verkeerd en eventueel, hoe kan het allemaal beter?
[ code verwijderd ]
Je moet het aanmaken van de Datatable dan ook doen in de success methode van de Ajax call. Pas dan heb je de language file.
Verder kan je het beste de language van een gebruiker opslaan in een cookie of een sessie, scheelt je hits op de webserver.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ahh.. ok, bedankt voor de uitleg.quote:
[..]
De A in Ajax staat voor Asynchroon. Dat betekent dat ten tijde van het aanmaken van je dataTable, je nog geen lang variable hebt, omdat de Ajax call niet compleet is.
Je moet het aanmaken van de Datatable dan ook doen in de success methode van de Ajax call. Pas dan heb je de language file.
Verder kan je het beste de language van een gebruiker opslaan in een cookie of een sessie, scheelt je hits op de webserver.
Zoals ik al zei staat ut wel in een sessie, maar dacht dat dat client side niet te benaderen was. Hoe kan ik daar anders direct bij komen?
Ik weet niet wat voor taal je gebruikt serverside, dus daar valt niet zoveel over te zeggen.quote:
[..]
Ahh.. ok, bedankt voor de uitleg.
Zoals ik al zei staat ut wel in een sessie, maar dacht dat dat client side niet te benaderen was. Hoe kan ik daar anders direct bij komen?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ik neem aan dat je zoiets als deze aanpak hebt gedaan: http://www.tizag.com/phpT/phpsessions.php
Zo ja, dan kan je de Ajax call eruit halen en vervangen door een stukje php:
Vervolgens kan je in javascript code gewoon '<?php echo $lang; ?>' gebruiken.
Zo ja, dan kan je de Ajax call eruit halen en vervangen door een stukje php:
| 1 2 3 4 5 6 7 8 9 | <?php $lang = "nl_NL"; if(isset($_SESSION['sessiekeywaaronderlanguagestaatvervangditmetjeeigennaam'])) { $lang = $_SESSION['sessiekeywaaronderlanguagestaatvervangditmetjeeigennaam']; } ?> |
Vervolgens kan je in javascript code gewoon '<?php echo $lang; ?>' gebruiken.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Dan gaat het inderdaad zo niet werken. Wat je dan kan doen is de php code in een file zetten, die bovenaan includen, dan in je html daaronder javascript variablen van de php variabelen maken en dan die javascript variablen gebruiken. Is wel een beetje omslachtig though
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Even een vraagje betreft scripten.
Stel ik heb een Div en daarin wil ik een header hebben die om de zoveel secondes overgaat in het volgende plaatje, wat voor script moet ik dan hebben?
Stel ik heb een Div en daarin wil ik een header hebben die om de zoveel secondes overgaat in het volgende plaatje, wat voor script moet ik dan hebben?
http://jquery.malsup.com/cycle/quote:Op dinsdag 5 juli 2011 13:47 schreef Dimens het volgende:
Even een vraagje betreft scripten.
Stel ik heb een Div en daarin wil ik een header hebben die om de zoveel secondes overgaat in het volgende plaatje, wat voor script moet ik dan hebben?
vind deze erg prettig in gebruik
“Specialization is for insects”.—Robert Heinlein
Mijn favoriet: http://nivo.dev7studios.com/quote:
Even een vraagje betreft scripten.
Stel ik heb een Div en daarin wil ik een header hebben die om de zoveel secondes overgaat in het volgende plaatje, wat voor script moet ik dan hebben?
Oh oh oh wat kan ik toch moe worden van ontwerpers die he-le-maal niet op de hoogte zijn van front-end werk en eigenlijk alleen maar plaatjes maken. Zonder daarbij rekening te houden met echte content. Gewoon lekker lorem ipsum'en en dan verwachten dat dingen met echte content ook perfect uitgelijnd (kunnen) worden
Bleuh.
Want?quote:
Oh oh oh wat kan ik toch moe worden van ontwerpers die he-le-maal niet op de hoogte zijn van front-end werk en eigenlijk alleen maar plaatjes maken. Zonder daarbij rekening te houden met echte content. Gewoon lekker lorem ipsum'en en dan verwachten dat dingen met echte content ook perfect uitgelijnd (kunnen) worden
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Omdat design content zou moeten volgen naar mijn idee (tenzij je een site hebt waar de sfeer belangrijker is dan de content, bijv. een festival, film, muzikant...).
Het is leuk dat je op een PSD met wat gepiel met de font-rendering, spatiering e.d. een zin op 1 regel gepropt krijgt - maar zo werkt het in een browser nou eenmaal niet. Helemaal niet als er eenmaal echte content in staat. Tenzij je natuurlijk je content gaat aanpassen naar het design ('daar mag maximaal een zin van 80 karakters staan'), maar IMO ben je dan verkeerd bezig.
En omdat het web dynamisch is, en je dus niet een statisch plaatje moet en kunt maken. Helemaal niet als je ook nog eens met de tientallen scenario's qua devices, resoluties e.d. rekening houdt, waar je wat mij betreft niet meer onderuit kunt het afgelopen jaar.
[ Bericht 26% gewijzigd door PimD op 05-07-2011 16:55:22 ]
Het is leuk dat je op een PSD met wat gepiel met de font-rendering, spatiering e.d. een zin op 1 regel gepropt krijgt - maar zo werkt het in een browser nou eenmaal niet. Helemaal niet als er eenmaal echte content in staat. Tenzij je natuurlijk je content gaat aanpassen naar het design ('daar mag maximaal een zin van 80 karakters staan'), maar IMO ben je dan verkeerd bezig.
En omdat het web dynamisch is, en je dus niet een statisch plaatje moet en kunt maken. Helemaal niet als je ook nog eens met de tientallen scenario's qua devices, resoluties e.d. rekening houdt, waar je wat mij betreft niet meer onderuit kunt het afgelopen jaar.
[ Bericht 26% gewijzigd door PimD op 05-07-2011 16:55:22 ]
Bleuh.
Ik ben ook een groot fan van de Cycle plugin. Veel opties, lekker veel zelf te configureren/coden. Gebruik 'm eigenlijk in alle projecten op kantoor.quote:
[..]
http://jquery.malsup.com/cycle/
vind deze erg prettig in gebruik
Bleuh.
Duidelijk, want als ze de lengte van een zin gaan beperken om het ontwerp te helpen, dan kun je dat in css ook. Hoe breed moest het zijn? 80 tekens? Da's dan 80 x 3 = 240 pixels, zou genoeg moeten zijn voor 80 keer een letter iquote:
Tenzij je natuurlijk je content gaat aanpassen naar het design ('daar mag maximaal een zin van 80 karakters staan'), maar IMO ben je dan verkeerd bezig.
Ik heb het niet nagemeten, misschien moet je vier pixels per letter gebruiken.
Maar ja... toch nog een hoop mensen die uit de drukwereldhoek komen en in de fantasiewereld leven dat een website er in iedere browser identiek uit moet zien
Bleuh.
Bestaan die nog?quote:
Maar ja... toch nog een hoop mensen die uit de drukwereldhoek komen en in de fantasiewereld leven dat een website er in iedere browser identiek uit moet zien
Wij vormen tezamen gezellig een schaar.
Sportief zijn wij allen en voor elkaar.
Ons doel en ons streven is vriendschap en vree
Aan ons de victorie aan RKC!
Sportief zijn wij allen en voor elkaar.
Ons doel en ons streven is vriendschap en vree
Aan ons de victorie aan RKC!
Ik heb een paar formulieren. In de html staat input id="fbrp__29", en dit staat eigenlijk bij ieder formulier, met oplopende nummers. Dan zou het toch moeten kloppen als ik doe, in de CSS
#fbrp__29, fbrp__30, fbrp__31{
Of zie ik dit verkeerd? Moet ik het 1 voor 1 doen?
Ook staat er
label for="fbrp__29"
Hoe kan ik dit in de CSS aanpassen?
#fbrp__29, fbrp__30, fbrp__31{
Of zie ik dit verkeerd? Moet ik het 1 voor 1 doen?
Ook staat er
label for="fbrp__29"
Hoe kan ik dit in de CSS aanpassen?
heb je al geprobeerd het id te herhalen voor ieder element?
dus: #fbrp__29, #fbrp__30, #fbrp__31{
dus: #fbrp__29, #fbrp__30, #fbrp__31{
Breasts! helping men to avoid eye contact since 1865.
Thanks, dat werkt! Nu moet ik nog die label for="blabla" editten, maar hoe kan dat? Ik heb daar nog nooit van gehoordquote:
heb je al geprobeerd het id te herhalen voor ieder element?
dus: #fbrp__29, #fbrp__30, #fbrp__31{
Als het goed is zou die selector elk element met id fbrp__29 etc moeten matchen.
Je 2e vraag snap ik niet.
Je 2e vraag snap ik niet.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
@ 2e vraag,quote:
Als het goed is zou die selector elk element met id fbrp__29 etc moeten matchen.
Je 2e vraag snap ik niet.
Dit staat er in de html:
| 1 2 3 4 5 6 7 8 9 | <div class="required"> <label for="fbrp__31">Details van de kinderen*</label> <textarea name="cntnt01fbrp__31" cols="80" rows="15" class="cms_textarea" id="fbrp__31"></textarea> <a href="javascript:fbht('fbrp_ht_31')"><img src="modules/FormBuilder/images/info-small.gif" alt="Help" /></a> <span id="fbrp_ht_31" style="display:none" class="fbr_helptext">Vul het als volgt in: Naam kind 1 - Geslacht kind 1 - Leeftijd kind 1 Naam kind 2 - Geslacht kind 2 - Leeftijd kind 2 etc...</span></div> |
Het gaat met dus om het <label for="fbrp__31">. Hoe roep ik die aan in de css? Die moet ik namelijk een bepaalde breedte geven. Hij neem niet de #fbrp__31-code over.
Is het mogelijk die labels een id te geven en dat als selector in je css te gebruiken?quote:
Thanks, dat werkt! Nu moet ik nog die label for="blabla" editten, maar hoe kan dat? Ik heb daar nog nooit van gehoord
Breasts! helping men to avoid eye contact since 1865.
Nee, want ik kan die code niet editten, het is een form gegenereerd door een module in mijn cms.quote:
[..]
Is het mogelijk die labels een id te geven en dat als selector in je css te gebruiken?
als het de enige label binnen die div is, kun je hem selecteren door
div.required label {
...
}
als je meerdere labels binnen die div hebt, worden die daar echter allemaal door geraakt.
Is het genereren van die forms in dat CMS niet configureerbaar? Dat je daar op één of andere manier een id aan meegeeft?
div.required label {
...
}
als je meerdere labels binnen die div hebt, worden die daar echter allemaal door geraakt.
Is het genereren van die forms in dat CMS niet configureerbaar? Dat je daar op één of andere manier een id aan meegeeft?
Breasts! helping men to avoid eye contact since 1865.
Nee, maar wel meerdere divs die zo heten en ook een label hebben. Ik ga even spelen of ik iets kan maken wat er goed uit zietquote:
als het de enige label binnen die div is, kun je hem selecteren door
div.required label {
...
}
als je meerdere labels binnen die div hebt, worden die daar echter allemaal door geraakt.
het kan met label[for="fbpr__31"] maar er zijn betere oplossingen, volgens mij kun je die module instellen dat'ie classes meegeeft. En anders kun je het template aanpassen, en wat container-divs gebruiken. Die fbpr_31 is namelijk een variable.
Ik wil graag radio buttons maken die ook reageren als je er bijna op klikt. Ik dacht dat te kunnen bereiken met gewoon een beetje padding toevoegen aan het input-radio element, maar dat werkt niet 
Weet iemand hier misschien een slimme truc voor waarvoor ik niet m'n hele markup hoef om te gooien?
Weet iemand hier misschien een slimme truc voor waarvoor ik niet m'n hele markup hoef om te gooien?
Label?quote:
Ik wil graag radio buttons maken die ook reageren als je er bijna op klikt. Ik dacht dat te kunnen bereiken met gewoon een beetje padding toevoegen aan het input-radio element, maar dat werkt niet
Weet iemand hier misschien een slimme truc voor waarvoor ik niet m'n hele markup hoef om te gooien?
Ik zal even laten zien hoe het er ongeveer uit ziet.quote:
Het is dus een meerkeuzevraag met 5 opties (van volledig oneens tot volledig eens). De 3 middelste opties hebben wel een label, maar die wordt met CSS verborgen om tot bovenstaand resultaat te komen.
Ik zit er nu aan te denken om de buttons door jQueryUI Button te laten vervangen. Dat is misschien de beste oplossing, qua usability en ook qua consistentie tussen browsers.
JQuery UI is sowieso een mooie manier om gestandaardiseerde forms te maken.quote:
[..]
Ik zal even laten zien hoe het er ongeveer uit ziet.
[ afbeelding ]
Het is dus een meerkeuzevraag met 5 opties (van volledig oneens tot volledig eens). De 3 middelste opties hebben wel een label, maar die wordt met CSS verborgen om tot bovenstaand resultaat te komen.
Ik zit er nu aan te denken om de buttons door jQueryUI Button te laten vervangen. Dat is misschien de beste oplossing, qua usability en ook qua consistentie tussen browsers.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
zou nog kunnen overwegen een absoluut label achter elke input te leggen maar dat geeft wel extra mark-up. Voor js zou ik alleen gaan als het netjes degradeert. radiobuttons en checkboxen zijn wel een bitch met css
“Specialization is for insects”.—Robert Heinlein
Ik snap niet helemaal wat het probleem is. Waarom moet je die labels verbergen? En waarom niet alle 5 een label?quote:
[..]
Ik zal even laten zien hoe het er ongeveer uit ziet.
[ afbeelding ]
Het is dus een meerkeuzevraag met 5 opties (van volledig oneens tot volledig eens). De 3 middelste opties hebben wel een label, maar die wordt met CSS verborgen om tot bovenstaand resultaat te komen.
Ik zit er nu aan te denken om de buttons door jQueryUI Button te laten vervangen. Dat is misschien de beste oplossing, qua usability en ook qua consistentie tussen browsers.
Je kunt je labels toch gewoon middels float:left achter elkaar zetten? Met de radiobuttons erin?
goed om te weten wist niet dat een input binnen een label mochtquote:
[..]
Ik snap niet helemaal wat het probleem is. Waarom moet je die labels verbergen? En waarom niet alle 5 een label?
Je kunt je labels toch gewoon middels float:left achter elkaar zetten? Met de radiobuttons erin?
“Specialization is for insects”.—Robert Heinlein
Nou ja, ik neem aan dat het een enquete o.i.d. is - met 40x dezelfde soort vragen onder elkaar, met 40x dezelfde opties. Beetje overkill om 40 labels met "heel erg oneens", "oneens", "weet niet", "eens", "heel erg eens" te hebben.
Zitten er nog elementen om de radiobuttons heen? Een li ofzo? Dan zou je daar met JS de klik van kunnen afvangen en deze dan de radiobutton laten activeren.
Zitten er nog elementen om de radiobuttons heen? Een li ofzo? Dan zou je daar met JS de klik van kunnen afvangen en deze dan de radiobutton laten activeren.
Bleuh.
Waarom moeilijk doen met li als er gewoon een element bestaat wat dat natuurlijk al doet?quote:
Nou ja, ik neem aan dat het een enquete o.i.d. is - met 40x dezelfde soort vragen onder elkaar, met 40x dezelfde opties. Beetje overkill om 40 labels met "heel erg oneens", "oneens", "weet niet", "eens", "heel erg eens" te hebben.
Zitten er nog elementen om de radiobuttons heen? Een li ofzo? Dan zou je daar met JS de klik van kunnen afvangen en deze dan de radiobutton laten activeren.
Inderdaad. Ze zitten trouwens ook inderdaad in li's. Geen slecht idee om daar een click-event aan te hangen om de radio-button te zettenquote:
Nou ja, ik neem aan dat het een enquete o.i.d. is - met 40x dezelfde soort vragen onder elkaar, met 40x dezelfde opties. Beetje overkill om 40 labels met "heel erg oneens", "oneens", "weet niet", "eens", "heel erg eens" te hebben.
Zitten er nog elementen om de radiobuttons heen? Een li ofzo? Dan zou je daar met JS de klik van kunnen afvangen en deze dan de radiobutton laten activeren.
Ik vraag alleen maar of er een element om heen zit, ik zeg niet dat het perse de juiste oplossing is. Ik ken monsterlijke oplossingen uit .NET waar lijsten met radiobuttons/checkboxes in tabellen worden gerenderd, dus ik kijk nergens meer van op.
Bleuh.
Lijkt me een prima oplossing dan. Ook zonder Javascript functioneert het formulier dan naar behoren. Iets minder gebruiksvriendelijk misschien, maar je moet wat als het met pure CSS/HTML niet op te lossen is/lijkt te zijn.quote:
[..]
Inderdaad. Ze zitten trouwens ook inderdaad in li's. Geen slecht idee om daar een click-event aan te hangen om de radio-button te zetten
Bleuh.
...maar waarom niet gewoon simpelweg een label er omheen?quote:
[..]
Inderdaad. Ze zitten trouwens ook inderdaad in li's. Geen slecht idee om daar een click-event aan te hangen om de radio-button te zetten
Waarom denken jullie allemaal zo moeilijk?
De labels voor de middelste 3 elementen worden verborgen, omdat het een enquête moet worden en er mogelijk 100 van dit soort vragen onder elkaar komen te staan. Daarom wil ik alleen van de buitenste twee elementen het label weergeven en van de binnenste 3 niet, om een overload aan dubbele teksten te voorkomen.quote:
[..]
Ik snap niet helemaal wat het probleem is. Waarom moet je die labels verbergen? En waarom niet alle 5 een label?
Je kunt je labels toch gewoon middels float:left achter elkaar zetten? Met de radiobuttons erin?
Wat ook nog wel een oplossing zou kunnen zijn, is met JS de teksten van de binnenste 3 labels weghalen. Dan gebruik je nog wel het klik-gedrag van het label-element om de radio button te zetten. Nadeel is dan dat een bezoeker zonder Javascript een formulier voor z'n neus krijgt die er heel anders uitziet, terwijl met de eerste oplossing alleen de usability er een klein beetje onder lijdt wanneer een bezoeker geen JS heeft, maar de pagina er visueel hetzelfde uitziet.
Plus dat een gebruiker met Javascript, maar met een screenreader o.i.d. lege labels voorgelezen krijgt. Dat lijkt me dus geen oplossing. Wat KomtTijd zegt, wellicht kun je de labels van de middelste 3 leeg laten lijken d.m.v. de text-indent e.d.?
Bleuh.
Er zitten al labels omheen. Zonder CSS ziet het er zo uit:quote:
[..]
...maar waarom niet gewoon simpelweg een label er omheen?
Waarom denken jullie allemaal zo moeilijk?
Het punt is dat ik de teksten van de middelste 3 labels niet wil weergeven. Dat doe ik nu door met CSS die elementen te verbergen, maar ja, dan heb je dus ook geen labels meer om op te klikken.
Maar dan hebben de middelste 3 elementen dus helemaal geen label-tekst meer. Dat lijkt me accessibility-wise nou niet echt ideaal, of wel?quote:
Plus dat een gebruiker met Javascript, maar met een screenreader o.i.d. lege labels voorgelezen krijgt. Dat lijkt me dus geen oplossing. Wat KomtTijd zegt, wellicht kun je de labels van de middelste 3 leeg laten lijken d.m.v. de text-indent e.d.?
met een enquete kun je je wel afvragen in hoeverre dat nodig is, voor je doelgroep. Een label met alleen een radio-button erin zou veruit het makkelijkst zijn.quote:
[..]
Maar dan hebben de middelste 3 elementen dus helemaal geen label-tekst meer. Dat lijkt me accessibility-wise nou niet echt ideaal, of wel?
En anders kun je de CSS-truckendoos wel open halen om de tekst te verbergen zonder dat je het label verbergt.
Een vaste hoogte en breedte, en de tekstkleur RGBA(0,0,0,0) ofzo.
labeltekst eronder en bij de middelste 3 alleen zichtbaar bij een :hover. toegankelijk en geen overload aan dezelfde tekst in beeld
transparant is ook een kleur, werkt wss beter (weet niet zeker) in oudere browsers, met vaste hoogte heb je ook nog text-indent: -9001; over 9000
transparant is ook een kleur, werkt wss beter (weet niet zeker) in oudere browsers, met vaste hoogte heb je ook nog text-indent: -9001; over 9000
“Specialization is for insects”.—Robert Heinlein
Dat zou misschien het makkelijkst zijn, maar m'n klant is best wel picky als het op toegankelijkheid aankomt.quote:
[..]
met een enquete kun je je wel afvragen in hoeverre dat nodig is, voor je doelgroep. Een label met alleen een radio-button erin zou veruit het makkelijkst zijn.
Dat is nog niet zo'n gek ideequote:En anders kun je de CSS-truckendoos wel open halen om de tekst te verbergen zonder dat je het label verbergt.
Een vaste hoogte en breedte, en de tekstkleur RGBA(0,0,0,0) ofzo.
Nee, je zegt in een eerdere posting dat je de labels wilt leegmaken met Javascript. Dan hebben ze geen tekst meer voor screenreaders. Als je met text-indent e.d. werkt staat de tekst buiten de viewport, wat voor de meeste screenreaders (voor zover ik weet) gewoon wordt gelezen.quote:
[..]
Maar dan hebben de middelste 3 elementen dus helemaal geen label-tekst meer. Dat lijkt me accessibility-wise nou niet echt ideaal, of wel?
Bleuh.
de bedoeling is dat screenreaders alle css negeren?
“Specialization is for insects”.—Robert Heinlein
Ja, dat klopt. Labels met JS leegmaken ga ik ook zeker niet doen hoorquote:
[..]
Nee, je zegt in een eerdere posting dat je de labels wilt leegmaken met Javascript. Dan hebben ze geen tekst meer voor screenreaders. Als je met text-indent e.d. werkt staat de tekst buiten de viewport, wat voor de meeste screenreaders (voor zover ik weet) gewoon wordt gelezen.
Die ga ik even proberenquote:Op zaterdag 9 juli 2011 12:52 schreef KomtTijd... het volgende:
<label><span>oneens</span><input type="radio"/></label>
En dan de span verbergen.
Niet alle CSS, maar wel het grootste gedeelte. Dingen als display:none worden in de meeste gevallen niet voorgelezen (en volgens mij ook genegeerd door zoekmachines bij de indexering). Je kunt daarom beter dingen als verborgen tabbladen e.d. absoluut buiten de viewport positioneren (hoewel dit problemen kan opleveren in RTL-scenarios, bij bijvoorbeeld Arabische website). Er is jammer genoeg een groot verschil tussen de diverse screenreaders. Technieken die in programma X werken zorgen voor problemen in programma Y etc.quote:Op zaterdag 9 juli 2011 12:46 schreef n8n het volgende:
de bedoeling is dat screenreaders alle css negeren?
In principe is het heel simpel: is je content zonder CSS aan nog te volgen? Dan zit je al een heel eind op de goede weg voor zoekmachines en toegankelijkheid. In de praktijk is het natuurlijk niet zo zwart/wit, maar goed
Bleuh.
keertje inlezen dan, is de kers op de taart om ook deze groep tot in de puntjes te (kunnen) voorzienquote:
[..]
Niet alle CSS, maar wel het grootste gedeelte. Dingen als display:none worden in de meeste gevallen niet voorgelezen (en volgens mij ook genegeerd door zoekmachines bij de indexering). Je kunt daarom beter dingen als verborgen tabbladen e.d. absoluut buiten de viewport positioneren (hoewel dit problemen kan opleveren in RTL-scenarios, bij bijvoorbeeld Arabische website). Er is jammer genoeg een groot verschil tussen de diverse screenreaders. Technieken die in programma X werken zorgen voor problemen in programma Y etc.
In principe is het heel simpel: is je content zonder CSS aan nog te volgen? Dan zit je al een heel eind op de goede weg voor zoekmachines en toegankelijkheid. In de praktijk is het natuurlijk niet zo zwart/wit, maar goed
“Specialization is for insects”.—Robert Heinlein
Dit is 'em geworden. Kheb nu label een padding van 5px gegeven, en hij is aardig dronken-proof nuquote:
<label><span>oneens</span><input type="radio"/></label>
En dan de span verbergen.
Zeker, hoewel het soms ook voor een hoop frustratie en extra werk zorgt/kan zorgen - helemaal met interactieve dingen zoals Google Maps. Erg interessante materie om mee bezig te zijn in ieder geval, dingen als WCAG, Drempelvrij en webrichtlijnen.quote:
[..]
keertje inlezen dan, is de kers op de taart om ook deze groep tot in de puntjes te (kunnen) voorzien
Bleuh.
Ik hou er tegenwoordig van tevoren al rekening mee, screenreaders zouden ook geen moeite moeten hebben maar wat extra bijles is nooit weg. De richtlijnen heb ik allemaal gelezen, wellicht weer een keer bijspijkeren want dat is alweer een tijd geleden. Met name de richtlijnen over kleur -naast rood en groen- willen er nog wel eens tussendoor glippenquote:
[..]
Zeker, hoewel het soms ook voor een hoop frustratie en extra werk zorgt/kan zorgen - helemaal met interactieve dingen zoals Google Maps. Erg interessante materie om mee bezig te zijn in ieder geval, dingen als WCAG, Drempelvrij en webrichtlijnen.
“Specialization is for insects”.—Robert Heinlein
Oh zeker, een 100% score is bijna niet te halen in de praktijk is mijn ervaring. Er zitten altijd betrokkenen bij een project die toch perse lichtgrijze tekst willen op een donkergrijze achtergrond, interactie-designers die dingen perse op de :hover willen en niet op de click (waardoor je touch-devices uitsluit, en er vervolgens geen budget/tijd is om hier fallbacks voor te maken), contentbeheerders die lekker uit Word gaan lopen copy/pasten etc etc.
Bleuh.
vooral ook touchpad-proof. Dat waardeer ik welquote:
[..]
Dit is 'em geworden. Kheb nu label een padding van 5px gegeven, en hij is aardig dronken-proof nu
daarom zelfstandig. Rekening houden met designelementen ligt voor mij ook wel aan de doelgroep maar anders kan er altijd nog een alternatief kleuren-cssje geklopt wordenquote:
Oh zeker, een 100% score is bijna niet te halen in de praktijk is mijn ervaring. Er zitten altijd betrokkenen bij een project die toch perse lichtgrijze tekst willen op een donkergrijze achtergrond, interactie-designers die dingen perse op de :hover willen en niet op de click (waardoor je touch-devices uitsluit, en er vervolgens geen budget/tijd is om hier fallbacks voor te maken), contentbeheerders die lekker uit Word gaan lopen copy/pasten etc etc.
“Specialization is for insects”.—Robert Heinlein
Zijn er mensen met een touch-telefoon die even feedback kunnen geven op het uitklapmenu op www.zcflevo.nl?quote:
interactie-designers die dingen perse op de :hover willen en niet op de click (waardoor je touch-devices uitsluit, en er vervolgens geen budget/tijd is om hier fallbacks voor te maken),
Er zit een nieuwe layout in de pijplijn maar daar komt waarschijnlijk een soortgelijk menu in... Het menu is eigenlijk het enige waar nog aan gewerkt moet worden. Dus goed dat je het aanstipt, ik wil dit wel in één keer goed doen.
wellicht is het menu dat ik voor mijn site n8n.nl heb gebruikt wel wat (in aanbouw ja ;') ), zie wat er gebeurd als je het venster smaller maakt. Het is nu niet echt bruikbaar. Media querys zijn geniaal voor mobiele pagina'squote:Op zaterdag 9 juli 2011 13:20 schreef KomtTijd... het volgende:
[..]
Zijn er mensen met een touch-telefoon die even feedback kunnen geven op het uitklapmenu op www.zcflevo.nl?
Er zit een nieuwe layout in de pijplijn maar daar komt waarschijnlijk een soortgelijk menu in... Het menu is eigenlijk het enige waar nog aan gewerkt moet worden. Dus goed dat je het aanstipt, ik wil dit wel in één keer goed doen.
“Specialization is for insects”.—Robert Heinlein
Media-queries ja, wat een heldentechniek 
Ook daar weer: jammer dat veel ontwerpers (lees: mensen die ooit drukwerk maakten en overgestapt zijn naar web) nog steeds van die pixelneukers zijn die weken besteden aan het uitwerken van iedere pagina in PSD.
Ook daar weer: jammer dat veel ontwerpers (lees: mensen die ooit drukwerk maakten en overgestapt zijn naar web) nog steeds van die pixelneukers zijn die weken besteden aan het uitwerken van iedere pagina in PSD.
Bleuh.
gewoon geen pagina's in psd makenquote:
Media-queries ja, wat een heldentechniek
Ook daar weer: jammer dat veel ontwerpers (lees: mensen die ooit drukwerk maakten en overgestapt zijn naar web) nog steeds van die pixelneukers zijn die weken besteden aan het uitwerken van iedere pagina in PSD.
hooguit om met wat blokjes een vlakverdeling te tekenen
“Specialization is for insects”.—Robert Heinlein
Oh als ik zelf ontwerp gebeurt dat ook zeker. Jammer genoeg (en ik kan het me gedeeltelijk ook wel voorstellen) willen klanten vaak toch eerst allerlei schermen uitgewerkt zien voordat er gebouwd gaat/mag worden. Vooruitstrevende klanten die begrijpen dat een website er anders uit kan/zal zien op een 27" iMac en een 13" laptop heb ik jammer genoeg nog niet mogen meemaken. Hopelijk in m'n nieuwe baan waar ik volgende week begin wel
Bleuh.
ik bouw meestal meteen een statische html met css, kost me even veel tijd en met css3 is er al een hoop mogelijk zonder afbeeldingenquote:
Oh als ik zelf ontwerp gebeurt dat ook zeker. Jammer genoeg (en ik kan het me gedeeltelijk ook wel voorstellen) willen klanten vaak toch eerst allerlei schermen uitgewerkt zien voordat er gebouwd gaat/mag worden. Vooruitstrevende klanten die begrijpen dat een website er anders uit kan/zal zien op een 27" iMac en een 13" laptop heb ik jammer genoeg nog niet mogen meemaken. Hopelijk in m'n nieuwe baan waar ik volgende week begin wel
“Specialization is for insects”.—Robert Heinlein
Bezig met de ontwikkeling van een site.
Ik heb nu een index.php, met daarin wat scriptaculous:
Vervolgens heb ik een top.php, die ik dmv van een php include in de index laadt. De top.php werkt met jQuery.
Probleem wat ik nu heb is dat als ik het run ik de top.php wel zie, en die werkt ook gewoon netjes. De index.php wordt verder ook gewoon weergeven op het belangrijkste na, het hele scriptaculous gebeuren...
Op de één of andere manier schakelt die jQuery dus mijn scriptaculous uit. Na een beetje zoeken op Google lijkt het best normaal te zijn dat je conflicten kan krijgen als je met meerdere libraries naast elkaar werkt, maar wat ik niet kon vinden, en wat ik graag hier wil vragen, hoe kan ik het voor elkaar krijgen dat mijn scriptaculous en jQuery gewoon netjes naast elkaar gaan werken?
Ik heb nu een index.php, met daarin wat scriptaculous:
| 1 2 3 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js"></script> <script type="text/javascript" src="assets/js/scriptaculous.js"></script> <script type="text/javascript" src="assets/js/portal.js"></script> |
Vervolgens heb ik een top.php, die ik dmv van een php include in de index laadt. De top.php werkt met jQuery.
| 1 2 | <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/slide.js" type="text/javascript"></script> |
Probleem wat ik nu heb is dat als ik het run ik de top.php wel zie, en die werkt ook gewoon netjes. De index.php wordt verder ook gewoon weergeven op het belangrijkste na, het hele scriptaculous gebeuren...
Op de één of andere manier schakelt die jQuery dus mijn scriptaculous uit. Na een beetje zoeken op Google lijkt het best normaal te zijn dat je conflicten kan krijgen als je met meerdere libraries naast elkaar werkt, maar wat ik niet kon vinden, en wat ik graag hier wil vragen, hoe kan ik het voor elkaar krijgen dat mijn scriptaculous en jQuery gewoon netjes naast elkaar gaan werken?
Gewoon niet 2 verschillende libraries willen gebruiken.quote:
Op de één of andere manier schakelt die jQuery dus mijn scriptaculous uit. Na een beetje zoeken op Google lijkt het best normaal te zijn dat je conflicten kan krijgen als je met meerdere libraries naast elkaar werkt, maar wat ik niet kon vinden, en wat ik graag hier wil vragen, hoe kan ik het voor elkaar krijgen dat mijn scriptaculous en jQuery gewoon netjes naast elkaar gaan werken?
2 libraries naast elkaar gebruiken, echt waar..?
Zoek eens op jquery.noConflict als je toch perse twee libraries wil gebruiken...
Zoek eens op jquery.noConflict als je toch perse twee libraries wil gebruiken...
Bleuh.
Ik ben behoorlijk noob hier in, snap echt niet wat ik moet doen met die jquery.noConflict.
Ik heb dus gewoon 2 scriptjes los van elkaar gedownload, deze helemaal zitten aanpassen naar eigen smaak maar nu gaat het dus mis bij het samenvoegen.
Ik heb dus gewoon 2 scriptjes los van elkaar gedownload, deze helemaal zitten aanpassen naar eigen smaak maar nu gaat het dus mis bij het samenvoegen.
Niets, je moet niet 2 verschillende libraries door elkaar gebruiken.quote:
Ik ben behoorlijk noob hier in, snap echt niet wat ik moet doen met die jquery.noConflict.
Ik heb dus gewoon 2 scriptjes los van elkaar gedownload, deze helemaal zitten aanpassen naar eigen smaak maar nu gaat het dus mis bij het samenvoegen.
Probleem is inmiddels opgelost.
In het bestand slide.js "$" vervangen door "jQuery".
Werkt nu perfect naast elkaar
In het bestand slide.js "$" vervangen door "jQuery".
Werkt nu perfect naast elkaar
Dan nog zit je met 2 libraries door elkaar heen te werken. Niet wenselijk.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Help Ik snap niks van jQuery 
Ik wil de ID's van ALLE geselecteerde LI's in het input veld #hardware krijgen. Dat lukt, behalve dat als ik hem niet meer geselecteerd heb hij blijft staan
http://intranet.vdxml.nl/test.html
Ik snap niks van jQuery Ik wil de ID's van ALLE geselecteerde LI's in het input veld #hardware krijgen. Dat lukt, behalve dat als ik hem niet meer geselecteerd heb hij blijft staan
http://intranet.vdxml.nl/test.html
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <script> $(function() { $( "#selectable" ).selectable({ stop: function() { var result = $( "#hardware" ).val(''); $( ".ui-selected", this ).each(function() { var index = $( "#selectable li" ).index( this ); result.val( $( "#hardware" ).val() + this.id + ' ' ); }); } }); }); </script> <div class="demo"> <ol id="selectable"> <li class="ui-state-default" id="2255">1</li> <li class="ui-state-default" id="3311">2</li> <li class="ui-state-default" id="3355">3</li> <li class="ui-state-default" id="6633">4</li> <li class="ui-state-default" id="1111">5</li> <li class="ui-state-default" id="2222">6</li> <li class="ui-state-default" id="1337">7</li> <li class="ui-state-default" id="666">8</li> <li class="ui-state-default" id="3399">9</li> </ol> </div> |
Oops...hij was gecachedquote:
Hoe bedoel je ? Als je hem deselecteert dan verdwijnt hij ook gewoon uit het veld (Chrome 12.0)
Wat is een goede manier om statusupdates van een Facebook page op een website te tonen? Vroeger had je de minifeed, maar het lijkt nu niet meer mogelijk te zijn om via RSS updates van Facebook binnen te halen. En bij de API's zie ik ook niet direct iets wat me nuttig lijkt.
Iemand een idee? Het gaat om een openbare Facebook page, dus geen profiel van een persoon ofzo.
Iemand een idee? Het gaat om een openbare Facebook page, dus geen profiel van een persoon ofzo.
http://developers.facebook.com/docs/reference/rest/status.get/quote:
Wat is een goede manier om statusupdates van een Facebook page op een website te tonen? Vroeger had je de minifeed, maar het lijkt nu niet meer mogelijk te zijn om via RSS updates van Facebook binnen te halen. En bij de API's zie ik ook niet direct iets wat me nuttig lijkt.
Iemand een idee? Het gaat om een openbare Facebook page, dus geen profiel van een persoon ofzo.
| 1 2 3 4 5 6 7 8 9 10 | <script> $(document).ready(function(){ $('a').click(function () { var divName = this.name; $("#"+divName).fadeIn(1200).siblings().fadeOut(1200); }); }); </script> |
Script zorgt ervoor dat de oude div weg gaat als een nieuwe div aangeroepen wordt, zodat er altijd maar 1 div zichtbaar is. Effecten zijn fadeOut en fadeIn, hoe kan ik dit script nou zo krijgen dat de fadeIn even wacht totdat de fadeOut klaar is. Nu faden ze door elkaar zeg maar, de ene fadeOut en de andere fadeIn.
Door delay() te gebruiken in de chain, of de fade-out in de call-back van de fadeIn te zetten.
of
Zoiets.
[ Bericht 0% gewijzigd door PimD op 20-07-2011 19:06:28 ]
| 1 | $("#"+divName).fadeIn(1200).siblings().delay(1200).fadeOut(1200); |
of
| 1 2 3 | $("#"+divName).fadeIn(1200,function(){ $(this).siblings().fadeOut(1200); }); |
Zoiets.
[ Bericht 0% gewijzigd door PimD op 20-07-2011 19:06:28 ]
Bleuh.
Beide opties doen hetzelfde hier: Nieuwe div wordt getoond, terwijl de oude div nog zichtbaar is. Nadat de nieuwe div op het scherm is getoverd komt de .delay, en dan pas fade de oude div uit.
Dan doe je toch iets verkeerd lijkt me, aangezien de callback pas wordt uitgevoerd als de fadeIn voltooid is. Gooi eens een voorbeeld online, zodat we kunnen zien wat je wilt/hebt.
Bleuh.
Volgens mij is het de bedoeling dat je eerst fadeOut krijgt, en daarna pas fadeIn.quote:
Dan doe je toch iets verkeerd lijkt me, aangezien de callback pas wordt uitgevoerd als de fadeIn voltooid is. Gooi eens een voorbeeld online, zodat we kunnen zien wat je wilt/hebt.
dit dusquote:
[..]
Volgens mij is het de bedoeling dat je eerst fadeOut krijgt, en daarna pas fadeIn.
edit, heb de gehele code ff op pastebin gezet: http://pastebin.com/zBTDvxd0
[ Bericht 12% gewijzigd door YazooW op 20-07-2011 19:25:23 ]
De volgorde aanpassen zou niet zo moeilijk mogen zijn:
Niet getest, dat mag je zelf doen.
| 1 2 3 | $("#"+divName).fadeOut(1200,function(){ $(this).siblings().fadeIn(1200); }); |
Nu werkt die, thanks!quote:
De volgorde aanpassen zou niet zo moeilijk mogen zijn:
[ code verwijderd ]
Niet getest, dat mag je zelf doen.
Ben pas begonnen met jQuery dus kan zijn dat ik er naast zit:quote:
Eerst stond alles in 1 regel achter elkaar, waardoor hij alles dus in 1x ging runnen.
Nu zijn het 2 regels geworden, hij runt nu eerst de fadeOut, als hij daarmee klaar is begint hij met een functie waarin de fadeIn staat.
Kan zijn dat ik er behoorlijk naast zit, stukje code heb ik ergens van internet geplukt en een beetje aangepast.
Verder heb ik nu weer het probleem dat als ik op link van div1 klikt hij div3 opent, klik op div3 opent hij div1, klik ik op div2 doet die helemaal niks.
Mijn code ziet er nu zo uit:
| 1 2 3 4 5 6 7 8 9 10 11 | <script> $(document).ready(function(){ $('a').click(function () { var divName = this.name; $("#"+divName).fadeOut((1000),function(){ $(this).siblings().show(("slide", 1000)); }); }); }); </script> |
Mijn uiteindelijke einddoel is dit:
<---logo---><---------------menu---------------->
<--menu--><--------------content--------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------------------foooter--------------------->
Als je op de pagina komt zie je dus een logo, een menu links, de content, het menu boven de content moet nog leeg zijn op de beginpagina. Als je vervolgens op een menuitem klikt (linkse menu) dat moet er een div geopent worden rechts van het menu met daarin aan de bovenkant een (sub)menu, en daaronder dan de content.
Voorbeeld:
<---logo---><--appels--peren--bananen-->
<--menu--><-------content over appels----->
<----fruit---><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------------------foooter--------------------->
Dus je hebt op fruit geklikt in het menu, vervolgens zie je een (sub)menu bovenaan tevoorschijn komen, en in de content info over appels (omdat appels de eerste link is in het (sub)menu), klik je op peren in het (sub)menu dan moet de content van de appels verdwijnen en plaats maken voor de content van de peren.
Klik je op een ander item in het linkse menu dan moet het (sub)menu (appels, peren, etc) en de content plaats maken voor een nieuwe (sub)menu en content.
Zoals je aan mijn beschrijving kan zien ben ik dus nog wel even bezig dit voor elkaar te krijgen aangezien ik nu niet eens normaal divs kan openen en sluiten... Wil eigenlijk het liefst zo snel mogelijk beginnen mijn CMS te bouwen in php maar ik kan dat jQuery gewoon niet zomaar negeren aangezien het er zo slick uit ziet
Hoi Fok-ers!
Zit met een probleempje, hopelijk weten jullie meer dan ik (waarschijnlijk wel!).
De bedoeling is de illusie te geven dat de header doorloopt achter de witte container, wat op dit screenshot dus gelukt is. Het donkergrijze loopt door achter de content. Browser is trouwens FireFox.
http://imageshack.us/f/818/ss1ob.png/ (copy/paste deze link)
Dit heb ik gedaan der middel van 2 divjes aan beide kanten van de witte container, onder de header. Die heb ik vervolgens een vaste waarde (px) meegegeven zodat ze de margin-left en margin-right van de container opvulden.
Echter, en waar ik al rekening mee hield, in een andere browser past het weer net niet. Zie screenshot:
http://imageshack.us/photo/my-images/823/schermafbeelding2011072v.png/ (copy/paste deze link)
Zoals jullie zien kom ik daar een stukje te kort en is de hele illusie weg. Vervolgens heb ik geprobeerd dmv de z-index de container boven de balk te plaatsen. De balk 100% width gegeven en een z-index van -1. Werkte niet. (Omdat de div's in andere files staan?).
Zijn er nog manieren om dit werkend te krijgen?
Bij voorbaat dank!
Peter.
Zit met een probleempje, hopelijk weten jullie meer dan ik (waarschijnlijk wel!).
De bedoeling is de illusie te geven dat de header doorloopt achter de witte container, wat op dit screenshot dus gelukt is. Het donkergrijze loopt door achter de content. Browser is trouwens FireFox.
http://imageshack.us/f/818/ss1ob.png/ (copy/paste deze link)
Dit heb ik gedaan der middel van 2 divjes aan beide kanten van de witte container, onder de header. Die heb ik vervolgens een vaste waarde (px) meegegeven zodat ze de margin-left en margin-right van de container opvulden.
Echter, en waar ik al rekening mee hield, in een andere browser past het weer net niet. Zie screenshot:
http://imageshack.us/photo/my-images/823/schermafbeelding2011072v.png/ (copy/paste deze link)
Zoals jullie zien kom ik daar een stukje te kort en is de hele illusie weg. Vervolgens heb ik geprobeerd dmv de z-index de container boven de balk te plaatsen. De balk 100% width gegeven en een z-index van -1. Werkte niet. (Omdat de div's in andere files staan?).
Zijn er nog manieren om dit werkend te krijgen?
Bij voorbaat dank!
Peter.
Volgens mij ben je onnodig moeilijk aan het doen. Je kunt die grijze balk toch gewoon als background-color meegeven van je bovenste div, en dan de witte container een negatieve top-margin geven...?
Bleuh.
Nou. Dan is het nu misschien ook maar eens tijd om wat tussentijdse adviezen/meningen over m'n projectje te ontvangen. Het gaat om een webshopje.
Lastige is dat ik nog niet precies weet wat ik er mee wil doen, misschien verkoop ik 't hele handeltje, misschien ga ik hem zelf gebruiken, en als ik hem zelf ga gebruiken; wat wil ik gaan verkopen? Met het oog op al deze vragen heb ik besloten de shop zo clean mogelijk te maken. Met als prioriteit usability en overzichtelijkheid.
De laatste dagen echter, slaat bij mij de twijfel toe of deze cleane look wel the way to go is. Ik zelf hou er erg van, maar het draait in principe natuurlijk niet om wat ik vind. Daarom graag jullie op- en aanmerkingen. (Niet kijken naar de producten, dat is pure opvulling).
Klik hier.
Thanks!
Lastige is dat ik nog niet precies weet wat ik er mee wil doen, misschien verkoop ik 't hele handeltje, misschien ga ik hem zelf gebruiken, en als ik hem zelf ga gebruiken; wat wil ik gaan verkopen? Met het oog op al deze vragen heb ik besloten de shop zo clean mogelijk te maken. Met als prioriteit usability en overzichtelijkheid.
De laatste dagen echter, slaat bij mij de twijfel toe of deze cleane look wel the way to go is. Ik zelf hou er erg van, maar het draait in principe natuurlijk niet om wat ik vind. Daarom graag jullie op- en aanmerkingen. (Niet kijken naar de producten, dat is pure opvulling).
Klik hier.
Thanks!
Ik ga geen commentaar geven op het design, aangezien daar vast andere topics voor zijn. Wel op je HTML/CSS:
- Tabellen, anno 2011... echt waar?
- Inline styling. Handiger zou zijn om gewoon alles in een CSS-file te zetten, zodat je alles op 1 centraal punt kunt beheren i.p.v. in allemaal losse HTML/PHP bestanden.
- Lees eens wat over semantiek. Lijstjes zoals je footer zouden gewoon geneste UL's/OL's moeten zijn i.p.v. div's met een unieke ID en 5x 99% dezelfde CSS.
- Tabellen, anno 2011... echt waar?
- Inline styling. Handiger zou zijn om gewoon alles in een CSS-file te zetten, zodat je alles op 1 centraal punt kunt beheren i.p.v. in allemaal losse HTML/PHP bestanden.
- Lees eens wat over semantiek. Lijstjes zoals je footer zouden gewoon geneste UL's/OL's moeten zijn i.p.v. div's met een unieke ID en 5x 99% dezelfde CSS.
Bleuh.
Beste TimD,
Het betreft hier een ondertussen hevig aangepast opensource pakket. Er zitten inderdaad tables in, maar die zijn er niet door mij ingezet. Hoe ik dat kan gaan aanpassen is me onbekend. Gaat dit problemen opleveren / heeft het negatieve consequenties op enig vlak?
Over semantiek ga ik me eens inlezen. Bedankt!
Het betreft hier een ondertussen hevig aangepast opensource pakket. Er zitten inderdaad tables in, maar die zijn er niet door mij ingezet. Hoe ik dat kan gaan aanpassen is me onbekend. Gaat dit problemen opleveren / heeft het negatieve consequenties op enig vlak?
Over semantiek ga ik me eens inlezen. Bedankt!
ik wil graag weten hoe ik mijn footer op de correcte plek positioneer, dus onder de content en niet erboven.
HTML
CSS
Ik neem aan dat het met de float van de menu's te maken heeft in de content div en dat de footer deze als 't ware negeert en gewoon onder de header gaat zitten. Als ik me niet vergis moet ik ergens correct gebruik maken van "clear" maar waar precies? Kan iemand me even helpen?
Hartelijk dank.
HTML
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Portal</title> <link href="style/portal.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <h1>Portal</h1> </div> <!-- HEADER --> <div id="content"> <h2> Opties </h2> <div id="menu1"><h2>Menu 1</h2> </div> <!-- MENU 1 --> <div id="menu2"><h2>Menu 2</h2> </div> <!-- MENU 2 --> <div id="menu3"><h2>Menu 3</h2> </div> <!-- MENU 3 --> <div id="menu4"><h2>Menu 4</h2> </div> <!-- MENU 4 --> <div id="menu5"><h2>Menu 5</h2> </div> <!-- MENU 5 --> <div id="menu6"><h2>Menu 6</h2> </div> <!-- MENU 6 --> <p> Klik op een menu om verder te gaan</p> </div> <!-- CONTENT --> <div id="footer"> <p>Footer</p> </div> <!-- FOOTER --> </body> </html> |
CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | @charset "utf-8"; /* CSS Document */ body { } #content { width:1000px; background-color:#CCC; position:absolute; left:50%; margin-left:-500px; clear:right; } #menu1 { background-color:#00F; width:300px; height:300px; float:left; margin-right:25px; margin-bottom:25px; margin-left:25px; } #menu2 { background-color:#393; width:300px; height:300px; float:left; margin-right:25px; margin-bottom:25px; } #menu3 { background-color:#966; width:300px; height:300px; float:left; margin-bottom:25px; } #menu4 { background-color:#96F; width:300px; height:300px; float:left; margin-right:25px; margin-left:25px; } #menu5 { background-color:#CF3; width:300px; height:300px; float:left; margin-right:25px; } #menu6 { background-color:#6C3; width:300px; height:300px; float:left; } #header { background-color:#CCC; } #footer { background-color:#CCC; } .clear { clear:both; } |
Ik neem aan dat het met de float van de menu's te maken heeft in de content div en dat de footer deze als 't ware negeert en gewoon onder de header gaat zitten. Als ik me niet vergis moet ik ergens correct gebruik maken van "clear" maar waar precies? Kan iemand me even helpen?
Hartelijk dank.
Sowieso #content niet absoluut positioneren. En er een overflow:hidden aan toe voegen om de float te clearen. Dan ben je al een heel eind gok ik.
Maar dat menu, maak daar nou gewoon even een UL van. Mijn hemel wat kan ik chagrijnig worden van menu's die uit divjes bestaan met unieke ID's met 10x dezelfde CSS.
Maar dat menu, maak daar nou gewoon even een UL van. Mijn hemel wat kan ik chagrijnig worden van menu's die uit divjes bestaan met unieke ID's met 10x dezelfde CSS.
Bleuh.
Ik zag dat ik je bovenstaande reactie al staan ja. Ik zal eens even kijken wat je er precies mee bedoelt, je moet niet vergeten dat sommige mensen niet op jouw kennis niveau zitten.quote:
Sowieso #content niet absoluut positioneren. En er een overflow:hidden aan toe voegen om de float te clearen. Dan ben je al een heel eind gok ik.
Maar dat menu, maak daar nou gewoon even een UL van. Mijn hemel wat kan ik chagrijnig worden van menu's die uit divjes bestaan met unieke ID's met 10x dezelfde CSS.
Ik waardeer echter wel dat je me probeert naar een ideale manier van schrijven probeert te loodsen hoor.
Ik ga eerst even aanpassen wat je suggereerde en daarna zal ik eens kijken of ik uit de voeten kom met je UL idee. Bedankt alvast.
Na het weghalen van :
Klopt de flow van de pagina inderdaad weer. Maar die code had ik juist gebruikt om de content precies in het midden van de pagina te positioneren. Waarom leverde dit eigenlijk problemen op, en is er een alternatief? Als je me hier antwoord op weet te geven, dan beloof ik je dat ik met UL aan de slag ga
| 1 2 3 4 5 | #content { position:absolute; left:50%; margin-left:-500px; } |
Klopt de flow van de pagina inderdaad weer. Maar die code had ik juist gebruikt om de content precies in het midden van de pagina te positioneren. Waarom leverde dit eigenlijk problemen op, en is er een alternatief? Als je me hier antwoord op weet te geven, dan beloof ik je dat ik met UL aan de slag ga
Het levert problemen op omdat:
a) position:absolute sowieso alleen gebruikt moet worden als het echt noodzakelijk is, om dingen over elkaar te plaatsen bijv.
b) margin-left: -500px zorgt dat je content uit beeld verdwijnt op schermen die geen 1000 pixels breed zijn
En waarom zou je niet gewoon zoals de rest van de hele wereld margin: auto gebruiken als je iets wilt centreren?
a) position:absolute sowieso alleen gebruikt moet worden als het echt noodzakelijk is, om dingen over elkaar te plaatsen bijv.
b) margin-left: -500px zorgt dat je content uit beeld verdwijnt op schermen die geen 1000 pixels breed zijn
En waarom zou je niet gewoon zoals de rest van de hele wereld margin: auto gebruiken als je iets wilt centreren?
Position:absolute zorgt er voor dat je element uit de flow van de pagina wordt gehaald (en daardoor dus geen ruimte meer in neemt) en wordt gepositioneerd a.d.h.v. de eerste gepositioneerde parent (in dit geval je body). Hierdoor schuiven de andere elementen (in dit geval je footer) naar boven.
Als je content "margin:0 auto;" geeft zou ie weer keurig in het midden moeten staan.
Als je content "margin:0 auto;" geeft zou ie weer keurig in het midden moeten staan.
Bleuh.
Geen idee waarom ik dat niet gebruikt heb, maar dat zal ik vanaf nu dus gaan toepassen. Nu staat alles zoals ik het wil, dan nu op naar je andere suggestie.
Is dit een beetje in de richting die je bedoelt? En als ik nu een Li aparte eigenschappen wil geven, dan daarvoor id aanmaken?
| 1 2 3 4 5 6 7 8 9 10 11 | ul { } li { background-color:#39F; list-style:none; width:200px; height:200px; margin:25px; float:left; } |
| 1 2 3 4 5 6 7 8 9 10 11 12 | <div id="content"> <h2> Opties </h2> <ul> <li>Menu 1</li> <li>Menu 2</li> <li>Menu 3</li> <li>Menu 4</li> <li>Menu 5</li> <li>Menu 6</li> </ul> <p class="clear"> Klik op een menu om verder te gaan</p> </div> <!-- CONTENT --> |
Is dit een beetje in de richting die je bedoelt? En als ik nu een Li aparte eigenschappen wil geven, dan daarvoor id aanmaken?
Dat lijkt er al meer op ja. Ik zou in dit geval gebruik maken van classes om de li's een unieke achtergrond te geven, of natuurlijk een hendig sjieke :nth-child-selector. ID's gebruik ik eigenlijk nooit op losse elementen als li's, ik gebruik het alleen voor unieke componenten op een pagina (bijv. #navigation, #search etc), zodat je er ook naar toe kunt linken (index.html#search) - wat voor m.n. accessibility van belang is.
Bleuh.
Hopelijk hebben jullie nog energie voor 1 vraag van mij want ik blijf toch moeite hebben met positionering blijkbaar, ik ben nog even in de boeken gedoken maar ik kom er toch niet uit:
Ik wil de <li> mooi in het midden gepositioneerd hebben. Nu is er rechts meer marge dan links.
Is er nog een makkelijke manier om het automatisch uit te lijnen of moet ik gewoon precies uitmeten hoeveel pixels er vrij zijn links en rechts en dan de marge bijstellen?
De code:
Ik wil de <li> mooi in het midden gepositioneerd hebben. Nu is er rechts meer marge dan links.
Is er nog een makkelijke manier om het automatisch uit te lijnen of moet ik gewoon precies uitmeten hoeveel pixels er vrij zijn links en rechts en dan de marge bijstellen?
De code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Portal</title> <link href="style/portal.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <h1>Portal</h1> </div> <!-- HEADER --> <div id="navigatie"> <h3>navigatie></h3> </div> <div id="content"> <h2> Opties </h2> <ul> <li><h3>Menu 1</h3></li> <li><h3>Menu 2</h3></li> <li><h3>Menu 3</h3></li> <li><h3>Menu 4</h3></li> <li><h3>Menu 5</h3></li> <li><h3>Menu 6</h3></li> </ul> <p class="clear"> Klik op een menu om verder te gaan</p> </div> <!-- CONTENT --> <div id="footer"> <p>Footer</p> </div> <!-- FOOTER --> </body> </html> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | @charset "utf-8"; /* CSS Document */ body { } #content { width:1000px; background-color:#CCC; margin:0 auto; } #content h3 { text-align:center } ul { margin:0 auto; padding:0; } li { background-color:#39F; list-style:none; width:270px; height:270px; margin:20px; float:left; } #header { background-color:#CCC; } #footer { background-color:#CCC; } .clear { clear:both; } |
Laat ze niet floaten, dan kun je gewoon text-align:center (of justify) gebruiken op je parent.
Gebruik display:inline (of inline-block) om ze naast elkaar te krijgen
Gebruik display:inline (of inline-block) om ze naast elkaar te krijgen
Bedankt, een hele simpele oplossing. Die floats stamde nog af van mijn div oplossing, ik wist wel dat die de boosdoeners waren eigenlijk.quote:
Laat ze niet floaten, dan kun je gewoon text-align:center (of justify) gebruiken op je parent.
Gebruik display:inline (of inline-block) om ze naast elkaar te krijgen
Dat blijft toch nog wel het probleem voor mij met CSS, als ik mensen suggesties hoor geven dan klinkt het heel logisch maar om er zelf op te komen tijdens het schrijven van de code is gewoon erg lastig. Hoe dan ook, stapje voor stapje leer ik wel
Heel erg bedankt in elk geval, nu tijd om verder te schetsen.
Help, m'n uploadify scriptje geeft een bericht weer, maar ik kan er geen afbeelding inkrijgen!!
Dit is de output:
En dit is m'n script
Dit is de output:
| 1 | 11 bestand(en) geupload, 0 fouten. <img src="/include/images/loader_small.gif" />Het laden van de volgende pagina kan erg lang duren afhankelijk van het aantal afbeeldingen. |
En dit is m'n script
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script type="text/javascript"> $(function() { $('#custom_file_upload').uploadify({ 'uploader' : '/include/uploadify/uploadify.swf', 'script' : '/afbeelding_upload.php', 'cancelImg' : '/include/uploadify/cancel.png', 'multi' : true, 'auto' : true, 'fileExt' : '*.jpg;*.gif;*.png', 'fileDesc' : 'Afbeeldingen (.JPG, .GIF, .PNG)', 'queueID' : 'custom-queue', 'buttonText' : 'Toevoegen', 'queueSizeLimit' : 20, 'simUploadLimit' : 2, 'removeCompleted': false, 'scriptData' : {'klantid':'#KLANTID'}, 'onSelectOnce' : function(event,data) { $('#status-message').text('Een ogenblik geduld...bestanden worden geupload.'); }, 'onAllComplete' : function(event,data) { $('#status-message').text(data.filesUploaded + ' bestand(en) geupload, ' + data.errors + ' fouten. <img src="/include/images/loader_small.gif" />Het laden van de volgende pagina kan erg lang duren afhankelijk van het aantal afbeeldingen.'); document.location.href = '/afbeelding_toevoegen_process.php?kid=#KLANTID'; } }); }); </script> |
IE9 valt me hard mee tot nu toe. En IE7/8... ach... pixelperfect ga ik niet eens proberen en gelukkig kun je veel fixen met conditional comments.quote:
ontwikkelen in moderne browsers is echt leuk, trouwens
hou me vast als ik straks IE7/8/9 ga proberen
Zolang je IE6 niet hoeft te ondersteunen vind ik het ook allemaal wel meevallen. IE7 heeft af en toe wat moeite met z-indexen e.d. - maar over het algemeen valt er best voor te ontwikkelen.
Bleuh.
Ik heb het afgelopen jaar geen enkele website afgeleverd met IE6-support en ik heb er 0 klanten over horen klagen.
Het ligt ook aan je doelgroep... op m'n werk moet IE6 wel ondersteund worden, omdat het bij onze doelgroep (ziekenhuizen) nog te veel wordt gebruikt.quote:
Ik heb het afgelopen jaar geen enkele website afgeleverd met IE6-support en ik heb er 0 klanten over horen klagen.
Grappig dat je dat zegt, want letterlijk de enige keer dat ik ermee werd geconfronteerd dat een site die ik had gebouwd niet goed werkt in IE6 was toen ik iemand in het ziekenhuis bezocht. De patienten daar hebben een soort touchscreen computerterminal waarop ze spelletjes kunnen doen en kunnen internetten en jawel hoor, op dat gare ding stond IE6 en dus deed m'n site het niet goedquote:
[..]
Het ligt ook aan je doelgroep... op m'n werk moet IE6 wel ondersteund worden, omdat het bij onze doelgroep (ziekenhuizen) nog te veel wordt gebruikt.
Best kans dat (bijna) alle computers in dat ziekenhuis nog IE6 draaiden. En dat ze dat nog steeds doen, want upgraden is gevaarlijk en risicovol enzo. En de IE6-only apps doen het dan waarschijnlijk niet meer meer, da's ook lastig...quote:
[..]
Grappig dat je dat zegt, want letterlijk de enige keer dat ik ermee werd geconfronteerd dat een site die ik had gebouwd niet goed werkt in IE6 was toen ik iemand in het ziekenhuis bezocht. De patienten daar hebben een soort touchscreen computerterminal waarop ze spelletjes kunnen doen en kunnen internetten en jawel hoor, op dat gare ding stond IE6 en dus deed m'n site het niet goed
En applicaties die alleen met IE6 werken, zijn ondertussen ook zodanig verouderd dat ze dringend vervangen moeten worden. Liever nog gisteren dan vandaag.
Mij is eens verteld dat het EPD (ook zo'n handig Haagsch idee) alleen werkt in IE6. Of het waar is, weet ik niet. Maar als het waar is, mogen ze wmb iedereen die eraan heeft meegewerkt opknopen.
Mij is eens verteld dat het EPD (ook zo'n handig Haagsch idee) alleen werkt in IE6. Of het waar is, weet ik niet. Maar als het waar is, mogen ze wmb iedereen die eraan heeft meegewerkt opknopen.
waarom vervangen als het werkt..quote:
En applicaties die alleen met IE6 werken, zijn ondertussen ook zodanig verouderd dat ze dringend vervangen moeten worden. Liever nog gisteren dan vandaag.
Mij is eens verteld dat het EPD (ook zo'n handig Haagsch idee) alleen werkt in IE6. Of het waar is, weet ik niet. Maar als het waar is, mogen ze wmb iedereen die eraan heeft meegewerkt opknopen.
onze apothekers (pas hebben we moeten wisselen van apotheek)
draaien ook nog een of ander dos programma op XP
Omdat het om gegevens gaat die niet alleen nu beschikbaar moeten zijn, maar waarvan ook gegarandeerd moet worden dat ze in de toekomst beschikbaar zijn.quote:
Onderhoudbaarheid, nieuwe inzichten (zowel van de bouwers als van de gebruikers), platformonafhankelijkheid. Zo'n dos programma in XP is leuk, maar er komt een moment dat dos programma's niet meer werken in Windows. En er komt een moment dat XP (inmiddels ook 10 jaar oud) helemaal niet meer ondersteund wordt. Windows 7 kan standaard niet meer overweg met dos programma's (er zijn in sommige gevallen workarounds).quote:
[..]
waarom vervangen als het werkt..
onze apothekers (pas hebben we moeten wisselen van apotheek)
draaien ook nog een of ander dos programma op XP
het front-end maakt dan niet uit.. dan moet de data goed opgeslagen worden... (en gedocumenteerd worden hoe deze opslag inelkaar steekt..quote:
[..]
Omdat het om gegevens gaat die niet alleen nu beschikbaar moeten zijn, maar waarvan ook gegarandeerd moet worden dat ze in de toekomst beschikbaar zijn.
Wat zeg je dan tegen de gebruikers die in de toekomst bij de data moeten die nu alleen beschikbaar zijn via een IE6-only applicatie? Dat alle data beschikbaar is en dat ze alleen maar even een nieuwe frontend hoeven te schrijven?quote:
[..]
het front-end maakt dan niet uit.. dan moet de data goed opgeslagen worden... (en gedocumenteerd worden hoe deze opslag inelkaar steekt..
nee, je levert een werkende machine op met IE6, simpel as that..quote:Op zondag 31 juli 2011 00:45 schreef Tijn het volgende:
[..]
Wat zeg je dan tegen de gebruikers die in de toekomst bij de data moeten die nu alleen beschikbaar zijn via een IE6-only applicatie? Dat alle data beschikbaar is en dat ze alleen maar even een nieuwe frontend hoeven te schrijven?
Ah, je levert als webdeveloper ook hardware tegenwoordig?quote:
[..]
nee, je levert een werkende machine op met IE6, simpel as that..
Maar dan nog: het gaat om de toekomst, he. Support voor XP loopt al op z'n eind en MS is zelf IE6 ook liever kwijt dan rijk. Dus hoe ga je over pak-em-beet 10 jaar een systeem versieren waar nog IE6 op draait? En belangrijker: vind je dat echt een betere oplossing dan nu zorgen dat je IE6-applicatie langzamerhand ook toegankelijk wordt gemaakt voor andere browsers zodat je in de toekomst zulke kunstgrepen niet uit hoeft te halen?
Sowieso is een browser-specifieke webapplicatie natuurlijk te belachelijk voor woorden. Veel haakser op het concept van het web kun je niet staan. Als je toch alleen maar een enkele browser ondersteunt, ontwikkel dan liever helemaal geen webapplicatie en lever gewoon een native app aan. Dan verwacht ten minste ook niemand dat het cross platform is.
Zo lang niet meer voor IE ontwikkeld dat ik totaal ben vergeten wat de trucs ook alweer waren
“Specialization is for insects”.—Robert Heinlein
http://webwereld.nl/nieuw(...)ernet-explorer-.htmlquote:Op zaterdag 30 juli 2011 23:41 schreef Tijn het volgende:
Je zou zeggen dat juist IE6 blijven gebruiken gevaarlijk is. Maar goed, dat is mijn mening
Ik gebruik overigens Opera
Even een relatief simpel html/css-vraagje, maar ik krijg het niet voor elkaar:
Ik heb een <DIV> waarbinnen de inhoud van mijn pagina komt. Nu wil ik op een vaste positie rechts een blokje plaatsen, bij voorkeur ook een DIV.
Echter, de tekst gaat dwars door mijn DIV heen, en wordt er niet omheen geplaatst.
Heeft iemand een idee hoe ik dat voor elkaar krijg?
Hieronder de vereenvoudigde code (CSS heb ik er hier rechtstreeks in opgenomen).
Ik heb een <DIV> waarbinnen de inhoud van mijn pagina komt. Nu wil ik op een vaste positie rechts een blokje plaatsen, bij voorkeur ook een DIV.
Echter, de tekst gaat dwars door mijn DIV heen, en wordt er niet omheen geplaatst.
Heeft iemand een idee hoe ik dat voor elkaar krijg?
Hieronder de vereenvoudigde code (CSS heb ik er hier rechtstreeks in opgenomen).
| 1 2 3 4 5 6 7 8 9 10 11 12 | <DIV style="width:400px; position: relative; border:1px solid;"> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test <div style="width:100px;height:100px;top:50px;right:0px; position: absolute; border:2px solid;display:inline;"></div> </div> |
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Als je dingen absoluut positioneert gaat de tekst er niet om heen nee, daarvoor moet je gebruik maken van floats.
Bleuh.
Wat bedoel je nu, wat wil je precies en welke code heb je al???quote:
css, heb mn naam rood, nu wil ik nog graag een tag
Tnx PimD, float:right icm margin-top is wat ik zocht.
DIV's kunnen je zo frustreren als ze niet precies doen wat je verwacht.
DIV's kunnen je zo frustreren als ze niet precies doen wat je verwacht.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
In plaats van teksten als "test test test test test" kun je trouwens beter Lorem Ipsum gebruiken. Dat ziet er veel meer uit als echte tekst en is dus beter testmateriaal.
Ja dat klopt, maar het was meer ter illustratie van wat het probleem was. Op de website waar het om gaat, staat al inhoudelijke tekst.quote:
In plaats van teksten als "test test test test test" kun je trouwens beter Lorem Ipsum gebruiken. Dat ziet er veel meer uit als echte tekst en is dus beter testmateriaal.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Nu was ik een simpele website aan het aanpassen in het CMS en heb ik iets verneukt. Er stond een simpele tekst met daaronder een hyperlink. Zodra je daarop klikte klapte eronder een stuk tekst uit.
Ik had het stuk tekst aangepast maar nu als ik die pagina bezoek staat alles reeds uitgeklapt. Hoe kan ik ervoor zorgen dat ie initieel weer verborgen is.
Ik had het stuk tekst aangepast maar nu als ik die pagina bezoek staat alles reeds uitgeklapt. Hoe kan ik ervoor zorgen dat ie initieel weer verborgen is.
Misschien een beetje brede vraag, maar weet anders ook niet of wat ik er anders achter ga komen.
Wat kunnen redenen zijn dat wanneer ik een CSS gebruik, hij wel bepaalde aspecten overneemt maar niet alles en dit alleen bij bepaalde tpl's?
Het zit zo. Ik ben bezig met een applicatie waar ik nu een CSS voor heb gemaakt.
Sommige pagina's pakt hij perfect, dus mooie achtergrond, goede lettertype en grootte enzo. Maar andere pagina's heeft hij wel de actergrond, maar zijn de letters enorm vergroot.
Als ik dan kijk met F12 in Explore dan herkent ie wel de lettertype en grootte die de CSS hem geeft.
Heb gekeken of alle heads/body's/tables goed worden afgesloten en dat is in het betreffende geval gebeurd.
Iemand enig idee waar ik het misschien anders in kan zoeken?
edit: heb even gekeken in google chrome. daarin doet hij 1 verkeerde pagina wel goed. Maar enkele andere verkeerde ook verkeerd.
[ Bericht 7% gewijzigd door Cue_ op 10-08-2011 13:57:05 ]
Wat kunnen redenen zijn dat wanneer ik een CSS gebruik, hij wel bepaalde aspecten overneemt maar niet alles en dit alleen bij bepaalde tpl's?
Het zit zo. Ik ben bezig met een applicatie waar ik nu een CSS voor heb gemaakt.
Sommige pagina's pakt hij perfect, dus mooie achtergrond, goede lettertype en grootte enzo. Maar andere pagina's heeft hij wel de actergrond, maar zijn de letters enorm vergroot.
Als ik dan kijk met F12 in Explore dan herkent ie wel de lettertype en grootte die de CSS hem geeft.
Heb gekeken of alle heads/body's/tables goed worden afgesloten en dat is in het betreffende geval gebeurd.
Iemand enig idee waar ik het misschien anders in kan zoeken?
edit: heb even gekeken in google chrome. daarin doet hij 1 verkeerde pagina wel goed. Maar enkele andere verkeerde ook verkeerd.
[ Bericht 7% gewijzigd door Cue_ op 10-08-2011 13:57:05 ]
eerst alle pagina's hard refreshen (ctrl+F5).
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Explore helemaal herstart, ook hard refreshes helpen niet.quote:
eerst alle pagina's hard refreshen (ctrl+F5).
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Verder gebruik ik geen inline styles (ja wel beetje, maar heeft te maken met kolombreedtes, en die ziet hij ook wel gewoon)
Al ik in het F12 menu de CSS uitschakel, veranderd hij wel. Dus hij ziet opzich wel de koppeling met de CSS. Alleen niet zoals aangegeven
[ Bericht 12% gewijzigd door Cue_ op 10-08-2011 14:39:14 ]
Blijkbaar heb je gewoon een andere stijl ergens gedefinieerd met hogere specificiteit dus.quote:
Hmm.. als ik een aparte class maak voor de <td> en <tr> van de tabel. dan doet hij het wel goed
ik heb een foto-pagina gemaakt voor mn site
het vervelende is dat er staande en liggende foto's zijn gemaakt, een erg rommelige opmaak krijg ik dan dus.
Ik had 2 oplossingen gezien:
1) Uit alle foto's een vierkant nemen, dus niet schalen maar een stuk afknippen van zijkant of bovenkant zodat alle foto's gelijk van grote zijn. Dit lijkt me het mooiste maar ik wil niet alle foto's gaan bewerken. Kan dit met een css of php trucje..
Dit heeft mijn voorkeur maar ik denk dat het lastig is..dus
2) Om elke foto een vierkantje zetten met de breedte van een ligggende foto en de hoogte van een staande foto.
Hoe ga ik dat aanpakken? Iemand suggesties?
het vervelende is dat er staande en liggende foto's zijn gemaakt, een erg rommelige opmaak krijg ik dan dus.
Ik had 2 oplossingen gezien:
1) Uit alle foto's een vierkant nemen, dus niet schalen maar een stuk afknippen van zijkant of bovenkant zodat alle foto's gelijk van grote zijn. Dit lijkt me het mooiste maar ik wil niet alle foto's gaan bewerken. Kan dit met een css of php trucje..
Dit heeft mijn voorkeur maar ik denk dat het lastig is..dus
2) Om elke foto een vierkantje zetten met de breedte van een ligggende foto en de hoogte van een staande foto.
Hoe ga ik dat aanpakken? Iemand suggesties?
zoiets had ik ook al bedachtquote:
Ik zou voor optie twee gaan. En dan wel 'onzichtbaar' vierkant tov de achtergrond.
hoe kan ik dat slim aanpakken? want ik wil niet aan elke foto apart een class oid gaan hangen. Niet erg voor 1x maar niet als ik redelijk foto's ga uploaden.
Sowieso iemand een goed voorbeeld van een goede opmaak+script voor een slideshow fotopagina?
Ik heb nu een overzichtspagina, met thumbs, als je daarop klikt krijg je een grotere foto die je door kan klikken naar de volgende foto
ik ben nu een beetje aan het pielen maar volgens mij kan niet wat ik wil
is het mogelijk om de border of vierkantje om een staande EN liggende foto evengroot te krijgen.
een border voegt een rand toe aan de foto
ik heb ze maar geschaalt...niet zo mooi..maar wel snel resultaat
nog een vraag
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
[ Bericht 44% gewijzigd door MrNiles op 11-08-2011 13:32:09 ]
is het mogelijk om de border of vierkantje om een staande EN liggende foto evengroot te krijgen.
een border voegt een rand toe aan de foto
ik heb ze maar geschaalt...niet zo mooi..maar wel snel resultaat
nog een vraag
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
[ Bericht 44% gewijzigd door MrNiles op 11-08-2011 13:32:09 ]
http://www.iconarchive.com/ is misschien wat voor jou.quote:
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
Wat zijn je opties als je voor bepaalder koppen en navigatie een font wilt gebruiken wat geen webfont is? Uiteraard kan ik het slicen uit photoshop, maar is er een standaard methode om de gebruiker toch de tekst te laten zien in de font die je wilt gebruiken? Dat is veel fijner als je nieuwe content wilt maken namelijk.
@font-facequote:
Wat zijn je opties als je voor bepaalder koppen en navigatie een font wilt gebruiken wat geen webfont is? Uiteraard kan ik het slicen uit photoshop, maar is er een standaard methode om de gebruiker toch de tekst te laten zien in de font die je wilt gebruiken? Dat is veel fijner als je nieuwe content wilt maken namelijk.
kun je alle lettertypes gebruiken
lettertype zet je bij je css files
Fijn ga ik me even in verdiepen, mijn dank is groot.quote:
[..]
@font-face
kun je alle lettertypes gebruiken
lettertype zet je bij je css files
tis heel simpelquote:
[..]
Fijn ga ik me even in verdiepen, mijn dank is groot.
je zit zoiets in je css
@font-face {
font-family: Eroded;
src: url('28days.ttf');
}
en in je class/div van je waar je je lettertype wilt hebben zet je iets van
font-family: Eroded
je moet het lettertype wel uitgepakt op je server hebben staan
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed, hoewel je natuurlijk gauw tegen problemen met licenties aan kunt lopen.
[ Bericht 10% gewijzigd door PimD op 11-08-2011 17:52:35 ]
[ Bericht 10% gewijzigd door PimD op 11-08-2011 17:52:35 ]
Bleuh.
hmm..quote:
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed.
Ik was ook al aan het stoeien want ik had een .otf bestand bij mijn font en Chrome kon de pagina niet weergeven. Ik dacht dat ik het misschien verkeerd gecodeerd had of dat ik een .ttf moest vinden maar dat lukt me nog niet.
En op fontsquirrel is mijn font ook niet te vinden. Hé vervelend, maar ik ga die site wel even doorbladeren, misschien is er een vergelijkbaar font.
Google heeft een vrij chille fontservice, je selecteert bij hen de fonts die je wilt gebruiken. Krijgt een @-import regel die je aan het begin van je css-bestand zet en je hoeft alleen nog de naam tussen quotaties te zetten.
http://www.google.com/webfonts
http://www.google.com/webfonts
“Specialization is for insects”.—Robert Heinlein
Dit werkt in elk geval erg gemakkelijk, niet precies het juiste font gevonden maar dan maar even genoegen nemen met iets minder. Wel heel fijn, niks installeren en maar 1 regel in de header en klaar! Super tip. Ga ik straks nog even die andere opties bekijken want enige nadeel is dat je vast zit aan de fonts van google, wel 200+ stuks weliswaar maar toch..quote:
Google heeft een vrij chille fontservice, je selecteert bij hen de fonts die je wilt gebruiken. Krijgt een @-import regel die je aan het begin van je css-bestand zet en je hoeft alleen nog de naam tussen quotaties te zetten.
http://www.google.com/webfonts
http://shiftingpixel.com/2008/03/03/smart-image-resizer/quote:
[..]
zoiets had ik ook al bedacht
hoe kan ik dat slim aanpakken? want ik wil niet aan elke foto apart een class oid gaan hangen. Niet erg voor 1x maar niet als ik redelijk foto's ga uploaden.
Sowieso iemand een goed voorbeeld van een goede opmaak+script voor een slideshow fotopagina?
Ik heb nu een overzichtspagina, met thumbs, als je daarop klikt krijg je een grotere foto die je door kan klikken naar de volgende foto
combineer met lightbox ofzo et voilla.
Is wel een nadeel inderdaad, ze moeten het hebben van de licentievrije fonts, worden er vast gestaag meerquote:
[..]
Dit werkt in elk geval erg gemakkelijk, niet precies het juiste font gevonden maar dan maar even genoegen nemen met iets minder. Wel heel fijn, niks installeren en maar 1 regel in de header en klaar! Super tip. Ga ik straks nog even die andere opties bekijken want enige nadeel is dat je vast zit aan de fonts van google, wel 200+ stuks weliswaar maar toch..
“Specialization is for insects”.—Robert Heinlein
ow, ik dacht dat dit css3 common was, crossbrowser enzoquote:
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed, hoewel je natuurlijk gauw tegen problemen met licenties aan kunt lopen.
maar tis maar wat ik lees op andere pagina's
deze geeft wel veel info erover
http://randsco.com/index.php/2009/07/04/p680
Een onwijze noob vraag, maar ik moet hem toch stellen ;-)
Ik heb een output van een java script. Is het mogelijk om op basis van de output een style toe te wijzen?
Ik heb een output van een java script. Is het mogelijk om op basis van de output een style toe te wijzen?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | { sitePreset: 'site-dashboard', shortName: 'test', title: 'test', description: 'Dit is een test', isFavourite: true, isSiteManager: true }, |
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Zoiets?
Wellicht moet je nog wel even filteren maar het werkt prima.
Functie kan je natuurlijk overal vandaan aanroepen.
Edit; wel jquery als dat geen probleem is.
| 1 2 3 4 5 | <a href='#' onclick='functietje("test");'>Verander stijl</a><br> function functietje(e) { $('link').attr('href',e+'.css'); } |
Functie kan je natuurlijk overal vandaan aanroepen.
Edit; wel jquery als dat geen probleem is.
ik denk dat ik iets vollediger moet zijn ;-)quote:
Zoiets?
[ code verwijderd ]
Wellicht moet je nog wel even filteren maar het werkt prima.
Functie kan je natuurlijk overal vandaan aanroepen.
Edit; wel jquery als dat geen probleem is.
dit is het stuk script:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <script type="text/javascript">//<![CDATA[ new Alfresco.dashlet.MySites("${args.htmlid}").setOptions( { imapEnabled: ${imapServerEnabled?string}, sites: [ <#if sites??> <#list sites as site> { sitePreset: '${site.sitePreset?js_string}', shortName: '${site.shortName?js_string}', title: '${site.title?js_string}', description: '${site.description?js_string}', isFavourite: ${site.isFavourite?string}, <#if imapServerEnabled>isIMAPFavourite: ${site.isIMAPFavourite?string},</#if> isSiteManager: ${site.isSiteManager?string} }<#if (site_has_next)>,</#if> </#list> </#if> |
dus de uitvoer in de browser is
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <div id="page_x002e_component-1-2_x002e_user_x007e_admin_x007e_dashboard"> <script type="text/javascript">//<![CDATA[ new Alfresco.dashlet.MySites("page_x002e_component-1-2_x002e_user_x007e_admin_x007e_dashboard").setOptions( { imapEnabled: false, sites: [ { sitePreset: 'site-dashboard', shortName: 'test', title: 'test', description: '', isFavourite: true, isSiteManager: true }, { sitePreset: 'site-dashboard', shortName: 'test2', title: 'test2', description: '', isFavourite: true, isSiteManager: true } |
en wil ik op basis van de 'title' een css style definiëren. dus voor title x (test1) een background image (test1.png)
voor test2 -> test2.png enz.
Ik besef me dat ik zodra ik een nieuwe site aanmaak ik ook de css moet updates met een nieuwe class voor de desbetreffende title, maar het aantal opties zijn beperkt, dus dat heb ik er wel voor over ;-)
zou dat mogelijk zijn?
en e.e.a. is gelinkt met my-sites.css
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
tuurlijk kun je gewoon met [title=test1] {background-image:url('test1.png'); werken, maar de vraag is of je dan niet de title-tag aan het misbruiken bent,.. Waarom niet gewoon een classname toevoegen?
ik zou wel willen, maar weet niet waar ik dat moet doen, in het stukje javescript?quote:
tuurlijk kun je gewoon met [title=test1] {background-image:url('test1.png'); werken, maar de vraag is of je dan niet de title-tag aan het misbruiken bent,.. Waarom niet gewoon een classname toevoegen?
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
...lees de documentatie?quote:
[..]
ik zou wel willen, maar weet niet waar ik dat moet doen, in het stukje javescript?
Het is duidelijk een soortement library/plugin waar dit stukje code gebruik van maakt.
Ugh okay, eerst content dan. Ik wilde gewoon even weten of ik hier de logische namen had gekozen.
Misschien even geduldig wachten op mijn boeken.
[ Bericht 97% gewijzigd door TheSeeker_NL op 25-08-2011 12:23:46 ]
Misschien even geduldig wachten op mijn boeken.
[ Bericht 97% gewijzigd door TheSeeker_NL op 25-08-2011 12:23:46 ]
Wat moet je zeggen over semantiek als er nog geen content is? Helemaal niets eigenlijk. En al helemaal niet over 6 betekenisloze elementen zonder inhoud.
Als je het echt goed wilt doen en tevens in HTML5 wilt gaan verdiepen, doe dan ook de HTML5 semantiek-elementen gebruiken zou ik zeggen.
Als je het echt goed wilt doen en tevens in HTML5 wilt gaan verdiepen, doe dan ook de HTML5 semantiek-elementen gebruiken zou ik zeggen.
Hallo,
ik heb iemand beloofd op z'n website een paar foto's te zetten, hij heeft me de inloggegevens enzo van de webhosting gegeven, maar ik moet natuurlijk in kunnen loggen via de website. In het verleden waar ik mee gewerkt heb kon dit via http://www.naamwebsite.nl:2222 ik kan nu alleen inloggen via Argeweb.nl (de webhost) maar via die site kan ik nergens een manier vinden om de website aan te passen. Wat mis ik, en hoe kan ik de website aanpassen?
ik heb iemand beloofd op z'n website een paar foto's te zetten, hij heeft me de inloggegevens enzo van de webhosting gegeven, maar ik moet natuurlijk in kunnen loggen via de website. In het verleden waar ik mee gewerkt heb kon dit via http://www.naamwebsite.nl:2222 ik kan nu alleen inloggen via Argeweb.nl (de webhost) maar via die site kan ik nergens een manier vinden om de website aan te passen. Wat mis ik, en hoe kan ik de website aanpassen?
Ik keek even op deze website:
http://www.noupe.com/desi(...)s-and-tutorials.html
En nu ben ik benieuwd hoe de takken, headers en wortels aan de zijkant van de container zijn gedaan. Het ziet er erg straks uit namelijk en ik wil wel leren hoe zo iets moet eigenlijk.
Is het gewoon een background-image en laten ze het lijken alsof die bladeren achter de container zijn en overlapped worden, of zijn het losse images en wordt het zo gepositioneerd? (z-index ofzo?)
Iemand die een tipje van de sluier kan lichten voor mij?
http://www.noupe.com/desi(...)s-and-tutorials.html
En nu ben ik benieuwd hoe de takken, headers en wortels aan de zijkant van de container zijn gedaan. Het ziet er erg straks uit namelijk en ik wil wel leren hoe zo iets moet eigenlijk.
Is het gewoon een background-image en laten ze het lijken alsof die bladeren achter de container zijn en overlapped worden, of zijn het losse images en wordt het zo gepositioneerd? (z-index ofzo?)
Iemand die een tipje van de sluier kan lichten voor mij?
Gewoon, op de manier zoals de agreweb helpdesk je het uitgelegd heeft toen je contact met ze opnam hierover? Wat zouden wij daar aan toe moeten voegen?quote:
Hallo,
ik heb iemand beloofd op z'n website een paar foto's te zetten, hij heeft me de inloggegevens enzo van de webhosting gegeven, maar ik moet natuurlijk in kunnen loggen via de website. In het verleden waar ik mee gewerkt heb kon dit via http://www.naamwebsite.nl:2222 ik kan nu alleen inloggen via Argeweb.nl (de webhost) maar via die site kan ik nergens een manier vinden om de website aan te passen. Wat mis ik, en hoe kan ik de website aanpassen?
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Hoe kan ik dit: <img src="http://i.imgur.com/FoJFc.jpg" alt="" title="Hosted by imgur.com" /> laten linken naar http://jordykruse.nl/wordpress
Alvast dank
Alvast dank
<a href="http://jordykruse.nl/wordpress"><img data-src="http://i.imgur.com/FoJFc.jpg" style="visibility:hidden;" alt="" title="Hosted by imgur.com" /></a>quote:
Hoe kan ik dit: <img data-src="http://i.imgur.com/FoJFc.jpg" style="visibility:hidden;" alt="" title="Hosted by imgur.com" /> laten linken naar http://jordykruse.nl/wordpress
Alvast dank
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik heb een div met images, en ik probeer deze images te animeren. Ik krijg ze alleen allemaal tegelijk naar beneden, terwijl ik ze individueel wil laten animeren.
Wie helpt mij uit de brand?
| 1 2 3 4 5 6 7 8 9 10 | #ribbons { position: absolute; left: 50%; width: 900px; margin-left: -450px; z-index: -333; } #ribbons img { margin-top: -80px; } |
| 1 2 3 4 5 6 7 | $(document).ready(function(){ $('#ribbons img').hover(function() { $(this).animate({ marginTop : '50px' }); }, function() { $(this).animate({ marginTop : '-80px' }); }); }); |
| 1 2 3 4 5 | <div id="ribbons"> <a href="#"><img class="android" src="images/day/ribbon_android.png"></a> <a href="#"><img class="twitter" src="images/day/ribbon_twitter.png"></a> <a href="#"><img class="date" src="images/day/ribbon_date.png"></a> </div> |
Wie helpt mij uit de brand?
Je bind je events nu volgens mij aan de hele array met images, terwijl je ieder image los wilt animeren. Ik zou iets als
proberen.
| 1 2 3 | $('#ribbons img').each( $(this).hover(function(){}, function(){}); ) |
proberen.
Bleuh.
Dat idd.quote:
Je bind je events nu volgens mij aan de hele array met images, terwijl je ieder image los wilt animeren. Ik zou iets als
[ code verwijderd ]
proberen.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ook de each helpt niet..
Als ik "this" log in de console, krijg ik maar een enkele image
| 1 2 3 4 5 6 7 8 | $('#ribbons img').each(function() { $(this).hover(function() { console.log(this); $(this).animate({ marginTop : '50px' }); }, function() { $(this).animate({ marginTop : '-80px' }); }); }); |
Als ik "this" log in de console, krijg ik maar een enkele image
| 1 | <img class="android" src="images/day/ribbon_android.png" style="margin-top: -80px; "> |
Is het mogelijk zonder CMS/veel PHPkennis een blog te implementeren op je site? Ik wil namelijk naast mijn portfolio een schetsblog, dus het hoeft helemaal niet uitgebreid te zijn, gewoon wekelijks wat schetsen en updates.
Als ik google op Blog on site of blog on portfolio vind ik eigenlijk niets nuttigs, behalve blogsites of top portfolio/blogsites...
Als ik google op Blog on site of blog on portfolio vind ik eigenlijk niets nuttigs, behalve blogsites of top portfolio/blogsites...
Je hebt wel PHP-scriptjes die een blog draaien in een flat file, maar die verschillen nogal in kwaliteit, ik zou niet zo een twee drie een goeie weten...
Ik moet een mail nieuwsbrief maken en omdat ik dan niet css kan gebruiken en ook niet altijd divs heb ik gekozen voor tables (las op veel sites na dat dat ook veel beter is ivm met verschillende mailclients) samen met inline css.
Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet
Dit is de code:
Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet
Dit is de code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="0" style=" background: #3E3E3E; background-image: url(images/bg.png); background-repeat: no-repeat; "> <tr> <td> <table width="664" border="0" align="center"> <tr> <td rowspan="5" width="27px" height="1150px" style="background-image: url(images/links.png);"> </td> <td width="570px" height="128px" style="background-image: url(images/header.gif);"> </td> <td rowspan="5" width="67px" height="1150px" style="background-image: url(images/rechts.png);"> </td> </tr> <tr> <td width="570px" height="403px" style="background-image: url(images/dushi.png);"> </td> </tr> <tr> <td width="570px" height="213px" style="background-image: url(images/cadeau.png);"> </td> </tr> <tr> <td width="570px" height="390px" style="background-image: url(images/message.png);"> </td> </tr> <tr> <td width="570px" height="16px" style="background-image: url(images/footer.gif);"> </td> </tr> </table> </td> </tr> </table> </body> </html> |
When all else fails, you always have delusion.
Volgens mij kun je best een beetje css gebruiken, alleen dingen als achtergrondafbeeldingen pakt hij niet goed. Dus classes en border="0" zou hij moeten pakken, dat was in ieder geval zo bij mijn vorige stage.quote:
Ik moet een mail nieuwsbrief maken en omdat ik dan niet css kan gebruiken en ook niet altijd divs heb ik gekozen voor tables (las op veel sites na dat dat ook veel beter is ivm met verschillende mailclients) samen met inline css.
Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet
Dit is de code:
[ code verwijderd ]
Volgens mij is het verstandigst om alleen inline css te gebruiken. Maar je kunt het altijd proberen natuurlijk, als je outlook, thunderbird en wat wemail clients (gmail, hotmail, squirrel?) pakt om te testen, heb je het gros wel te pakken.
hoe kan ik het testen eigenlijk? De mailmanager waar ik dit straks in ga zetten doet het momenteel niet.
Grappig dat juist het css wat ik gebruikte voor de achtergrond afbeeldingen is
Ik heb net geprobeerd padding 0 te forceren maar dat doet het niet.
Grappig dat juist het css wat ik gebruikte voor de achtergrond afbeeldingen is
Ik heb net geprobeerd padding 0 te forceren maar dat doet het niet.
When all else fails, you always have delusion.
Ik heb nog nooit CSS-emails gemaakt maar het schijnt dat achtergrondafbeeldingen inderdaad problematisch zijn. En testen kun je door je creatie naar jezelf te mailen en in verschillende clients te openen.
http://www.ehow.com/how_6515862_test-email-newsletter.htmlquote:
hoe kan ik het testen eigenlijk? De mailmanager waar ik dit straks in ga zetten doet het momenteel niet.
Grappig dat juist het css wat ik gebruikte voor de achtergrond afbeeldingen is
Ik heb net geprobeerd padding 0 te forceren maar dat doet het niet.
http://biznik.com/article(...)t-and-test-some-more
Helpt dit? Ik heb het zelf nooit getest behalve in 1 client, was tijdverspilling (niet mijn woorden). Dus wel doen.
En juist achtergrondafbeeldingen doen het niet, alleen normale afbeeldingen geloof ik. Ook moeten ze wel ergens online staan dacht ik, anders werkt het ook niet lekker.
Natuurlich. Wordpress is heel simpel in gebruik. Zeker een aanrader.quote:
Is het mogelijk zonder CMS/veel PHPkennis een blog te implementeren op je site? Ik wil namelijk naast mijn portfolio een schetsblog, dus het hoeft helemaal niet uitgebreid te zijn, gewoon wekelijks wat schetsen en updates.
Als ik google op Blog on site of blog on portfolio vind ik eigenlijk niets nuttigs, behalve blogsites of top portfolio/blogsites...
Edit: http://nl.wordpress.org
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Achtergrondafbeeldingen zijn niet mogelijk, worden door vrijwel alle clients niet getoond/verwijderd. Inline styling, geslicede afbeeldingen en geneste tabellen etc zijn jammer genoeg nog steeds the way to go.quote:
Ik heb nog nooit CSS-emails gemaakt maar het schijnt dat achtergrondafbeeldingen inderdaad problematisch zijn. En testen kun je door je creatie naar jezelf te mailen en in verschillende clients te openen.
Bleuh.
.
border-collapse:collapse;quote:
Ik moet een mail nieuwsbrief maken en omdat ik dan niet css kan gebruiken en ook niet altijd divs heb ik gekozen voor tables (las op veel sites na dat dat ook veel beter is ivm met verschillende mailclients) samen met inline css.
Ik heb nu alles opgemaakt, maar ik heb afstanden tussen de verschillende cellen. Ik heb geprobeerd border="0"; te forceren in iedere cel maar dat werkt niet
Dit is de code:
[ code verwijderd ]
in je table style zetten.
Thanks, horizontaal is het weg maar verticaal blijf ik het behouden.quote:
[..]
border-collapse:collapse;
in je table style zetten.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="0" bgcolor="#3E3E3E" style="border-collapse:collapse;"> <tr> <td> <table width="664" border="0" align="center"> <tr> <td rowspan="5" width="27px" height="1150px" background= "images/links.png"> </td> <td width="570px" height="128px" background="images/header.gif"> </td> <td rowspan="5" width="67px" height="1150px" background="images/rechts.png"> </td> </tr> <tr> <td width="570px" height="403px" background="images/dushi.png"> </td> </tr> <tr> <td width="570px" height="213px" background="images/cadeau.png"> </td> </tr> <tr> <td width="570px" height="390px" background="images/message.png"> </td> </tr> <tr> <td width="570px" height="16px" background="images/footer.gif"> </td> </tr> </table> </td> </tr> </table> </body> </html> |
When all else fails, you always have delusion.
Height op auto zetten bij je container?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik denk niet dat dat is wat ik wil, ik wil gewoon mijn eigen site bouwen in platte html en enkele PHP, en één pagina blog. Zonder CMS over de gehele site dus, kan dat ook?quote:
[..]
Natuurlich. Wordpress is heel simpel in gebruik. Zeker een aanrader.
Edit: http://nl.wordpress.org
godverdomme tabellen moeten dood. Ik heb in een column boven een row gesplitst in 2en. De linker is 20px en de rechter 550px. Ergens in een andere column beneden wil ik ook splitsen, maar daar worden ze ook 20 en 550. Als ik die 20 dan verander naar bijv. 30, dan verandert het in de column er boven ook.
Ik heb dan maar een andere tabel in de cel gedonderd
[ Bericht 21% gewijzigd door Mirel op 01-09-2011 11:09:29 ]
Ik heb dan maar een andere tabel in de cel gedonderd
[ Bericht 21% gewijzigd door Mirel op 01-09-2011 11:09:29 ]
When all else fails, you always have delusion.
Ik dacht dat dit ook js was, maar ik zal het daar wel posten andersquote:
Is dit niet meer iets voor dit topic? [Javascript] voor dummies (deel 12)
Niet getest, maar volgens mij moet het wel op te lossen zijnquote:
godverdomme tabellen moeten dood. Ik heb in een column boven een row gesplitst in 2en. De linker is 20px en de rechter 550px. Ergens in een andere column beneden wil ik ook splitsen, maar daar worden ze ook 20 en 550. Als ik die 20 dan verander naar bijv. 30, dan verandert het in de column er boven ook.
Ik heb dan maar een andere tabel in de cel gedonderd
| 1 2 3 4 | <table> <tr><td width="20">20</td><td colspan="2">rest</td></tr> <tr><td width="30" colspan="2">30</td><td>rest</td></tr> </table> |
Ik heb een probleem met de charset, ik weet niet of dit door HTML komt of door mijn database.
Ik ben een website aan het opzetten in de Turkse taal, de Turkse taal bevat onder andere:
Ik gebruik utf8_turkish_ci voor mijn database, in de database worden deze tekens goed weergegeven.
Echter in HTML krijg ik '?' te zien, ik gebruik iso-8859-9 als charset, dit moet ook kloppen volgens verschillende websites.
Ik ben een website aan het opzetten in de Turkse taal, de Turkse taal bevat onder andere:
| 1 | ç ğ ş ı ü |
Ik gebruik utf8_turkish_ci voor mijn database, in de database worden deze tekens goed weergegeven.
Echter in HTML krijg ik '?' te zien, ik gebruik iso-8859-9 als charset, dit moet ook kloppen volgens verschillende websites.
| 1 2 | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <meta http-equiv="Content-Language" content="tr" /> |
Als je in je database utf8 gebruikt, moet je dat ook in de html doen.quote:
Ik heb een probleem met de charset, ik weet niet of dit door HTML komt of door mijn database.
Ik ben een website aan het opzetten in de Turkse taal, de Turkse taal bevat onder andere:
[ code verwijderd ]
Ik gebruik utf8_turkish_ci voor mijn database, in de database worden deze tekens goed weergegeven.
Echter in HTML krijg ik '?' te zien, ik gebruik iso-8859-9 als charset, dit moet ook kloppen volgens verschillende websites.
[ code verwijderd ]
Wat is slim om te doen in dit geval?quote:
[..]
Als je in je database utf8 gebruikt, moet je dat ook in de html doen.
Mijn database kent geen iso-* charset:
| 1 2 3 4 5 | mysql> SHOW COLLATION LIKE 'ISO%'; Empty set (0.00 sec) mysql> SHOW COLLATION LIKE 'iso%'; Empty set (0.00 sec) |
Wel zie ik latin5_turkish_ci in de lijst staan, maar gaat dat werken? Bestaat ook in HTML?
gebruik voor je html character set eens utf-8quote:
[..]
Wat is slim om te doen in dit geval?
Mijn database kent geen iso-* charset:
[ code verwijderd ]
Wel zie ik latin5_turkish_ci in de lijst staan, maar gaat dat werken? Bestaat ook in HTML?
je gebruikt in je DB namelijk ook utf-8
Dan krijg ik allemaal '?' waar een Turks character hoort te staan.quote:
[..]
gebruik voor je html character set eens utf-8
je gebruikt in je DB namelijk ook utf-8
Aangezien er 2 javascript topics zijn.
Iemand een antwoord op mijn vraag?
[Javascript] voor dummies (deel 12)
Iemand een antwoord op mijn vraag?
[Javascript] voor dummies (deel 12)
Met database in utf8 en html character encoding in utf8? Da's vreemd (en in je originele vraag was het anders).quote:
[..]
Dan krijg ik allemaal '?' waar een Turks character hoort te staan.
Het is opgelost. De mysql verbinding zelf moest ook de correcte charset gedefineerd hebben.quote:
[..]
Met database in utf8 en html character encoding in utf8? Da's vreemd (en in je originele vraag was het anders).
Ahja, da's ook nog iets dat mis kan gaanquote:
[..]
Het is opgelost. De mysql verbinding zelf moest ook de correcte charset gedefineerd hebben.
Kan iemand mij alsjeblieft uitleggen waarom de div #main geen hoogte heeft?
Dit is de url waar ik op werk:
http://elearning.hotelsch(...)tise/295/advies.html
Als ik hem zelf hoogte geeft gaat het helemaal goed
Dit is de url waar ik op werk:
http://elearning.hotelsch(...)tise/295/advies.html
Als ik hem zelf hoogte geeft gaat het helemaal goed
Omdat je er alleen maar floatende elementen in hebt gezet. Als je wil dat div#main de hoogte krijgt in zo'n geval, moet je in je CSS-file vertellen dat 'ie overflowt. Dat gaat zo:
Een andere oplossing is een extra element onder alle floatende elementen plaatsen, vlak voordat je div#main afsluit. Als dit een niet floatend block-type element is (bv div) waaraan je in je CSS "clear: both" meegeeft, krijgt div#main de hoogte van de inhoud van het element.
[edit] ik zie dat je in je code al divs met class clear hebt staan. Als je zo'n div ook plaatst vlak voordat je div#main afsluit, krijgt div#main de hoogte die je wil.
[ Bericht 16% gewijzigd door Tijn op 14-09-2011 10:07:04 ]
| 1 2 3 4 | div#main { overflow: auto; } |
Een andere oplossing is een extra element onder alle floatende elementen plaatsen, vlak voordat je div#main afsluit. Als dit een niet floatend block-type element is (bv div) waaraan je in je CSS "clear: both" meegeeft, krijgt div#main de hoogte van de inhoud van het element.
[edit] ik zie dat je in je code al divs met class clear hebt staan. Als je zo'n div ook plaatst vlak voordat je div#main afsluit, krijgt div#main de hoogte die je wil.
[ Bericht 16% gewijzigd door Tijn op 14-09-2011 10:07:04 ]
Thanks, dat hielp wel!
Maar bij andere divjes heb ik hetzelfde probleem, en ik krijg het zelfs met die clear niet goed
http://elearning.hotelsch(...)tise/295/advies.html
In dit geval de #gastvrijheidsexpertisecolumn
Heb alles even er uit gehaald en alleen "hoi Tijn" ( )er in gezet, maar het is alsnog de bedoeling dat hij 100% hoogte heeft
[ Bericht 7% gewijzigd door Ikbenmijnwachtwoordkwijt op 14-09-2011 10:26:56 ]
Maar bij andere divjes heb ik hetzelfde probleem, en ik krijg het zelfs met die clear niet goed
http://elearning.hotelsch(...)tise/295/advies.html
In dit geval de #gastvrijheidsexpertisecolumn
Heb alles even er uit gehaald en alleen "hoi Tijn" (
)er in gezet, maar het is alsnog de bedoeling dat hij 100% hoogte heeft[ Bericht 7% gewijzigd door Ikbenmijnwachtwoordkwijt op 14-09-2011 10:26:56 ]
Ik heb ruzie met een tabel, is t op de een of andere manier mogelijk om de tekst wat verder naar beneden te zetten zodat deze niet strak tegen de dashed line aan staat?
Padding.quote:
Ik heb ruzie met een tabel, is t op de een of andere manier mogelijk om de tekst wat verder naar beneden te zetten zodat deze niet strak tegen de dashed line aan staat?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
http://www.w3schools.com/css/css_padding.aspquote:
Ik heb ruzie met een tabel, is t op de een of andere manier mogelijk om de tekst wat verder naar beneden te zetten zodat deze niet strak tegen de dashed line aan staat?
Ik heb een tabel met producten, en een tabel met verkocht.
Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-
Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011
Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?
Dus ongeveer dit:
Product A | 3x
Product B | 2x
Product C | 1x
Hoe doe ik dit ook alweer met SQL?
Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-
Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011
Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?
Dus ongeveer dit:
Product A | 3x
Product B | 2x
Product C | 1x
Hoe doe ik dit ook alweer met SQL?
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |