Border around radio buttons and tick boxes

Hi,

Does anyone know why all my radio buttons and tick boxes have a border? This is only seen in IE7. Thanks.

It would help if we could see your site. I'm getting a 403 forbidden error.

Hi,

Please try again. The error has been fixed. Thanks.

I can see the site now, but it breaks horribly in firefox, and the link to the login page doesn't work in IE (drops the "www" off the site name).

I'd work out those kinks before worrying about layout stuff (plus I can't test the CSS if I can't get at it with my firefox tools).

Hi,

I have been trying to renew the SSL certificate...still in progress as I have a few issues with the provider. The login page works as long as you use http instead of https. What do you mean by my site breaks horribly in firefox? It looks fine in my firefox. Please explain. Thank you.

ok i see what you mean once i refreshed my browser. i have contacted my hosting company about this. do you know why this happens. it was fine before...

I'm not sure. Has anything else changed recently other than the SSL certificate?

I have tracked down every possible modification. However it doesn't make sense that all my other non-ZenCart-related modules/systems are affected as well. Please have a look at the following thread. Perhaps you might be able to help too. Thanks.

http://www.zen-cart.com/forum/showthread.php?p=383818&posted=1#post383818

If non-Zen Cart sections of your site are having the same problem, then it's a site-level or perhaps server-level issue. At the site level..

• Check your website settings in Apache, or whatever interface your host provides
• Check your site-wide CSS files
• Check any htaccess files you are using
  If those check out then it might be a server-level problem, in which case you need to get on the phone and start raising some ruckus. Are you hosted with a well-known host? Are they reputable?

edit: Like DrByte said in the linked thread, it's probably a server issue, which is your host's responsibility.

Hi,

My site is working fine now. Can you please help me solve the following problem which is the original question of this thread.

Why all my radio buttons and tick boxes have a border? This is only seen in IE7.

Thanks.

Open your CSS file includes/templates/ZC03C8447TM/stylesheet.css...

INPUT{
  [B]border: 1px solid #808080;[/B]
  background: #FFFFFF;
  color: #9B9B9B;
}

Take out that border definition I highlighted.

Your purchased template is not playing nice with your version of ZenCart. Since you have firefox, make sure you get the firebug and Web Developer add-ons. Visit your site with both turned on and notice that the main page has some thirteen errors and several hundred warnings.

Templates for sale are, unfortunately, almost always a couple of versions behind the current version and muck more things up than they fix.

Open your CSS file includes/templates/ZC03C8447TM/stylesheet.css...
Code:

INPUT{
border: 1px solid #808080;
background: #FFFFFF;
color: #9B9B9B;
}

Take out that border definition I highlighted.

I don't think I can do that as all the fields in forms will be come borderless as well. Any other suggestion?

Visit your site with both turned on and notice that the main page has some thirteen errors and several hundred warnings.

This sounds serious. Can you please PM me these errors and warnings? Also, how did you use Firebug and Web Developer to find out these problems? Thanks guys.

Your buttons are so buried in the template you purchased that you will need major surgery to do anything about them.
for example, the add to cart button IS in a dive but it is inside a td that is this far down the list.> div #productGeneral .centerColumn

form

table

tbody

tr

td

table

tbody

tr

td
Hate to say it, but that template will cost you BIG TIME before it will EVER work like you want it to.

As far as seeing the problems, you can alos add HTML Validator from here.

dealbyethan.com:

I don't think I can do that as all the fields in forms will be come borderless as well. Any other suggestion?
Input text boxes will have a border without an explicit CSS define. However if, instead of completely removing the border attribute, you instead did this...

border: 0px solid #808080;

Then you might see something weird. Give it a shot, you can always change it back.

This sounds serious. Can you please PM me these errors and warnings? Also, how did you use Firebug and Web Developer to find out these problems? Thanks guys.
I'm seeing the warnings, but none of the errors that dbltoe mentioned. Perhaps I'm just looking at the wrong page. Regardless, HTML warnings are very common. The validators that give these errors are using a very strict definition of proper HTML; they don't "allow" older practices. For example, here's two of the the most frequent warnings I found on your homepage...

line 33 column 109 - Warning: <br> element not empty or not closed
line 34 column 80 - Warning: <img> element not empty or not closed

The problem here? There's no forward slash "/" before the tag closes ">". That's part of the most recent HTML standards revisions, but will work perfectly fine in any browser. It'll be some time before you'll degradation because of issues like these.

Assuming that the border is the only issue you have with your template, and the solution I suggested works as described, you should be good to go. dbltoe has a point in that you want to minimize the number of warnings (and eliminate errors) that your pages generate, but that shouldn't stop you from launching your site (which does look very slick otherwise, btw :thumbsup: ).

Open your CSS file includes/templates/ZC03C8447TM/stylesheet.css...
Code:

INPUT{
border: 1px solid #808080;
background: #FFFFFF;
color: #9B9B9B;
}

Take out that border definition I highlighted.

This did the trick. Thank you so much :)