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.
Want?quote:Op dinsdag 5 juli 2011 16:41 schreef PimD het volgende:
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 ]
Nee.
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:Op dinsdag 5 juli 2011 14:00 schreef n8n het volgende:
[..]
http://jquery.malsup.com/cycle/
vind deze erg prettig in gebruik
Nee.
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 
Nee.
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:Op vrijdag 8 juli 2011 13:02 schreef Garisson72 het volgende:
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.
@ 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:Op vrijdag 8 juli 2011 13:09 schreef Garisson72 het volgende:
[..]
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:
Op 
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:Op zaterdag 9 juli 2011 12:02 schreef Tijn het volgende:
[..]
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.
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.
Nee.
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.
Nee.
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
Nee.
...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?
