Hoe krijg ik een submit button naast 2 fields?
Hallo progammeurs,
Ik ben bezig met een nieuw design waar in de hoofdpagina
een login form zit.
Wat ik nu wil is dat ik de submit button naast de 2 fields krijg maar dat lukt mij steeds niet.
Weet iemand hoe dit moet?
Het moet er zo uit zien: http://i40.tinypic.com/dphf9x.png
Alvast bedankt!
Ik ben bezig met een nieuw design waar in de hoofdpagina
een login form zit.
Wat ik nu wil is dat ik de submit button naast de 2 fields krijg maar dat lukt mij steeds niet.
Weet iemand hoe dit moet?
Het moet er zo uit zien: http://i40.tinypic.com/dphf9x.png
Alvast bedankt!
Gesponsorde koppelingen:
Je kunt ze allebei op float:left zetten
De submit button inclusief de fields?
ja je zet de twee fields in een div met float left en de button laat je ook floaten
Ik zit ook met dat probleem?
Maar volgens mij kan het met CSS
Maar volgens mij kan het met CSS
Gewijzigd op 07/01/2012 18:19:54 door pepijn ---
Je moet die float idd in je css zetten.
Ja ik weet ook wel dat het moet met css.
Ik ga het nu proberen.
Toevoeging op 07/01/2012 18:33:01:
Probleem is opgelost!
Bedankt Mathias B!
Toevoeging op 07/01/2012 18:49:50:
Ik zit met nog een probleem...
Hoe krijg ik het registratie formulier onder het login form?
Ik ga het nu proberen.
Toevoeging op 07/01/2012 18:33:01:
Probleem is opgelost!
Bedankt Mathias B!
Toevoeging op 07/01/2012 18:49:50:
Ik zit met nog een probleem...
Hoe krijg ik het registratie formulier onder het login form?
Ah sorry, ik vergat te zeggen dat je de float weer moest clear met clear:both...
@Mathias
Dat helpt niks?
Dat helpt niks?
Toon eens je code.
Wss heb je beide formulieren apart float meegegeven, waardoor ze naast elkaar komen?
Wss heb je beide formulieren apart float meegegeven, waardoor ze naast elkaar komen?
Gewijzigd op 07/01/2012 19:03:26 door Mathias B
Heb je wat code?
waarschijnlijk moet je dat registratie formulier ook in een <div> zetten en die moet dan clear:both; meegeven in CSS
waarschijnlijk moet je dat registratie formulier ook in een <div> zetten en die moet dan clear:both; meegeven in CSS
Dit is de div registreren
#registreren {
margin: 15px 35px;
background-image: url(http://www.mybuddies.nl/img/bg_registreren.png);
background-repeat: no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 15px 15px 15px;
width: 250px;
}
#registreren {
margin: 15px 35px;
background-image: url(http://www.mybuddies.nl/img/bg_registreren.png);
background-repeat: no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 15px 15px 15px;
width: 250px;
}
Gewijzigd op 07/01/2012 19:19:15 door Remco van Akker
Ik zie geen 'clear: both;' er tussen staan, heb je dat al geprobeerd?
Ja, dat heb ik al geprobeerd.
Maar dan komt het registratie form onder de foto.
Maar dan komt het registratie form onder de foto.
Plaats je beide formulieren in een soort floatende sidebar?
rowspan zoeken in mijn opinie.
Ik gebruik dit met een avatar. Ik heb een avatar (image) links en 5 rijen ernijst. Rowspan = 5. :)
Ik gebruik dit met een avatar. Ik heb een avatar (image) links en 5 rijen ernijst. Rowspan = 5. :)
Gewijzigd op 07/01/2012 19:36:35 door Ken DC
??
dan zet je alles rechts van de foto toch in een div en die float je naast de foto?!
dan kan je die venstertjes (log-in, registratie en dat andere) binnen die div plaatsen zoals je wilt... dan krijg je zoiets
dan zet je alles rechts van de foto toch in een div en die float je naast de foto?!
dan kan je die venstertjes (log-in, registratie en dat andere) binnen die div plaatsen zoals je wilt... dan krijg je zoiets
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<div id="foto">
</div>
<div id="alles_rechts">
<div id="login">
</div>
<div id="registratie">
</div>
<div id="andere_buddies">
</div>
</div>
<div id="alles_rechts">
<div id="login">
</div>
<div id="registratie">
</div>
<div id="andere_buddies">
</div>
Gewijzigd op 07/01/2012 19:38:09 door Andre Sep
@Ken, geen rowspan. Dat is tabellen en dat is niet bedoelt voor een lay-out.
@Remco, kun je misschien een voorbeeldje maken op http://tinkerbin.com/ ? Dat werkt altijd wat makkelijker en kunnen we zelf spelen met de code.
@Remco, kun je misschien een voorbeeldje maken op http://tinkerbin.com/ ? Dat werkt altijd wat makkelijker en kunnen we zelf spelen met de code.
@Wouter J
Je hebt gelijk :) Mijn excuses. Ik had de vraag niet goed gelezen. :P
Je hebt gelijk :) Mijn excuses. Ik had de vraag niet goed gelezen. :P
Probleem is al opgelost!
Ik vermoed dat nog een probleem komt dus hou het topic alstjeblieft in de gaten :)
Ik vermoed dat nog een probleem komt dus hou het topic alstjeblieft in de gaten :)
Wat doen jullie moeilijk of ligt het aan mij?
Je kunt toch ook gebruik maken van een tabel? dat is heet makkelijk en handig. of is dat amateuristisch?
Je kunt toch ook gebruik maken van een tabel? dat is heet makkelijk en handig. of is dat amateuristisch?



