PDA

View Full Version : Google Map Selector



SillyoldDuffer
02-26-2011, 01:10 AM
1) Script Title: Google Map Selector

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/googlemapselector.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

ddadmin
03-02-2011, 07:42 AM
Try replacing the original selected:after CSS rule inside the .css file with the below version instead:


#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*/
}

SillyoldDuffer
03-02-2011, 08:08 PM
Thank you for this I will give this a try not in front of Work PC at the moment will let you know ...