asdfg Posted August 17, 2012 Share Posted August 17, 2012 Hello, How can I get text after the checkbox, on a single line. I have tried i like this <input type="checkbox" THIS SENS MOST ON THE SAME LINE id="uitbesteden" name="Verwerken van uw volledige administratie" value="Verwerken van uw volledige administratie" /> this <input type="checkbox" <P>THIS SENS MOST ON THE SAMELINE</P> id="uitbesteden" name="Verwerken van uw volledige administratie" value="Verwerken van uw volledige administratie" /> and this THIS SENS MOST ON THE SAME <input type="checkbox" id="uitbesteden" name="Verwerken van uw volledige administratie" value="Verwerken van uw volledige administratie" /> But they all don't work. Does anyone know how I can solve, Thanks Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/ Share on other sites More sharing options...
requinix Posted August 17, 2012 Share Posted August 17, 2012 You can't put it inside the tag, silly. You want after? Then put it after. Srsly. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370063 Share on other sites More sharing options...
asdfg Posted August 17, 2012 Author Share Posted August 17, 2012 when I do this <li> <input type="checkbox" id="Ochtend" name="Ochtend" value="Ochtend" />Ochtend <input type="checkbox" id="Ochtend" name="Middag" value="Middag" />Middag <input type="checkbox" id="Ochtend" name="Avond" value="Avond" />Avond </li> It still under the checkbox. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370216 Share on other sites More sharing options...
xyph Posted August 17, 2012 Share Posted August 17, 2012 It's all in a single line for me when I copy/paste your code. Something else is causing this. Possibly a surrounding container that's not wide enough to display it all on one line. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370217 Share on other sites More sharing options...
Jessica Posted August 17, 2012 Share Posted August 17, 2012 Or CSS, making inputs/checkboxes display as block elements. By the way, you cannot have more than one element with the same ID. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370221 Share on other sites More sharing options...
asdfg Posted August 17, 2012 Author Share Posted August 17, 2012 There is no div element, I have looked at that. Or CSS, making inputs/checkboxes display as block elements. How can I stop that. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370240 Share on other sites More sharing options...
Jessica Posted August 17, 2012 Share Posted August 17, 2012 It's your code! Post a link so we can look at it, or post the relevant HTML and CSS files. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370248 Share on other sites More sharing options...
asdfg Posted August 17, 2012 Author Share Posted August 17, 2012 here are the links: http://weetgeenaam.comeze.com/contactkopie.php http://weetgeenaam.comeze.com/styleoffertekopie.css Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370260 Share on other sites More sharing options...
Jessica Posted August 17, 2012 Share Posted August 17, 2012 form input, textarea, select { font-size: 15px; padding: 1 5px; border: #0040FF 1px solid; width: 100%; margin: center; } Your problem is in here. Width 100% is doing what it says. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370275 Share on other sites More sharing options...
asdfg Posted August 17, 2012 Author Share Posted August 17, 2012 But the text blocks are much larger than the word (for example) ochtend Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370283 Share on other sites More sharing options...
Jessica Posted August 17, 2012 Share Posted August 17, 2012 ... Your form elements are all set to be 100% width. That means 100% of their parent element. Since that makes your checkbox element have a width of 100% it pushes the text to a new line. You'll need to change your CSS to not have that happen. The quickest way is probably to give them a class and set it to width: 10px or whatever. You can specify input types in CSS but a. I forget the exact syntax right now, b. I'm not sure what versions it's in. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370287 Share on other sites More sharing options...
Mahngiel Posted August 17, 2012 Share Posted August 17, 2012 You can specify input types in CSS but a. I forget the exact syntax right now, b. I'm not sure what versions it's in. @ a) input[type=XXX] {} @ b) http://caniuse.com/#feat=input-placeholder This has the most comprehensive list methinks http://wufoo.com/html5/ Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370321 Share on other sites More sharing options...
Jessica Posted August 17, 2012 Share Posted August 17, 2012 I knew someone would know. Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370323 Share on other sites More sharing options...
asdfg Posted August 18, 2012 Author Share Posted August 18, 2012 I made it 10 pixels wide and it still does not work. http://weetgeenaam.comeze.com/contactkopie.php http://weetgeenaam.comeze.com/styleoffertekopie.css Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370392 Share on other sites More sharing options...
Mahngiel Posted August 18, 2012 Share Posted August 18, 2012 Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370446 Share on other sites More sharing options...
asdfg Posted August 19, 2012 Author Share Posted August 19, 2012 thanks! Quote Link to comment https://forums.phpfreaks.com/topic/267203-text-after-checkbox/#findComment-1370712 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.