7 replies to this topic

[BooZker]

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!

Attached Files

•  example.zip   435.26K   15 downloads

Edited by BooZker, 31 August 2007 - 02:50 AM.

[reconraiders]

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]

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

Edited by BooZker, 31 August 2007 - 05:11 AM.

[jlhaslip]

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]

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]

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

[BooZker]

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

[iGuest]

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