Jump to content


Photo
- - - - -

Drop Down Menu's Arrows for RTL

RTL arrows menu

This topic has been archived. This means that you cannot reply to this topic.
2 replies to this topic

#1 Sourena†

Sourena

    Advocate

  • DMS Subscriber†
  • 564 posts

Posted 06 June 2013 - 05:59 AM

I am working on a new updated and complete "rtl.css" for PageLines framework. One of my problems are the arrows on drop-down menus. The arrows are not HTML Codes. They are images, and they are fine for most languages but using images makes them impossible to use for RTL scripts (Arabic, Hebrew) since they point to the wrong direction (as you see in the attached screenshot).

 

I tried to replace some of them with new images but I could not fix one. You can see that in the screenshot. Please let me know if you have any suggestion to fix this.

Attached Files



#2 greenfly†

greenfly

    Advocate

  • DMS Subscriber†
  • 3268 posts

Posted 06 June 2013 - 12:45 PM

Hi Sourena 

 

Do you have a link to your site? 



#3 James B†

James B

    Advocate

  • DMS Subscriber†
  • 5126 posts

Posted 06 June 2013 - 07:20 PM

I don't think those ones are images, they're created in the css using borders. For example the top drop downs in the menu are made using

 

.caret {
    border-left4px solid transparent;
    border-right4px solid transparent;
    border-top4px solid rgba(0, 0, 0, 0.3);
    content"";
    displayinline-block;
    height0;
    vertical-aligntop;
    width0;
}