Please help how to do this

Question

0.00/5 (No votes)

See more:

I am working on a site for an insurance agency. I have the drop down field where you can choose the type of insurance you want to get a quote for. I then added the zip code input field but don't know how to move it so it is directly across from the drop down. At this moment it is right underneath and aligned with the drop down. I know that it has something to do with absolute or relative positioning, but I am a beginner and I am not sure, please help? Here is the code...

What I have tried:

HTML

<div id="Layer1" style=position:float; right:; alignment-adjust: right; 224 px;top: 97 px><input type="text" name="zipCode" value=""    pattern="\d{5}([\-]\d{4})?" required="required"  /></div>

Posted 10-May-20 0:35am

Member 14826587

Updated 10-May-20 1:07am

Patrice T

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

phil.o · Answer 1 · 2020-05-10T00:52:00

This has nothing to do with C++. Please always tag your questions apropriately. No tag is better than a wrong tag.
Your ML code is malformed. Attributes (here, the style attribute of the div tag) should be fully quoted. You should really take the time to learn the basics of HTML/CSS before attempting to handle any professional project.
Here is a link to a quick tutorial about how placement can be achieved in HTML/CSS documents: CSS Layout - The position Property[^]. And here is a link to a search page which provides a lot of other sources: CSS positionning[^].

Patrice T · Answer 2 · 2020-05-10T01:07:00

Solution 2

First of all, I would try to correct syntax as phil.o said:

HTML

<div id="Layer1" style="position:float; right:; alignment-adjust: right; 224 px;top: 97 px"><input type="text" name="zipCode" value=""    pattern="\d{5}([\-]\d{4})?" required="required"  /></div>

Posted 10-May-20 1:07am

Patrice T

Updated 10-May-20 1:57am

v2

Comments

Richard MacCutchan 10-May-20 7:50am

But preferably without the rogue <pre> tag. :/

Patrice T 10-May-20 7:57am

Ooops, thank you :)