Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthoriceq
    • CommentTimeMar 23rd 2009 edited
     permalink
    Hey to you all. First, thank you for having the will to read my topic. In fact I tried very hard to solve the problem myself but couldnt. No body of those I asked for help could solve it either. You are my last hope! I'll try to make it as short and clear aspossible.

    To begin, ill tell U what am talking about:

    Website: www.3areda.com - Wordpress 2.7.1 powered
    Language:Arabic (right to left)
    theme:Pride by WPDesigner (http://www.wpdesigner.com/2007/06/07/pride-wordpress-theme)

    The problem is not with firefox, nor with IE 8. I see it with IE7 and Maxthon browser (which seems to be IE7 based)

    It is that there are kind of "breaks" in the theme's images or style. Please see the following screenshots to understand what I am saying (in case you dont have IE7 and FF, because its better if you view the website directly from your browser) :

    http://img7.imageshack.us/img7/8199/ffie.jpg

    http://img7.imageshack.us/img7/7919/ffie2.jpg

    Also, I have this related problem with google ads, explained in this screenshot :

    http://img7.imageshack.us/img7/2673/float.jpg

    Now, the theme is originally in English and was localized from English into Arabic (right to left) by some guy, including localizing the CSS. Usually, directions of the theme are switched (left to right), paddings (to match the directions), and alignments as well.

    I made some changes to the original theme apart from localization, like font types, sizes, colors, etc. But the problem is in the CSS Not in the other files of the theme. I made sure of that by applying the original English CSS of the theme to my website, and the problem disappeared. But I need the localized CSS, and so I need to solve this problem.

    I compared the two CSSs using Beyond Compare Pro (which is great for comparison) and I found nothing that I recognized as faulty, but still the problem is caused by the CSS.

    Some guy suggested adding the following to the CSS, but it didnt help:
    * html iframe#google_ads_frame2 { left: 565px !important; }


    For your use, here are the CSSs

    Current localized CSS:
    http://paste-it.net/public/nbd1823

    Original English CSS:
    http://paste-it.net/public/f7b7dc0/

    You might also need the Firebug extension for Firefox for live css inspecting and editing, and Internet explorer Developer Toolbar for IE

    I wish somebody can help in this, and thanx in advance.
    • CommentAuthordavist11
    • CommentTimeMar 23rd 2009
     permalink
    Do you have the actual URL to the site?
    Thankful People: iceq
    • CommentAuthoriceq
    • CommentTimeMar 23rd 2009 edited
     permalink
    Hey Davist. thanx for showing interest !

    The url is posted at the beginning of the thread, but here it is again: www.3areda.com
    (unless I misunderstood what you meant by "actual url" :) )

    btw, I reviewd your website .. it is really amazing, and the websites you design are really unique too !
Add your comments
    Username Password
  • Format comments as (Help)