Hello everyone! My first time here. I’ve always struggled with CSS and want to get better. Thanks in advance for your help.
I hope what I am trying to explain looks good as I can’t find a preview button should it exist. Oh well, here goes….
I want two rows on the page like the following:
Address: _________ Map
The “_____” is really an input element. I want the two rows to look like a table with three columns on the first row (“Address:”, input element, and map link) and two columns on the second row (“City:” and input element where there is a span between columns 2 and 3), however, for the mater principle, I don’t want to use a table. Currently, my HTML looks like the following, however, I can add a div wrapper if necessary.
Now, the tricky part (at least for me). I am using jquery-validation, and if there is an error, it automatically inserts a label element below the applicable input (and also automatically adds class “error” to the applicable input element) as shown below. So, now, my HTML would look like: