[html, css, js] Frontend is het nieuwe backend

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  zaterdag 11 mei 2013 @ 18:40:09 #103
12221 Tijn
Powered by MS Paint
pi_126356332
quote:
0s.gif Op zaterdag 11 mei 2013 18:06 schreef Catch22- het volgende:
Wat een kolder. Ie8 houdt zich over het algemeen prima aan de standaarden. Alleen geen css2.1 natuurlijk
Geen CSS3 bedoel je, CSS 2.1 kan-ie juist wel (mits je het juiste doctype gebruikt). En natuurlijk geen HTML5. En halfgare Javascript :P
Verberg de nieuwsticker
  zaterdag 11 mei 2013 @ 18:42:10 #104
12221 Tijn
Powered by MS Paint
pi_126356410
Hierbij zouden de alarmbellen van elke programmeur moeten gaan rinkelen:

1for (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.
Verberg de nieuwsticker
pi_126356731
IE8 is een prima browser hoor, waar goed voor te ontwikkelen valt.

quote:
0s.gif Op zaterdag 11 mei 2013 18:03 schreef Devv het volgende:

[..]

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.
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...
Nee.
pi_126357179
quote:
0s.gif Op zaterdag 11 mei 2013 18:50 schreef PimD het volgende:
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...
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.
  zaterdag 11 mei 2013 @ 19:16:50 #107
12221 Tijn
Powered by MS Paint
pi_126357745
quote:
0s.gif Op zaterdag 11 mei 2013 18:50 schreef PimD het volgende:
IE8 is een prima browser hoor
Nou, dat gaat ook weer een beetje ver :+
Verberg de nieuwsticker
  zaterdag 11 mei 2013 @ 19:28:10 #108
71610 Black-Hole
Deep in my soul
pi_126358236
quote:
0s.gif Op zaterdag 11 mei 2013 14:18 schreef xaban06 het volgende:
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.
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.
  zaterdag 11 mei 2013 @ 23:57:55 #109
228072 Crimyclown
Sapper de fap!
pi_126371173
quote:
11s.gif 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 (<=).

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.
Anonieme tievesclown
pi_126371562
quote:
0s.gif Op zaterdag 11 mei 2013 19:28 schreef Black-Hole het volgende:

[..]

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.
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.
zcflevo.nl
pi_126472901
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.
  dinsdag 14 mei 2013 @ 12:54:33 #112
12221 Tijn
Powered by MS Paint
pi_126473025
quote:
14s.gif Op dinsdag 14 mei 2013 12:54 schreef Tijn het volgende:
Gebruik gewoon Fancybox.
Kende ik niet, thanks! Even kijken wat het is.
  dinsdag 14 mei 2013 @ 13:00:28 #114
12221 Tijn
Powered by MS Paint
pi_126473159
Het is precies wat jij zoekt, dat is wat het is :+
Verberg de nieuwsticker
pi_126481301
quote:
10s.gif Op dinsdag 14 mei 2013 13:00 schreef Tijn het volgende:
Het is precies wat jij zoekt, dat is wat het is :+
_O_
  donderdag 16 mei 2013 @ 08:59:22 #116
27454 InTrePidIvity
Looks like it's broken...
pi_126570444
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?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 16 mei 2013 @ 09:00:31 #117
91039 mstx
2x1/2 = 1/2 x 1/2
pi_126570466
quote:
5s.gif Op donderdag 16 mei 2013 08:59 schreef InTrePidIvity het volgende:
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?
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.
👾
  donderdag 16 mei 2013 @ 09:37:58 #118
230788 n8n
Pragmatisch
pi_126571227
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
“Specialization is for insects”.—Robert Heinlein
  donderdag 16 mei 2013 @ 10:23:26 #119
27454 InTrePidIvity
Looks like it's broken...
pi_126572375
quote:
1s.gif Op donderdag 16 mei 2013 09:37 schreef n8n het volgende:
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
Ik heb elke img binnen een div floating gemaakt, dat werkt ook.
quote:
14s.gif Op donderdag 16 mei 2013 09:00 schreef mstx het volgende:

[..]

z-index?
Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 16 mei 2013 @ 12:15:43 #120
166255 Maringo
Bèhèhèhèh
pi_126576386
quote:
0s.gif Op donderdag 16 mei 2013 10:23 schreef InTrePidIvity het volgende:

[..]

Daarmee krijg ik ze wel naar de achtergrond, maar dan verlies ik de functionaliteit (geen hover en niet clickable)...
Dan zit er iets voor. Check dan op invisible divs oid.

EDIT: ik neem aan dat je de wrapper van dit een z-index gegeven hebt, toch?
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  zaterdag 18 mei 2013 @ 15:14:57 #121
319705 pascal08
dr. prof.
pi_126676424
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. :P 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 ]
  zaterdag 18 mei 2013 @ 19:02:28 #122
