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.
Ik gebruik de code van dit:quote:Op vrijdag 10 mei 2013 21:40 schreef Devv het volgende:
Maken jullie ook gebruik van die hippe waterfall chart in Firefox om responsiveness te testen?
http://mattkersley.com/responsive/
Graag wil ik dat achter mijn content een zwarte transparante laag komt zodat het goed lees baar op de foto`s
nu heb ik dat gedaan met onderstaande code.
het probleem is dat hij 100% hoogte neemt van het scherm en niet van de content dus zodra je gaat scrollen gebeurt er dit.
http://jjfoto.eu5.org/web.jpg
nu kan ik dat oplossen door het percentage in een aantal pixels te veranderen, alleen dan wordt ie ook langer als de content korter is.
weet iemand hoe ik dit moet oplossen??
nu heb ik dat gedaan met onderstaande code.
| 1 2 | #content > ul > li {position:absolute;height:100% ;width:100%; } .box1 {background: rgba(0,0,0,0.9);;width:100%;height:100%;position:absolute;top:0;left:0 ;padding:10px } |
het probleem is dat hij 100% hoogte neemt van het scherm en niet van de content dus zodra je gaat scrollen gebeurt er dit.
http://jjfoto.eu5.org/web.jpg
nu kan ik dat oplossen door het percentage in een aantal pixels te veranderen, alleen dan wordt ie ook langer als de content korter is.
weet iemand hoe ik dit moet oplossen??
Absoluut positioneren gaat a.d.h.v. de dichtstbijzijnde gepositioneerde parent. Dus als je een parent element "position:relative;" geeft zal ie niet meer het hele scherm beslaan.
Nee.
Hartelijk dank!quote:Op zaterdag 11 mei 2013 10:25 schreef PimD het volgende:
Absoluut positioneren gaat a.d.h.v. de dichtstbijzijnde gepositioneerde parent. Dus als je een parent element "position:relative;" geeft zal ie niet meer het hele scherm beslaan.
Ik ben vrij nieuw met CSS, ik begin het steeds beter onder de knie te krijgen. Mijn vraag is, wat is DE manier om 'afwijkende' lettertypes te gebruiken? Ik bedoel dus fonts die standaard op een computer niet geinstalleerd zijn.
Ik had het meer over het laden van web onderdelenquote:Op zaterdag 11 mei 2013 07:42 schreef Maringo het volgende:
[..]
Ik gebruik de code van dit:
http://mattkersley.com/responsive/
. Maar dat is ook wel een handige tool.
Ik kijk altijd eerst even bij Google Fonts, dat is verreweg de makkelijkste manier om een ander font op je website te krijgen.quote:Op zaterdag 11 mei 2013 14:39 schreef picodealion het volgende:
http://www.fontsquirrel.com/ en dan Webfont Generator. Alles wat je ooit nodig hebt.
Serieus?quote:
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Nee grapje haha kende ik allang
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.
Als je maar nooit fontsquirrelfonts voor tekst kleiner dan 18-22pixels gebruikt. Die fonts Zijn dan vaak onleesbaar.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Is Google fonts cross browser compatible?quote:
[..]
Ik kijk altijd eerst even bij Google Fonts, dat is verreweg de makkelijkste manier om een ander font op je website te krijgen.
Als ik naar de source kijken maakt het gebruik van .woff
Ik heb geen idee wat ze precies doen, maar het werkt in alle browsers prima.quote:
[..]
Is Google fonts cross browser compatible?
Als ik naar de source kijken maakt het gebruik van .woff
Dat verschilt natuurlijk per browser.quote:
[..]
Is Google fonts cross browser compatible?
Als ik naar de source kijken maakt het gebruik van .woff
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Hoezo? In IE8 werkt Google Fonts ook, hoor.quote:
Zolang je geen IE8 gebruikt, is het wel cross-browser
Dat mag dan een wonder heten.quote:Op zaterdag 11 mei 2013 17:55 schreef Tijn het volgende:
[..]
Hoezo? In IE8 werkt Google Fonts ook, hoor.
Dat wist ik dus niet.quote:
[..]
Hoezo?
IE was juist een van de eerste browsers met ondersteuning van @font-face.
Ik vind IE8 over het algemeen gewoon niet echt ideaal om voor te ontwikkelen. Ik ben ook blij dat we op het werk hebben besloten om IE8 helemaal niet te ondersteunen.
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En de rest...quote:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
Ik ben bezig met het oppakken van JS en in het boek staat het volgende voorbeeld:
Maar ik heb een vraagje over regel 32
Waarom is dit niet
Of maakt het niet uit en kan het op beide manieren?
| 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 | //<![CDATA[ //from antsArray.html var distractionList = new Array("", "suck his thumb", "tie his shoe"); function chorus() { var text = "...and they all go marching down\n"; text += "to the ground \n"; text += "to get out \n"; text += "of the rain. \n"; text += " \n"; text += "boom boom boom boom boom boom boom boom \n"; return text; } // end chorus function verse(verseNum){ //pull distraction from array var distraction = distractionList[verseNum]; var text = "The ants go marching "; text += verseNum + " by " + verseNum + " hurrah, hurrah \n"; text += "The ants go marching "; text += verseNum + " by " + verseNum + " hurrah, hurrah \n"; text += "The ants go marching "; text += verseNum + " by " + verseNum; text += " the little one stops to "; text += distraction; return text; } // end verse1 //main code is now a loop for (verseNum = 1; verseNum < distractionList.length; verseNum++){ alert(verse(verseNum)); alert(chorus()); } // end for loop //]]> |
Maar ik heb een vraagje over regel 32
| 1 | for (verseNum = 1; verseNum < distractionList.length; verseNum++) |
Waarom is dit niet
| 1 | for (verseNum = 1; verseNum <= distractionList.length; verseNum++) |
Of maakt het niet uit en kan het op beide manieren?
Anonieme tievesclown
Ah, verkeerd begrepen. Maar die tool zal ik ook es bekijken dan.quote:Op zaterdag 11 mei 2013 14:46 schreef Devv het volgende:
[..]
Ik had het meer over het laden van web onderdelen
Lomp voorbeeld. Normaal doe je een loop vanaf 0. Maar die is leeg in die array. Misschien om t makkelijker te maken, maar goed is het niet.
Als versenum gelijk zou mogen Zijn aan die length, zou hij tot 3 doortellen en die index bestaat niet
Als versenum gelijk zou mogen Zijn aan die length, zou hij tot 3 doortellen en die index bestaat niet
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Geen CSS3 bedoel je, CSS 2.1 kan-ie juist wel (mits je het juiste doctype gebruikt). En natuurlijk geen HTML5. En halfgare Javascriptquote:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
Hierbij zouden de alarmbellen van elke programmeur moeten gaan rinkelen:
In de regel doe je een loop vanaf 0 tot een waarde (<), of vanaf 1 tot en met een waarde (<=).
Dit is echt een heel slecht voorbeeld, ik zou een andere cursus of tutorial zoeken.
| 1 | for (verseNum = 1; verseNum < distractionList.length; verseNum++) |
In de regel doe je een loop vanaf 0 tot een waarde (<), of vanaf 1 tot en met een waarde (<=).
Dit is echt een heel slecht voorbeeld, ik zou een andere cursus of tutorial zoeken.
IE8 is een prima browser hoor, waar goed voor te ontwikkelen valt.
Ik vraag me af voor wat voor klanten je werkt dan. IE7 en IE6 niet meer supporten is de normaalste zaak van de wereld, maar IE8 is vaak toch nog 20% ofzo van het totale aantal bezoekers van veel van de sites waar ik aan werk. Daar kun je dus niet zo maar de support voor droppen...quote:
[..]
Dat wist ik dus niet.
Ik vind IE8 over het algemeen gewoon niet echt ideaal om voor te ontwikkelen. Ik ben ook blij dat we op het werk hebben besloten om IE8 helemaal niet te ondersteunen.
Nee.
Wij zijn onder andere ISV voor het Microsoft Dynamics platform. We maken dus geen websites, maar web onderdelen voor bijvoorbeeld Microsoft Dynamics CRM. Dit deden we eerst in Silverlight, maar we zijn nu alles langzaam naar HTML5 aan het migreren. Het moet uiteindelijk vooral op mobiele apparaten en Windows 8 goed weergegeven kunnen worden. Dus dan is IE8 een gepasseerd station.quote:
IE8 is een prima browser hoor, waar goed voor te ontwikkelen valt.
[..]
Ik vraag me af voor wat voor klanten je werkt dan. IE7 en IE6 niet meer supporten is de normaalste zaak van de wereld, maar IE8 is vaak toch nog 20% ofzo van het totale aantal bezoekers van veel van de sites waar ik aan werk. Daar kun je dus niet zo maar de support voor droppen...
Typekit.com gebruik ik bijna altijd tenzij ze het font niet in de collectie hebben. Test wel altijd goed hoe het font wordt weergegeven op Windows, vooral bij kleine formaten <15 px. Vaak verre van optimaal in vergelijking met OSX.quote:
Ik ben vrij nieuw met CSS, ik begin het steeds beter onder de knie te krijgen. Mijn vraag is, wat is DE manier om 'afwijkende' lettertypes te gebruiken? Ik bedoel dus fonts die standaard op een computer niet geinstalleerd zijn.
Het boek gaat meer over AJAX maar begin met een paar JS dingen. Probeer het te begrijpen wat die nu aan het doen is en als ik straks dieper in JS ga duiken pak ik een ander boek erbij.quote:Op zaterdag 11 mei 2013 18:42 schreef Tijn het volgende:
In de regel doe je een loop vanaf 0 tot een waarde (<), of vanaf 1 tot en met een waarde (<=).
Anonieme tievesclown
Vooral testen met en zonder subpixel-rendering is erg belangrijk. Daar kun je als webdesigner geen invloed op uitoefenen en sommige fonts zien er met- of juist zonder echt niet uit.quote:
[..]
Typekit.com gebruik ik bijna altijd tenzij ze het font niet in de collectie hebben. Test wel altijd goed hoe het font wordt weergegeven op Windows, vooral bij kleine formaten <15 px. Vaak verre van optimaal in vergelijking met OSX.
Ik wil een box/div laten zien wanneer er wordt geklikt op een link.
Voorbeeld, klik op een product, een popup/box zal tevoorschijn komen:
http://www.beslist.nl/products/mode/mode_432356/
Waarop moet ik googlen om ook zoiets te maken? Is dit puur css of ook JS? Hoe noemt men zo iets? Load div on click? Ik verwacht geen volledige code van jullie maar als jullie me op weg willen helpen waar ik op moet zoeken, graag.
Voorbeeld, klik op een product, een popup/box zal tevoorschijn komen:
http://www.beslist.nl/products/mode/mode_432356/
Waarop moet ik googlen om ook zoiets te maken? Is dit puur css of ook JS? Hoe noemt men zo iets? Load div on click? Ik verwacht geen volledige code van jullie maar als jullie me op weg willen helpen waar ik op moet zoeken, graag.
quote:Op dinsdag 14 mei 2013 13:00 schreef Tijn het volgende:
Het is precies wat jij zoekt, dat is wat het is
Ik heb een raster aan plaatjes (25x5) dat ik als een achtergrond wil gebruiken, waarbij sommige plaatjes clickable moeten zijn. Hoe kan ik dat het beste aanpakken? Het raster zelf opmaken is het probleem niet, maar hoe krijg ik het als achtergrond?
z-index?quote:
Ik heb een raster aan plaatjes (25x5) dat ik als een achtergrond wil gebruiken, waarbij sommige plaatjes clickable moeten zijn. Hoe kan ik dat het beste aanpakken? Het raster zelf opmaken is het probleem niet, maar hoe krijg ik het als achtergrond?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Raster als 1 image instellen als achtergrond en in dat element een aantal absoluut gepositioneerde links stoppen zonder kleur.
Of een ul maken met in sommige li's een link en de image als achtergrond van de ul of als sprite een deel per li tonen. Met de laatste optie kan je het nog fluid maken
Of een ul maken met in sommige li's een link en de image als achtergrond van de ul of als sprite een deel per li tonen. Met de laatste optie kan je het nog fluid maken
“Specialization is for insects”.—Robert Heinlein
Ik heb elke img binnen een div floating gemaakt, dat werkt ook.quote:
Raster als 1 image instellen als achtergrond en in dat element een aantal absoluut gepositioneerde links stoppen zonder kleur.
Of een ul maken met in sommige li's een link en de image als achtergrond van de ul of als sprite een deel per li tonen. Met de laatste optie kan je het nog fluid maken
Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...quote:
Dan zit er iets voor. Check dan op invisible divs oid.quote:
[..]
Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...
EDIT: ik neem aan dat je de wrapper van dit een z-index gegeven hebt, toch?
Hieronder staat een stukje van de code die ik gebruik voor de DataTables-plugin.
Ik wil 4 variabelen versturen naar de server, waarvan 1 JS-array. Alles wat ik probeerde zonder PHP leverde een foutmelding op, omdat de syntax niet klopte.
Ik kwam toen op het idee om gewoon elke variabele in de array weg te sturen als aparte variabele door middel van PHP. Erg efficiënt is het niet, want nu wordt elke variabele verstuurd wat eigenlijk niet nodig is. Het gaat om 35 checkboxes en efficiënter zou zijn om alleen de checked checkboxes te versturen of andersom. Ten tweede komt het nu dus aan als een zooi losse variabelen in de PHP-controller, wat eigenlijk nog onhandiger is.
Is het mogelijk om gewoon met de jQuery each-function te werken en die in de code te verwerken. Ik heb eigenlijk geen idee hoe. Ik zou misschien een apart stukje code kunnen maken die bij elke verandering van de checkboxes een nieuwe array maakt en vervolgens de DataTables-plugin triggert, maar er moet toch een nettere oplossing zijn. Iemand een ideetje? 
EDIT:
Ik dacht dus aan zo'n jQuery-functie:
Het liefst stuur ik het dus zo weg:
[ Bericht 5% gewijzigd door pascal08 op 18-05-2013 15:41:28 ]
Ik wil 4 variabelen versturen naar de server, waarvan 1 JS-array. Alles wat ik probeerde zonder PHP leverde een foutmelding op, omdat de syntax niet klopte.
Ik kwam toen op het idee om gewoon elke variabele in de array weg te sturen als aparte variabele door middel van PHP. Erg efficiënt is het niet, want nu wordt elke variabele verstuurd wat eigenlijk niet nodig is. Het gaat om 35 checkboxes en efficiënter zou zijn om alleen de checked checkboxes te versturen of andersom. Ten tweede komt het nu dus aan als een zooi losse variabelen in de PHP-controller, wat eigenlijk nog onhandiger is.
Is het mogelijk om gewoon met de jQuery each-function te werken en die in de code te verwerken. Ik heb eigenlijk geen idee hoe.
Ik zou misschien een apart stukje code kunnen maken die bij elke verandering van de checkboxes een nieuwe array maakt en vervolgens de DataTables-plugin triggert, maar er moet toch een nettere oplossing zijn. Iemand een ideetje? | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, <?php for($i = 0; $i < count($arr); $i++) { echo '{ "name": $("#arr'.$i.'").attr("id"), "value": $("#arr'.$i.'").val() }'; echo ($i !== count($arr)-1) ? ',' : ''; } ?> ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, |
EDIT:
Ik dacht dus aan zo'n jQuery-functie:
| 1 2 3 | $("#checkboxes :checkbox:checked").each(function() { { "name": $(this).val(), "value": $(this).attr("checked") } }); |
Het liefst stuur ik het dus zo weg:
| 1 | { "name": "arr", "value": [0,1,2,3,4,6,8,9] } |
[ Bericht 5% gewijzigd door pascal08 op 18-05-2013 15:41:28 ]
Ik heb een oplossing gevonden die enigszins in de buurt komt:
| 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 | "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, { "name": "array", "value": JSON.stringify( [ <?php for($i = 0; $i < count($arr); $i++) { echo 'parseInt($("#arr'.$i.'").val())'; if($i !== (count($arr)-1)) { echo ','; }; } ?> ] ) } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, |
Zoiets kun je met de $.map functie doen:quote:
Het liefst stuur ik het dus zo weg:
[ code verwijderd ]
| 1 2 3 | var values = $("#checkboxes :checkbox:checked").map(function() { return this.value; }); |
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Deze functie kende ik nog niet. Heb jij een idee hoe ik dit verwerkt krijg in de code?quote:
[..]
Zoiets kun je met de $.map functie doen:
[ code verwijderd ]
De map functie doorloopt de elementen en zet de waarde die teruggegeven wordt in een nieuw array.
Ik kwam er net achter dat ik sowieso een stukje extra code nodig heb om de tabel opnieuw te laten genereren op basis van de aangevinkte checkboxes.
De code is nu als volgt:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | [..] "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, { "name": "array", "value": array } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, [..] |
| 1 2 3 4 5 6 7 8 9 10 11 12 | [..] $('#checkboxes').on('mouseup', function() { var array = []; $("#checkboxes :checkbox:checked").each(function() { if($(this).attr("checked") === "checked") { array.push(parseInt($(this).val())); } }); oTable1.fnStandingRedraw(); }); [..] |
Ik ken niet je hele code maar als je op verschillende plekken alle aangevinkte checkboxen wilt hebben zou je een functie kunnen maken:quote:
[..]
Deze functie kende ik nog niet. Heb jij een idee hoe ik dit verwerkt krijg in de code?
Ik kwam er net achter dat ik sowieso een stukje extra code nodig heb om de tabel opnieuw te laten genereren op basis van de aangevinkte checkboxes.
De code is nu als volgt:
[ code verwijderd ]
[ code verwijderd ]
| 1 2 3 4 5 6 | function checkedBoxes() { var result = $("#checkboxes :checkbox:checked").map(function() { return +this.value; // Zet string om naar integer }); return result; } |
| 1 2 3 4 | $('#checkboxes').on('mouseup', function() { var array = checkedBoxes(); // Globaal array of alleen gebruiken bij versturen? oTable1.fnStandingRedraw(); }); |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | [..] "fnServerData": function(sSource, aoData, fnCallback) { aoData.push( { "name": "val1", "value": $('#val1').val() }, { "name": "val2", "value": $('#val2').val() }, { "name": "val3", "value": $('#val3').val() }, { "name": "array", "value": checkedBoxes() } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, [..] |
| 1 | { "name": "array", "value": JSON.stringify(checkedBoxes()) } |
| 1 | { "name": "array", "value": "[" + checkedBoxes() + "]" } |
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Iemand hier die ik kan verlijden mij een plekje op zijn server te lenen voor het hosten van een of twee css bestanden? (die ik via ftp kan benaderen)
Thanks Tijn!
[ Bericht 8% gewijzigd door TwyLight op 19-05-2013 00:38:26 ]
Thanks Tijn!
[ Bericht 8% gewijzigd door TwyLight op 19-05-2013 00:38:26 ]
Het bouwen van een android applicatie,welke talen zijn daarvoor nodig? Ik ben nog aan het kijken naar Phonegap van Dreamweaver, maar in de applicatie zit ook een database en ik heb ergens gelezen dat dat niet kan met Phonegap (dat Phonegap enkel voor een applicatie met HTML/CSS/Javascript is)? SQLight? Is het mogelijk om een applicatie met html/css te bouwen en daar een database aan te koppelen?
Anonieme tievesclown
Ik wil de standaard submit button vervangen met een image, via Google kom ik tig voorbeelden tegen, maar mijn gevoel zegt dat het allemaal net niet is. Is dit zo lastig in CSS of?
Background-image:none;quote:
Ik wil de standaard submit button vervangen met een image, via Google kom ik tig voorbeelden tegen, maar mijn gevoel zegt dat het allemaal net niet is. Is dit zo lastig in CSS of?
background:url('../images/plaatje.jpg');
Anonieme tievesclown
Ik wil geen background, ik wil dat de knop zelf een plaatje isquote:
[..]
Background-image:none;
background:url('../images/plaatje.jpg');
/edit
Of is het een kwestie van border op none zetten etc en dan plaatje als background?
Waarom zou je dat willen?quote:
[..]
Ik wil geen background, ik wil dat de knop zelf een plaatje is
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
quote:
Ik wil de standaard submit button vervangen met een image, via Google kom ik tig voorbeelden tegen, maar mijn gevoel zegt dat het allemaal net niet is. Is dit zo lastig in CSS of?
| 1 | <input type="image" src="img.jpg" /> |
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Voor Android kan je native in Java coden. Google heeft woensdag tijdens hun I/O een nieuw programma uitgebracht samen met JetBrains: Android Studio.quote:
Het bouwen van een android applicatie,welke talen zijn daarvoor nodig? Ik ben nog aan het kijken naar Phonegap van Dreamweaver, maar in de applicatie zit ook een database en ik heb ergens gelezen dat dat niet kan met Phonegap (dat Phonegap enkel voor een applicatie met HTML/CSS/Javascript is)? SQLight? Is het mogelijk om een applicatie met html/css te bouwen en daar een database aan te koppelen?
Phonegap is leuk voor erg simpele apps en is op basis van HTML5 en javascript. Nadeel hiervan is dat het zelden zo smooth loopt als een native app.
Ik was er al een beetje bang voor dat het Java zou gaan worden. Met deze informatie kan ik in ieder geval weer aan de slag. Bedanktquote:
[..]
Voor Android kan je native in Java coden. Google heeft woensdag tijdens hun I/O een nieuw programma uitgebracht samen met JetBrains: Android Studio.
Phonegap is leuk voor erg simpele apps en is op basis van HTML5 en javascript. Nadeel hiervan is dat het zelden zo smooth loopt als een native app.
.
Anonieme tievesclown
Je kunt eens kijken naar Sencha Touch 2.0. Staan bekend om hun HTML5 versie van Facebook.quote:
Het bouwen van een android applicatie,welke talen zijn daarvoor nodig? Ik ben nog aan het kijken naar Phonegap van Dreamweaver, maar in de applicatie zit ook een database en ik heb ergens gelezen dat dat niet kan met Phonegap (dat Phonegap enkel voor een applicatie met HTML/CSS/Javascript is)? SQLight? Is het mogelijk om een applicatie met html/css te bouwen en daar een database aan te koppelen?
Schrijft alles in Javascript en de app poept HTML5 uit. Kunt met Phonegap (Cordova) builden en daarmee ook native elementen gebruiken.
Gewoon Java is altijd beter maar als je al wel HTML5 en JS beheerst en het is geen gek grote app kun je best wat leuks maken met Sencha. Je kunt gewoon met JSON werken dus een database naar keuze waar je een simpele API voor maakt werkt vlekkeloos.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Hoe krijg ik de submit knop even hoog als mijn zoekveld + aan elkaar geplakt.
| 1 2 3 4 5 6 | <div id="search"> <form action="#"> <input type="text" onfocus="if(this.value == 'Zoek naar producten..') { this.value = ''; }" value="Zoek naar producten.." class="inputSearch"> <input type="submit" value="" class="zoekbutton"> </form> </div> |
| 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 | #search { width: 700px; height: 50px; float: right; line-height: 50px; vertical-align: middle; } .inputSearch { padding-left:10px; height: 28px; width: 400px; border: 1px solid #cccccc; background-color:#ececec; margin-right:0px; } .zoekbutton { width: 28px; height: 28px; background: #E4E2D6 url('search.png') no-repeat center; border: 1px solid #cccccc; padding: 0px; margin: 0px; } |
/edit
Ik zie in IE trouwens dat ze wel even hoog lopen. In Chrome niet.
/edit 2:
Die is in IE, klopt ook niet want ze moeten beiden 28px hoog zijn.
Gebruik je een normalize of reset? Die input heeft standaard een padding gok ik. Gebruik je webinspector daarvoor
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Beide gebruik ik niet (als ik begrijp wat je bedoeltquote:
Gebruik je een normalize of reset? Die input heeft standaard een padding gok ik. Gebruik je webinspector daarvoor
).
Sowieso heeft een inputfield standaard padding mee, vandaar dat hij hoger is.quote:
[ afbeelding ]
Hoe krijg ik de submit knop even hoog als mijn zoekveld + aan elkaar geplakt.
[ code verwijderd ]
[ code verwijderd ]
/edit
Ik zie in IE trouwens dat ze wel even hoog lopen. In Chrome niet.
/edit 2:
Die is in IE, klopt ook niet want ze moeten beiden 28px hoog zijn.
[ afbeelding ]
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Custom css aan het maken voor mijn film download site
SPOILER: origineelOm 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.SPOILER: mijn work in progressOm 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.
quote:
[..]
Sowieso heeft een inputfield standaard padding mee, vandaar dat hij hoger is.
| 1 2 3 4 | input { padding: 0px; margin: 0px; } |
Precies om dit soort verschillen gelijk te trekken kun je dus bv normalize.css gebruiken.quote:
[..]
[ code verwijderd ]
Lost het probleem in IE inderdaad op. Nu nog de zoekveld en button aan elkaar zien te plakken en de hoogte in Chrome nog oplossen.
Geinstalleerd, maar heeft het helaas nog niet opgelost.quote:
[..]
Precies om dit soort verschillen gelijk te trekken kun je dus bv normalize.css gebruiken.
Dit werkt in Chrome: http://jsfiddle.net/SyXjq/quote:
[..]
[ code verwijderd ]
Lost het probleem in IE inderdaad op. Nu nog de zoekveld en button aan elkaar zien te plakken en de hoogte in Chrome nog oplossen.
Wat je zegt over naar beneden drukken, kan ik niet reproduceren.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Voorbeeld die je geeft is ook niet goed hoor, althans de website van je laat 'm niet correct zienquote:
[..]
Dit werkt in Chrome: http://jsfiddle.net/SyXjq/
Wat je zegt over naar beneden drukken, kan ik niet reproduceren.
Hier wel.quote:
[..]
Voorbeeld die je geeft is ook niet goed hoor, althans de website van je laat 'm niet correct zien
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Thanks, je hebt me in de goede richting geholpen.quote:
Ik heb aan de zoekveld float:left; toegevoegd en aan beide een margin-top. Opgelost
Dat had ik ook gedaan, de code had je 1 op 1 over kunnen nemen.quote:
[..]
Thanks, je hebt me in de goede richting geholpen.
Ik heb aan de zoekveld float:left; toegevoegd en aan beide een margin-top. Opgelost
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |