centering table

[Guest Cashster09]

I've worked on this for a while and in IE 6 its centered but in FF 2.0 its not...I think the code is right but i still cant get it centered in FF

 

the table div is called SignUp and i have some css in the head of the page to center it.

 

any help would be appreciated....thanks

 

also, how do you make the dots not appear in a list in FF. They dont appear in IE....

 

http://www.webdrycleaners.com/onlinecoupons.html

Edited April 21, 2009 by Cashster09

[Wickham]

For the centering in Firefox add margin: auto; to the head section style:-

 

.signupframe { margin: auto;

border: 1px dotted #000000;

background: #ffffff;

color: #00baff;

font-family: trebuchet MS, Arial, Helvetica, sans-serif;

font-size: 13px;

 

}

 

To get rid of the bullets you need list-style-type: none; not list-style: none;

 

I edited it to list-style-type: none here:-

 

#sidebar ul.sidemenu {

list-style-type: none;/*was list-style: none;*/

text-align: left;

margin: 7px 10px 8px 10px;

padding: 0;

text-decoration: none;

border-top: 1px solid #d6d6d6;

}

 

and here:-

 

#sidebar ul.sidemenu li {

list-style-type: none;/*was list-style: none;*/

padding: 4px 0 4px 0px;

margin: 0 2px;

color: #777;

border-bottom: 1px solid #d6d6d6 ;

}

 

as it can be added to the ul or li tag but it didn't work! So I added a simple:-

 

li { list-style-type : none; }

 

to the stylesheet which did work. This will apply to all lists on your page, but I don't think that matters. You also have list-style: none for the main menu at the top in #nav1 ul , but luckily when there is a float: left the bullets are automatically deleted or disappear as they are covered up by the adjoining box.

 

Edit: I've just realised that the list above the form starting "1. Fill out form" is not inside a div #sidebar so that is why my edits didn't work. Add a style

 

.sidemenu li { list-style-type : none; }

 

instead of my earlier

li { list-style-type : none; }

and it will only apply to lists with a class of sidemenu

Edited April 21, 2009 by Wickham

[Guest Cashster09]

thank you.

I just added the .sidemenu li { list-style-type : none; } inside my head section and the margin auto and it all works in IE, FF and Chrome.

 

thanks again.

 

Im sure you'll be hearing from me again...lol

 

Quick question?

For that center "thing" in FF is it ok to have any margin or do you need margin auto?

Edited April 21, 2009 by Cashster09

[jlhaslip]

margin: 0 auto woud work as well.

change the 0 to another number for top and bottom margins if you want to.

[Guest Cashster09]

Ok, finished the coupon page

www.webdrycleaners.com/onlinecoupons.html

 

ON IE the printed page covers one page but it still prints 2pages with the second one being blank....On FF there is one line that extends to the second page so thats why it prints out 2 pages.

 

but i just need to make sure i can print one page if the info is only covered on one page.

 

In my print.css i have my div #main as the only thing to print....with the credit card stuff at the bottom having display: none for the code...

 

I hope im not too confusing...

thanks

Edited April 21, 2009 by Cashster09

[newseed]

You will need to set every instances within that #main div to display: none. Just hiding the div alone doesn't cut it.

 

You don't need the form and so you should hide it. You don't need the instructions to that form and so you should hide it.

 

Use 'display: none' to hide everything that appears. If you want to just have the coupon image to appear only, then you would just use one css to make it work:

 

#main img {display: block;}

 

Everything else you hide.

Edited April 21, 2009 by newseed

[Guest Cashster09]

I just added #main img display block and it did nothing in ie 7.....so confused