319705 pascal08
dr. prof.
pi_126683897
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
    }); 
},
pi_126686242
quote:
0s.gif Op zaterdag 18 mei 2013 15:14 schreef pascal08 het volgende:
Het liefst stuur ik het dus zo weg:
[ code verwijderd ]
Zoiets kun je met de $.map functie doen:
1
2
3		var values = $("#checkboxes :checkbox:checked").map(function() {
   return this.value;
});
De map functie doorloopt de elementen en zet de waarde die teruggegeven wordt in een nieuw array.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  zaterdag 18 mei 2013 @ 20:24:04 #124
319705 pascal08
dr. prof.
pi_126687073
quote:
7s.gif Op zaterdag 18 mei 2013 20:04 schreef Aether het volgende:

[..]

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.
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:

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();
    });
[..]
pi_126689559
quote:
0s.gif Op zaterdag 18 mei 2013 20:24 schreef pascal08 het volgende:

[..]

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 ]

Ik ken niet je hele code maar als je op verschillende plekken alle aangevinkte checkboxen wilt hebben zou je een functie kunnen maken:
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
    }); 
},
[..]
Of als JSON:
1               { "name": "array", "value": JSON.stringify(checkedBoxes()) }
Als je array alleen getallen bevat kun je nog een truuk gebruiken om de array naar een string om te zetten:
1               { "name": "array", "value": "[" + checkedBoxes() + "]" }
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_126702433
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 ]
  zondag 19 mei 2013 @ 13:29:23 #127
228072 Crimyclown
Sapper de fap!
pi_126719571
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
pi_126719682
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?
  zondag 19 mei 2013 @ 13:35:09 #129
228072 Crimyclown
Sapper de fap!
pi_126719752
quote:
0s.gif Op zondag 19 mei 2013 13:32 schreef xaban06 het volgende:
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;
background:url('../images/plaatje.jpg');
Anonieme tievesclown
pi_126719853
quote:
0s.gif Op zondag 19 mei 2013 13:35 schreef Crimyclown het volgende:

[..]

Background-image:none;
background:url('../images/plaatje.jpg');
Ik wil geen background, ik wil dat de knop zelf een plaatje is :)

/edit
Of is het een kwestie van border op none zetten etc en dan plaatje als background?
  zondag 19 mei 2013 @ 13:39:17 #131
134533 donroyco
dus niet Donroyco
pi_126719895
quote:
0s.gif Op zondag 19 mei 2013 13:38 schreef xaban06 het volgende:

[..]

Ik wil geen background, ik wil dat de knop zelf een plaatje is :)
Waarom zou je dat willen?
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. :'(
pi_126720544
quote:
0s.gif Op zondag 19 mei 2013 13:32 schreef xaban06 het volgende:
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.
  zondag 19 mei 2013 @ 14:42:38 #133
166255 Maringo
Bèhèhèhèh
pi_126722198
quote:
0s.gif Op zondag 19 mei 2013 13:29 schreef Crimyclown het volgende:
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?
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.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  zondag 19 mei 2013 @ 14:48:51 #134
228072 Crimyclown
Sapper de fap!
pi_126722464
quote:
1s.gif Op zondag 19 mei 2013 14:42 schreef Maringo het volgende:

[..]

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.
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. Bedankt :) .
Anonieme tievesclown
  zondag 19 mei 2013 @ 16:04:25 #135
137776 boem-dikkie
Jedi Mind Baby!
pi_126725054
quote:
0s.gif Op zondag 19 mei 2013 13:29 schreef Crimyclown het volgende:
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?
Je kunt eens kijken naar Sencha Touch 2.0. Staan bekend om hun HTML5 versie van Facebook.

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.
pi_126749607


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.
  maandag 20 mei 2013 @ 00:26:08 #137
56176 Catch22-
Ben je Blind?!
pi_126750211
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?
pi_126750434
quote:
0s.gif Op maandag 20 mei 2013 00:26 schreef Catch22- het volgende:
Gebruik je een normalize of reset? Die input heeft standaard een padding gok ik. Gebruik je webinspector daarvoor
Beide gebruik ik niet (als ik begrijp wat je bedoelt :)).
  maandag 20 mei 2013 @ 00:45:49 #139
