Hoe krijg ik een submit button naast 2 fields?
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!
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
Je moet die float idd in je css zetten.
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...
Dat helpt niks?
Wss heb je beide formulieren apart float meegegeven, waardoor ze naast elkaar komen?
Gewijzigd op 07/01/2012 19:03:26 door Mathias B
waarschijnlijk moet je dat registratie formulier ook in een <div> zetten en die moet dan clear:both; meegeven in CSS
#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?
Maar dan komt het registratie form onder de foto.
Plaats je beide formulieren in een soort floatende sidebar?
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
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
@Remco, kun je misschien een voorbeeldje maken op http://tinkerbin.com/ ? Dat werkt altijd wat makkelijker en kunnen we zelf spelen met de code.
Je hebt gelijk :) Mijn excuses. Ik had de vraag niet goed gelezen. :P
Ik vermoed dat nog een probleem komt dus hou het topic alstjeblieft in de gaten :)
Je kunt toch ook gebruik maken van een tabel? dat is heet makkelijk en handig. of is dat amateuristisch?