Rounded Corners & Go Button Cant figure this out

[BooZker 0]

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!

example.zip

Edited August 31, 2007 by BooZker (see edit history)

[reconraiders 0]

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.

[BooZker 0]

I would have to change all the img tags, css tags and such...=[ill wait until the end of the night then ill uploadI also dont think posting 250+ lines of CSS and over 100 lines of HTML would be good haha

Edited August 31, 2007 by BooZker (see edit history)

[jlhaslip 4]

Try this:

.input_text {		font-family: arial, helvetica, sans-serif;	font-size:x-small;	color:#999999;	[b]float: left;	margin-right: 3px;	[/b]}

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

<img src="images/swf_placeholder.jpg" width="800px" height="277px" alt="place holder for swf"/>

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.

[BooZker 0]

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

[jlhaslip 4]

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

[BooZker 0]

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

[iGuest 3]

Fixing the alignmentRounded 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