Jump to content


Photo
- - - - -

Drop Down Menu's Arrows for RTL

RTL arrows menu

  • Please log in to reply
2 replies to this topic

#1 Sourena

Sourena

    Advocate

  • Members

  • 563 posts
  • LocationWilliamstown, MA
  • Framework Version:2.4.1
  • Country: Country Flag

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 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 06 June 2013 - 12:45 PM

Hi Sourena 

 

Do you have a link to your site? 



#3 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

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;
}






Also tagged with one or more of these keywords: RTL, arrows, menu