Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-21-2010, 07:54 PM   PM User | #1
Snitz
Regular Coder

 
Join Date: Jul 2004
Location: Lebanon
Posts: 223
Thanks: 6
Thanked 0 Times in 0 Posts
Snitz is an unknown quantity at this point
Chrome Bug

Hello everyone,

I have a minor css bug on chrome that is driving me crazy!

Website url: http://www.icarwakim.com/demo/

If you look at the top, you'll notice 2 flags. Viewed on firefox or IE, the flags will horizontally align with the facebook button and search field. However on Chrome, it will align to the top, or maybe its adding some sort of padding-bottom that I can't find.

I am using firebug.

Any advise?
Thank you in advance.
Snitz is offline   Reply With Quote
Old 03-21-2010, 08:00 PM   PM User | #2
djm0219
Senior Coder

 
djm0219's Avatar
 
Join Date: Aug 2003
Location: Wake Forest, North Carolina
Posts: 1,227
Thanks: 2
Thanked 189 Times in 187 Posts
djm0219 is on a distinguished road
What happens when you correct the 154 validation errors and 4 warnings as well as the 123 CSS errors?
__________________
Dave .... HostMonster for all of your hosting needs
djm0219 is offline   Reply With Quote
Old 03-21-2010, 08:04 PM   PM User | #3
Snitz
Regular Coder

 
Join Date: Jul 2004
Location: Lebanon
Posts: 223
Thanks: 6
Thanked 0 Times in 0 Posts
Snitz is an unknown quantity at this point
Quote:
Originally Posted by djm0219 View Post
What happens when you correct the 154 validation errors and 4 warnings as well as the 123 CSS errors?
I can see now that the website is not opening properly on IE. but on firefox and chrome it's good.

EDIT: it's not working properly on IE. I have no clue why

Last edited by Snitz; 03-21-2010 at 08:39 PM..
Snitz is offline   Reply With Quote
Old 03-21-2010, 09:29 PM   PM User | #4
Snitz
Regular Coder

 
Join Date: Jul 2004
Location: Lebanon
Posts: 223
Thanks: 6
Thanked 0 Times in 0 Posts
Snitz is an unknown quantity at this point
The menu on IE behaves weirdly. on the main page it doesn't show the css styling, on other pages it works perfectly and on other pages, it shows but it doesn't display the sub-categories.

Any advise?
Snitz is offline   Reply With Quote
Old 03-22-2010, 04:53 AM   PM User | #5
Nightfire
Senior Coder

 
Nightfire's Avatar
 
Join Date: Jun 2002
Posts: 4,266
Thanks: 6
Thanked 48 Times in 48 Posts
Nightfire is on a distinguished road
http://validator.w3.org/check?verbos....com%2Fdemo%2F sort them errors out, that'll help, as already mentioned
__________________
Blue Panda
Website Design | 1 Pound Ads | 'ow much? | Coding Geeks
Nightfire is offline   Reply With Quote
Old 03-22-2010, 07:17 AM   PM User | #6
Snitz
Regular Coder

 
Join Date: Jul 2004
Location: Lebanon
Posts: 223
Thanks: 6
Thanked 0 Times in 0 Posts
Snitz is an unknown quantity at this point
I am using Joomla 1.5 platform with Ja_Teline_iii as a template.
This is the original demo of the template: http://templates.joomlart.com/ja_teline_iii/
If you validate that url, you'll get the same errors you're getting on my page. I don't think this is the problem here.
Snitz is offline   Reply With Quote
Old 03-22-2010, 01:21 PM   PM User | #7
drhowarddrfine
Senior Coder

 
Join Date: Oct 2005
Posts: 1,340
Thanks: 0
Thanked 61 Times in 60 Posts
drhowarddrfine can only hope to improve
Why we won't help you.
drhowarddrfine is offline   Reply With Quote
Old 03-22-2010, 01:27 PM   PM User | #8
Snitz
Regular Coder

 
Join Date: Jul 2004
Location: Lebanon
Posts: 223
Thanks: 6
Thanked 0 Times in 0 Posts
Snitz is an unknown quantity at this point
Quote:
The validator will spit out dozens or even hundreds of errors on your page, and finding the one that is actually causing your problem will be like finding a needle in a haystack.
I KNOW!!!!
The validator is giving me 1000 errors and it's giving the same errors on the original template demo page.

Anyway, thanks for the link.
Snitz is offline   Reply With Quote
Old 03-22-2010, 04:21 PM   PM User | #9
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,600
Thanks: 5
Thanked 865 Times in 842 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
So – why don’t you start sorting the errors out at the top of the list and work through all the way to the bottom then? That something is published on the internet doesn’t mean that it’s all impeccably perfect. So, in this case the author of the theme has done a bad job at that (or simply overseen something simple).

I see that the first 50 or so errors come from imporperly used quote characters inside a title attribute value. You can fix them the easy way by using typographically correct quotation marks (“”) or not using any quotes at all. If you have the control over the input then you can also convert them to their respective HTML entities: “ and ”.

If you know PHP then you can make the input of straight quotes to be automatically converted to these entities or escape special characters. Lastly, you could scrap these titles at all to avoid issues.

The rest are relatively simple errors like unclosed elements or unencoded ampersands (&) or wrongly nested elements like div inside p, etc.
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Reply

Bookmarks

Tags
bug, chrome, padding

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 04:39 AM.


Advertisement
Log in to turn off these ads.