Side by Side Radio Buttons

CMS & WordPress
21

I did not write them – this is exactly what I see in the WordPress Editor:


<form method="post">
<input id="li_1" type="radio" name="carrier" value="ATT" /> <label for="li_1">AT&amp;T</label>
<input id="li_2" type="radio" name="carrier" value="Verizon" /> <label for="li_2">Verizon</label>
<input type="submit" value="Submit" />

</form>

<? include('process.php'); ?>
22

OK, damn. This is a CMS problem then. Ideally, it would be best to find where that code is coming from and fix it. But short of that, you could try adding something like this to your style sheet (as a dirty fix):

.textcontent label+p {display: none;}
23

The .textcontent worked perfectly. It now displays side by side (finally). Are there any repercussions that using the .textcontent in my stylesheet will have?

Thanks a ton for all your help.

24

Great!

It’s a very specific rule, so unlikely to have any other consequences. As I said, the ideal would be to fix the PHP that is creating those extra <p>s, as they are a bit of a mess. There’ another one between the input/labels and the submit butt that’s causing a gap in Safari but not FF, so it’s still not ideal. (Not sure if you’ve put that there or not, though, as I see it’s changing before my eyes!) Another rule could be written to hide that if it’s being caused by the system, but it’s still not the best solution.

Thanks a ton for all your help.

No worries, my pleasure. :slight_smile:

25

I’ll have to check into the PHP part tomorrow (getting late here). Oh, one last quick thing - when aligning the radio buttons center they go back to being on top of each other. Could I just add a center text align to the .textcontent? If your unsure that’s ok, I don’t wanna consume anymore of your time then I already have!

26

Not sure what you mean by aligning them center. do you mean something like this?

form {
  margin: 0;
  padding: 0;
[COLOR="Red"]  text-align: center;[/COLOR]
}

That will put all of the form elements in the center of the “page”, so to speak.

27

Luxe, when you say you are editing this within the editor, where are you doing it specifically? Are you simply creating a new page and typing/pasting stuff in or something else? I am guessing the </p> are coming from working in the incorrect area. Are you making a type of contact form?

28

I’m making it in a WordPress Page so when I say editing I’m just changing the stuff inside the WordPress Page Editor.

I am making an HTML form that returns data stored with PHP.

29

Yes that’s exactly what I mean, thanks again.

30

Ok, I assume you are typing into a box with bold etc such as the one here on the forum. If so, you are typing html into a WYSIWYG editor. So when you hit enter, it automatically inserts <p>'s. Where is the data coming from?

31

Yes it is a WYSIWYG editor - I’m not sure if it adds them or not because I don’t see them when I save it in the editor.

Where is the data coming from?

What do you mean, like the data returned when the form is submitted? That’s done in the PHP file I have linked to the form.

32

In Wordpress, you can have the box you type in either a WYSIWYG or a plain text. As a WYSIWYG editor, when you hit enter/return a <p></p> is automatically generated. Since it is WYSIWYG mode you only see the words you type - not the <p> and other HTML tags. In plain text mode, if you don’t put a <p> or a <br> you don’t get a line break.

You originally said:

am making an HTML form that returns data stored with PHP.
Usually forms are made to input or edit data. This is why I asked where is the data coming from, ie another form, database, etc.

33

Yes like you said the Wordpress Editor has a Visual Tab and a plain HTML Tab - I’ve been editing it in the HTML so the line breaks, etc. don’t get added automatically.

34

If I remember correctly I had trouble with that. Preview/Edit->Save added it in so I installed a plugin. Let me look …

…
EDIT
I don’t seem to be using it now. Version up-to-date?

EDIT EDIT
I guess 3.2.1 should be!