Results 1 to 3 of 3

Thread: Google Map Selector

  1. #1
    Join Date
    Feb 2011
    Posts
    15
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default Google Map Selector

    1) Script Title: Google Map Selector

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...apselector.htm

    3) Describe problem: How to change the position of the arrow! I have modified the css so that the address column is to the right and map to the left but the arrow is pointing to the right instead of pointing left to the map..any help....do I need to modify the js file have looked but cant find any reference to the arrow am I missing somthinfg in the css

  2. #2
    Join Date
    Aug 2004
    Posts
    9,878
    Thanks
    3
    Thanked 962 Times in 951 Posts
    Blog Entries
    15

    Default

    Try replacing the original selected:after CSS rule inside the .css file with the below version instead:

    Code:
    #addrcolumn ul.location li.selected:after{ /*add arrow after selected LI*/
    position:absolute;
    content:'';
    border-color:transparent #DFDFDF transparent transparent;
    left:-30px;
    top:0;
    border-style: solid;
    border-width: 15px; /*adjust this property to change height of arrow*/
    }
    DD Admin

  3. #3
    Join Date
    Feb 2011
    Posts
    15
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Thank you for this I will give this a try not in front of Work PC at the moment will let you know ...

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •