Rounded Corners & Go Button - Can't figure this out

I am very fluent in CSS and I have done rounded corners before using background images, but even after research, I can't seem to figure out how I can do it with this. I already have a background image. This is a website for a client. He wanted me to simply slice it up. I did everything except those rounded corners. Also you will see the go button is not aligned with the input fields for the username and password. I don't know how to fix this also. If you push it down with either margins or padding it pushes the two username and password down with it. I included a zip with the index.html file, css file, and images. It supposed to be in tomorrow. PLEASE Help I can NOT figure it out!

Comment/Reply (w/o sign-up)

I'm sorry that I am not contributing to the problem you have posted. I just wanted to mention that you might have more responses if you posted a link to a working example. I'm not sure about everybody else, but I personally don't like downloading a ZIP just too look at some HTML and CSS to help somebody out. I mean, I'm willing to help... but I do work in the computer programming/web design business... so I AM pretty lazy... lol. So instead of posting a zip file, just upload the files to a test server or something and then post a link. Or even post the code in "code" tags.

Comment/Reply (w/o sign-up)

I would have to change all the img tags, css tags and such...

=[

Ill wait until the end of the night then ill upload

I also dont think posting 250+ lines of CSS and over 100 lines of HTML would be good haha

Comment/Reply (w/o sign-up)

Try this:


And yes, in the future, it makes it really a lot easier to upload the files to your Hosting account and supply a link.
I know you, so I don't have a problem downloading a zip file from you, but many times on a Forum where a new mwmber asks for help and supplies a zip file, I refuse to download them.
anyway, float the inputs left and add a small seperator margin to fix that problem.

Oh, and take the "px" out of this line to fix a couple of warnings, I think.

Another thing: remove the xml prologue line which you have in the very first line. Although the w3c states that it is a part of the Doctype, some Browsers (IE) goes into quirks mode when it is present and the w3c will validate the code without it. removing it is very much a good idea for cross browser compatability.

Good luck with it.

 

 

 

Comment/Reply (w/o sign-up)

Thanks SO much. If i JUST don't have the rounded corners I can explain to him that neither I, nor anyone i work with, or even after asking people on web forums, seems to know how to do it.

Thanks so much

Comment/Reply (w/o sign-up)

You could try giving the class = " nav-text" a background image???

Comment/Reply (w/o sign-up)

Well he wants rounded edges around the wrapper not the login area

Comment/Reply (w/o sign-up)

Fixing the alignment
Rounded Corners & Go Button

style='vertical-align : middle;'

Can be used on almost any tag like font, b, s, I, td, tr, th, table, img, href and input fields.

EXAMPLE:
<form>
<input type='textfield' name='whatever' size='20' Style='vertical-align : middle;'> <input type='password' Name='whatever2' size='20' style='vertical-align : middle;'> <input type='submit' name='whatever3' value='Go' Style='vertical-align : middle;'>
</form>

-reply by S Keenan

Comment/Reply (w/o sign-up)