134533 donroyco
dus niet Donroyco
pi_126751086
quote:
0s.gif Op maandag 20 mei 2013 00:14 schreef xaban06 het volgende:
[ 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 ]
Sowieso heeft een inputfield standaard padding mee, vandaar dat hij hoger 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. :'(
pi_126751125
Custom css aan het maken voor mijn film download site _O_

SPOILER: origineel
Om 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 progress
Om 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.
pi_126751214
quote:
7s.gif Op maandag 20 mei 2013 00:45 schreef donroyco het volgende:

[..]

Sowieso heeft een inputfield standaard padding mee, vandaar dat hij hoger is.
1
2
3
4		input {
padding: 0px;
margin: 0px;
}
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.
  maandag 20 mei 2013 @ 00:49:36 #142
12221 Tijn
Powered by MS Paint
pi_126751241
quote:
0s.gif Op maandag 20 mei 2013 00:48 schreef xaban06 het volgende:

[..]
[ 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.
Precies om dit soort verschillen gelijk te trekken kun je dus bv normalize.css gebruiken.
Verberg de nieuwsticker
pi_126751318
quote:
2s.gif Op maandag 20 mei 2013 00:49 schreef Tijn het volgende:

[..]

Precies om dit soort verschillen gelijk te trekken kun je dus bv normalize.css gebruiken.
Geinstalleerd, maar heeft het helaas nog niet opgelost.
  maandag 20 mei 2013 @ 00:52:11 #144
134533 donroyco
dus niet Donroyco
pi_126751349
quote:
0s.gif Op maandag 20 mei 2013 00:48 schreef xaban06 het volgende:

[..]
[ 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.
Dit werkt in Chrome: http://jsfiddle.net/SyXjq/
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. :'(
pi_126751405
quote:
7s.gif Op maandag 20 mei 2013 00:52 schreef donroyco het volgende:

[..]

Dit werkt in Chrome: http://jsfiddle.net/SyXjq/
Wat je zegt over naar beneden drukken, kan ik niet reproduceren.
Voorbeeld die je geeft is ook niet goed hoor, althans de website van je laat 'm niet correct zien :)
  maandag 20 mei 2013 @ 00:55:08 #146
134533 donroyco
dus niet Donroyco
pi_126751506
quote:
0s.gif Op maandag 20 mei 2013 00:53 schreef xaban06 het volgende:

[..]

Voorbeeld die je geeft is ook niet goed hoor, althans de website van je laat 'm niet correct zien :)
Hier wel.

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. :'(
pi_126751580
quote:
7s.gif Op maandag 20 mei 2013 00:55 schreef donroyco het volgende:

[..]

Hier wel.

[ afbeelding ]
Is mijn browser kapot -O-

  maandag 20 mei 2013 @ 01:02:27 #148
12221 Tijn
Powered by MS Paint
pi_126751838
Hier ziet die fiddle er ook goed uit.

Verberg de nieuwsticker
pi_126752065
quote:
7s.gif Op maandag 20 mei 2013 00:55 schreef donroyco het volgende:

[..]

Hier wel.

[ afbeelding ]
Thanks, je hebt me in de goede richting geholpen.

Ik heb aan de zoekveld float:left; toegevoegd en aan beide een margin-top. Opgelost :)
  maandag 20 mei 2013 @ 01:14:55 #150
134533 donroyco
dus niet Donroyco
pi_126752386
quote:
0s.gif Op maandag 20 mei 2013 01:07 schreef xaban06 het volgende:

[..]

Thanks, je hebt me in de goede richting geholpen.

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.
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. :'(
pi_126787656
Hebben jullie misschien tips of advies om de basics van jQuery te leren? Ik wil iets heel simpels voor elkaar krijgen (tenminste, het klinkt simpel). Ik heb namelijk een honderden <form>'s per pagina met ieder een submit knop. Bij het klikken op de submit button wil ik dat de script van het formulier wordt uitgevoerd maar dat ik de pagina niet verlaat, op deze manier kan ik in een korte tijd al die knopjes indrukken zonder 'vorige' te hoeven doen. Alvast dank! :)
  maandag 20 mei 2013 @ 22:11:45 #152
137776 boem-dikkie
Jedi Mind Baby!
pi_126788032
Dat kan ook wel zonder jQuery?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 20 mei 2013 @ 22:17:50 #153
56176 Catch22-
Ben je Blind?!
pi_126788413
Overdenk t nog eens.

Je kan heel makkelijk een form serialezen en async posten. Zou je zelf moet kunnen uitdokteren.

En als je iets handiger wordt kan je t ook zonder honderden forma
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?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] Frontend is het nieuwe backend
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')