Mobiele website
Nu probeer ik in deze mobiele website ook een inlog optie toe te voegen.
Echter worden de buttons en tekstvakken erg klein weergegeven.
Wat kan ik hieraan doen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form id="leden" name="leden" method="post" action="<?$_SERVER['PHP_SELF']?>">
<tr>
<td>Bondsnummer:</td>
<td><input type="text" id="bondsnummer" name="bondsnummer"></td>
</tr>
<tr>
<td>Wachtwoord:</td>
<td><input type="password" id="wachtwoord" name="wachtwoord"></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" id="onthouden" name="onthouden">Mij onthouden</td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="inloggen" id="inloggen" value="Inloggen"></td>
</tr>
</form>
<tr>
<td>Bondsnummer:</td>
<td><input type="text" id="bondsnummer" name="bondsnummer"></td>
</tr>
<tr>
<td>Wachtwoord:</td>
<td><input type="password" id="wachtwoord" name="wachtwoord"></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" id="onthouden" name="onthouden">Mij onthouden</td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="inloggen" id="inloggen" value="Inloggen"></td>
</tr>
</form>
Gewijzigd op 22/11/2012 12:59:25 door Alex Oonincx
je kan marges ook prima met inputs en labels doen in combinatie met CSS.
En wat is het nut van die action? Je plaatst leuk een $_SERVER[] variabele, maar je doet er niks mee? Tevens zou je deze ook wel weg kunnen laten.
Gewijzigd op 22/11/2012 13:03:19 door - Ariën -
- Aar - op 22/11/2012 13:02:12:
Mag ik vragen waarom je tabellen gebruikt?
je kan marges ook prima met inputs en labels doen in combinatie met CSS.
En wat is het nut van die action? Je plaatst leuk een $_SERVER[] variabele, maar je doet er niks mee? Tevens zou je deze ook wel weg kunnen laten.
je kan marges ook prima met inputs en labels doen in combinatie met CSS.
En wat is het nut van die action? Je plaatst leuk een $_SERVER[] variabele, maar je doet er niks mee? Tevens zou je deze ook wel weg kunnen laten.
Heeft te maken met de rest van de opmaak van de site.
Is dat de reden dat de vakken en buttons klein blijven?
Tweede opmerking begrijp ik niet helemaal, ik moet toch aangeven naar welke pagina de output moet worden verstuurd.
De verwerking hiervan vindt op dezelfde pagina plaats, deze heb ik alleen niet gepost omdat het niet toevoegde mijn inziens.
Gewijzigd op 22/11/2012 13:05:49 door Alex Oonincx
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Gewijzigd op 22/11/2012 13:06:05 door - Ariën -
- Aar - op 22/11/2012 13:04:51:
Zou kunnen...
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Soms vind ik dat nu eenmaal makkelijker en sneller, ondanks dat ik goed bekend ben met CSS.
je kan de 'action' ook leeglaten. Met $_SERVER['PHP_SELF'] heb je mogelijk al een XXS-injectie te pakken.
- Aar - op 22/11/2012 13:07:28:
je kan de 'action' ook leeglaten. Met $_SERVER['PHP_SELF'] heb je mogelijk al een XXS-injectie te pakken.
XXS-injectie zegt me even niets
Alex Oonincx op 22/11/2012 13:07:28:
Soms vind ik dat nu eenmaal makkelijker en sneller, ondanks dat ik goed bekend ben met CSS.
- Aar - op 22/11/2012 13:04:51:
Zou kunnen...
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Soms vind ik dat nu eenmaal makkelijker en sneller, ondanks dat ik goed bekend ben met CSS.
Lees eerst eens bovenstaande linkjes. Tables zijn bedoeld voor tabulaire doeleinden. Denk aan prijsoverzichten en resultatenoverzichten. Niet voor layoutindelingen.
Waarom je geen tabellen moet gebruiken =>
http://www.hotdesign.com/seybold/everything.html
http://webdesign.about.com/od/layout/a/aa111102a.htm
Dus, verdiep je eens in deze wereld, ik durf te wedden dat nadat je ermee gespeeld hebt dat je de tabellentrukendoos (3xwoordwaarde) direct aan de kant schuift.
Toevoeging op 22/11/2012 13:12:10:
Alex Oonincx op 22/11/2012 13:08:33:
XSS-injectie zegt me even niets
- Aar - op 22/11/2012 13:07:28:
je kan de 'action' ook leeglaten. Met $_SERVER['PHP_SELF'] heb je mogelijk al een XXS-injectie te pakken.
XSS-injectie zegt me even niets
http://nl.wikipedia.org/wiki/Cross-site_scripting
Op zulke vragen kan je ook natuurlijk zelf even het hef in eigen hand nemen en op Google zoeken.
Gewijzigd op 22/11/2012 13:12:34 door - Ariën -
- Aar - op 22/11/2012 13:11:08:
Lees eerst eens bovenstaande linkjes. Tables zijn bedoeld voor tabulaire doeleinden. Denk aan prijsoverzichten en resultatenoverzichten. Niet voor layoutindelingen.
Waarom je geen tabellen moet gebruiken =>
http://www.hotdesign.com/seybold/everything.html
http://webdesign.about.com/od/layout/a/aa111102a.htm
Dus, verdiep je eens in deze wereld, ik durf te wedden dat nadat je ermee gespeeld hebt dat je de tabellentrukendoos (3xwoordwaarde) direct aan de kant schuift.
Alex Oonincx op 22/11/2012 13:07:28:
Soms vind ik dat nu eenmaal makkelijker en sneller, ondanks dat ik goed bekend ben met CSS.
- Aar - op 22/11/2012 13:04:51:
Zou kunnen...
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Je gaat mij toch niet vertellen dat je site ook in tabellen is geconstueerd, gezien we al sinds vele jaren CSS en correct HTML-tags gebruiken.
Ik zou zeggen: Lees ook eens dit: http://sceneone.nl/tips_tricks/formulieren.php
En dit is ook wel goed leesvoer: http://home.parse.nl/~michiel/semantiek.html
Soms vind ik dat nu eenmaal makkelijker en sneller, ondanks dat ik goed bekend ben met CSS.
Lees eerst eens bovenstaande linkjes. Tables zijn bedoeld voor tabulaire doeleinden. Denk aan prijsoverzichten en resultatenoverzichten. Niet voor layoutindelingen.
Waarom je geen tabellen moet gebruiken =>
http://www.hotdesign.com/seybold/everything.html
http://webdesign.about.com/od/layout/a/aa111102a.htm
Dus, verdiep je eens in deze wereld, ik durf te wedden dat nadat je ermee gespeeld hebt dat je de tabellentrukendoos (3xwoordwaarde) direct aan de kant schuift.
Als ik wat tijd over heb, zal ik het eens lezen.
Echter lost dit het probleem met de kleine formulier inputvelden op?
Dus begin het liefste gewoon met een goede en nieuwe start...
- Aar - op 22/11/2012 13:13:18:
Dat zou best mogelijk eens kunnen!
Dus begin het liefste gewoon met een goede en nieuwe start...
Dus begin het liefste gewoon met een goede en nieuwe start...
Ik heb het even uitgetest door gewoon alleen het formulier (zonder tabel!) in een script te zetten.
Echter blijft het erg klein helaas.
- Aar - op 22/11/2012 13:26:36:
Laat eens een voorbeeld zien? Ik gok dat er wat CSS code is die wordt getriggerd op je formuliervelden. Zulke dingen kan je met Firebug in Firefox heel duidelijk uitzoeken.
Ik heb de code even heel basic gehouden om elke verstoring te voorkomen.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div style=font-size:40pt;><h1>Inloggen</h1>
<form id="ledengedeelte" name="ledengedeelte" method="post">
Bondsnummer:<input type="text" id="bondsnummer" name="bondsnummer"><Br>
Wachtwoord:<input type="password" id="wachtwoord2" name="wachtwoord2"><br>
<input type="checkbox" id="onthouden" name="onthouden">Mij onthouden<br>
<input type="submit" name="inloggen" id="inloggen" value="Inloggen"></div>
<form id="ledengedeelte" name="ledengedeelte" method="post">
Bondsnummer:<input type="text" id="bondsnummer" name="bondsnummer"><Br>
Wachtwoord:<input type="password" id="wachtwoord2" name="wachtwoord2"><br>
<input type="checkbox" id="onthouden" name="onthouden">Mij onthouden<br>
<input type="submit" name="inloggen" id="inloggen" value="Inloggen"></div>
Sorry, maar dit kan ik niet reproduceren. Heb je geen online voorbeeld?
- Aar - op 22/11/2012 13:35:10:
Sorry, maar dit kan ik niet reproduceren. Heb je geen online voorbeeld?
Gewijzigd op 22/11/2012 16:08:05 door Alex Oonincx
Heb je niet toevallig uitgezoomd? (M.a.w.: Druk eens op CTRL+0)
Op mijn Android telefoon is de button daardoor bijna niet zichtbaar.
Gewijzigd op 22/11/2012 13:47:40 door - Ariën -
Moet ik dan dus concluderen dat het niet mogelijk is om de tekstvakken en buttons ook groter te laten worden als de tekst groter wordt gemaakt?
(Ik heb het niet over in/uitzoomen)
Gewijzigd op 22/11/2012 13:49:30 door - Ariën -
Nog 1 laatste vraag.
Waar kan ik vinden hoe ik dat in CSS specificeer, want de grote van tekstvakken en buttons definiëren in CSS is nieuw voor mij.