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!

Reply

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.

Reply

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

Reply

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.

 

 

 

Reply

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

Reply

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

Reply

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

Reply