Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    New Coder
    Join Date
    Jan 2010
    Posts
    33
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Question help with a sidebar Please

    hello codingforums & members my site http://casalibrepr.com need a sidebar with three buttons that can link it to the facebook fan page,tripadvisor and my email.
    i would like them on the Right of the site and and centered always even when scrolling....
    Please help
    here are the buttons:

    Thankx coderz...
    -daveedking-
    Last edited by daveedking; 05-07-2010 at 06:10 PM.

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by daveedking View Post
    hello codingforums & members my site http://casalibrepr.com need a sidebar with three buttons that can link it to the facebook fan page,tripadvisor and my email.
    i would like them on the left of the site and and centered always even when scrolling....
    Please help
    here are the buttons:

    Thankx coderz...
    -daveedking-
    Surely you wouldn't expect this for free.

    How much are you paying for this work? I accept Paypal.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #3
    New Coder
    Join Date
    Jan 2010
    Posts
    33
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Rowsdower! View Post
    Surely you wouldn't expect this for free.

    How much are you paying for this work? I accept Paypal.
    are u kidding me... u soliciting on a forum... shame on U Rowsdower !!

  • #4
    New Coder
    Join Date
    May 2009
    Posts
    74
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Try replacing your home page code with the one below:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>casalibrepr.com</title>
    <link rel="shortcut icon"
    href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    * { margin: 0 auto;}
    html, body {height: 100%;overflow: auto;}
    .notscroll {position: fixed;right: 50%;top: 240px;margin: 0 -430px 0 0;}
    * html .notscroll { position: absolute;}
    </style>
    <title>casalibrepr.com</title>
    <link rel="shortcut icon"
    href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <script language="JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.0
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && document.getElementById) x=document.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }

    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    //-->
    </script>
    </head><body leftmargin="0" topmargin="0"
    onload="MM_preloadImages('images/goto_03.jpg','images/goto_06.jpg','images/goto_08.jpg','images/goto_09.jpg','images/goto_10.jpg','images/goto_11.jpg','images/goto_12.jpg')"
    bgcolor="#cccc66" marginheight="0" marginwidth="0">
    <p><!-- ImageReady Slices (default.psd) --></p>
    <table style="height: 482px;" id="Table_01" align="center" border="0"
    cellpadding="0" cellspacing="0" width="753">
    <!--DWLayoutTable-->
    <tbody>
    <tr>
    <td colspan="3" height="118"><img
    src="images/default_01.jpg" width="750" height="118"></td>
    </tr>
    <tr>
    <td colspan="3" height="20"><img
    src="images/default_02.jpg" width="750" height="20"></td>
    </tr>
    <tr>
    <td width="190" height="46"><a
    href="http://casalibrepr.com/welcome.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Welcome','','images/goto_03.jpg',1)"><img
    name="Welcome" src="images/default_03.jpg" border="0"
    width="190" height="46"></a></td>
    <td width="371"><img src="images/default_04.jpg"
    width="371" height="46"></td>
    <td rowspan="7" width="192"><img
    src="images/default_05.jpg" width="189" height="344"></td>
    </tr>
    <tr>
    <td height="31"><a href="http://casalibrepr.com/getting_here.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Directions','','images/goto_06.jpg',1)"><img
    name="Directions" src="images/default_06.jpg" border="0"
    width="190" height="31"></a></td>
    <td rowspan="6"><img src="images/default_07.jpg"
    width="371" height="298"></td>
    </tr>
    <tr>
    <td height="28"><a href="http://casalibrepr.com/rooms.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Rooms','','images/goto_08.jpg',1)"><img
    name="Rooms" src="images/default_08.jpg" border="0"
    width="190" height="28"></a></td>
    </tr>
    <tr>
    <td height="47"><a
    href="http://escape.topuertorico.com/tour/regions.shtml"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Attractions','','images/goto_09.jpg',1)"><img
    name="Attractions" src="images/default_09.jpg"
    border="0" width="190" height="47"></a></td>
    </tr>
    <tr>
    <td height="29"><a
    href="http://picasaweb.google.com/CasaLibrePR/CasaLibre#"
    onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Puerto
    Rico','','images/goto_10.jpg',1)"><img name="Puerto Rico"
    src="images/default_10.jpg" border="0" width="190"
    height="29"></a></td>
    </tr>
    <tr>
    <td height="30"><a href="#" onMouseOut="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Contact','','images/goto_11.jpg',1)"><img
    name="Contact" src="images/default_11.jpg"
    onmousedown="MM_openBrWindow('contact.html','Contact','width=350,height=375')"
    border="0" width="190" height="30"></a></td>
    </tr>
    <tr>
    <td height="133"><a href="http://casalibrepr.com/default.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Home','','images/goto_12.jpg',1)"><img
    name="Home" src="images/default_12.jpg" border="0"
    width="190" height="133"></a></td>
    </tr>
    <tr align="center" valign="middle">
    <td colspan="3" bgcolor="#0033cc" height="18">
    <div align="center"><span style="font-family:
    Arial,Helvetica,sans-serif;"><strong><span style="color: rgb(255, 255,
    255);">Casa
    Libre Puerto Rico --- A Carribean Bed and Breakfast</span></strong></span></div>
    </td>
    </tr>
    <tr align="center" valign="bottom">
    <td colspan="3" valign="top" height="68">
    <p><br> <strong><em><span style="font-family:
    Arial,Helvetica,sans-serif;">AMENITIES: </span></em></strong><span
    style="font-size: xx-small;"><em><strong><span style="font-family:
    Arial,Helvetica,sans-serif;">3 SUITES - PRIVATE BATHS - AIRCONDITIONING -
    POOL - COMPLIMENTARY BREAKFAST<br> CABLE - INTERNET - DVD/VHS LIBRARY -
    BOOK LIBRARY - SIGHTSEEING TOURS </span></strong></em></span><br> <span
    style="color: rgb(255, 0, 0); font-size: xx-small;"><strong><span
    style="font-family: Arial,Helvetica,sans-serif;"><br> NO PASSPORT
    REQUIRED TO TRAVEL FROM THE UNITED STATES </span></strong></span></p>
    </td>
    </tr>
    <tr align="center" valign="bottom">
    <td colspan="3" bgcolor="#0033cc" valign="top" height="18"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr align="center" valign="bottom">
    <td colspan="3" valign="top" height="18">
    <div align="center"><span style="font-family:
    Arial,Helvetica,sans-serif;"><a
    href="http://casalibrepr.com/welcome.html"><span style="font-size:
    x-small;">Welcome</span></a><span style="font-size: x-small;"> l <a
    href="http://casalibrepr.com/getting_here.html">Getting Here</a> l <a
    href="http://casalibrepr.com/rooms.html">Rooms</a> l <a
    href="http://escape.topuertorico.com/tour/regions.shtml">Nearby
    Attractions</a> l <a href="http://welcome.topuertorico.org/index.shtml">Puerto
    Rico</a> l Telephone:<span style="font-family: Helvetica;">787.874.6414
    or 787.412.8656 en espanol</span>&nbsp;I Copyright 2006</span></span></div>
    </td>
    </tr>
    </tbody>
    </table>
    <p><!-- End ImageReady Slices --></p>
    <div class="notscroll"><img src="images/3_con_final.png" border="0" usemap="#Map">
    <map name="Map" id="Map">
    <area shape="rect" coords="3,2,33,33" href="http://facebook.com" target="_blank" />
    <area shape="rect" coords="3,44,33,76" href="http://www.tripadvisor.com" target="_blank" />
    <area shape="rect" coords="4,87,36,123" href="mailto:daveedking@casalibrepr.com" target="_blank" />
    </map></div>
    </body></html>

    Not sure but just try. Also make sure there is an image with 3_con_final.png file name in the images folder with 59px width and 164px height.

    Regards
    Last edited by frankle; 05-08-2010 at 07:30 AM.

  • #5
    New Coder
    Join Date
    Jan 2010
    Posts
    33
    Thanks
    4
    Thanked 0 Times in 0 Posts
    thanks frankle but the code didn't work..

    <div class="notscroll"><img src="images/3_con_final.png" border="0" usemap="#Map">
    <map name="Map" id="Map">
    <area shape="rect" coords="3,2,33,33" href="http://facebook.com" target="_blank" />
    <area shape="rect" coords="3,44,33,76" href="http://www.tripadvisor.com" target="_blank" />
    <area shape="rect" coords="4,87,36,123" href="mailto:daveedking@casalibrepr.com" target="_blank" />
    </map></div>
    my 3_con image wont stay stuck to the right side of the page by the scroll bar ; (
    any ideas ??
    thanks a million...
    -daveedking-
    Last edited by daveedking; 05-08-2010 at 06:08 PM.

  • #6
    New Coder
    Join Date
    May 2009
    Posts
    74
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Make changes with the code i send and try uploading it somewhere and send the link i will check what is wrong.

    Regards.

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    frankle

    Try this here.

    Frank
    Last edited by effpeetee; 05-10-2010 at 08:12 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    New Coder
    Join Date
    May 2009
    Posts
    74
    Thanks
    0
    Thanked 7 Times in 7 Posts
    I can see its working fine.

    Regards.

  • #9
    New Coder
    Join Date
    Jan 2010
    Posts
    33
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by frankle View Post
    I can see its working fine.

    Regards.
    thanks a million [ons B]frankle[/B] but as u can see on your pic of the html the icons are not flush to the right of the scroll bar.

    thanks for your time... i still need these icons to stick to the scrollbar...
    -daveedking-

  • #10
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by daveedking View Post
    are u kidding me... u soliciting on a forum... shame on U Rowsdower !!
    I guess you missed my point it so I'll spell it out for you.

    What I am suggesting not-so-tenderly is that you make an effort to learn and do these tasks yourself. The forum is not intended to be your free script generator and you are taking advantage of the generosity of other forum members when you treat it like one. You are supposed to ask educated questions and get guided answers that help you learn to code things for yourself.

    Your threads used to at least include some code that you have tried, but this one is a full step into "gimme gimme" territory, which I don't personally appreciate. You never seem to have made a solid effort to actually learn but it looks like you aren't even pretending anymore. So, really, the whole point of my post was "Shame on you!"
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #11
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    the icons are not flush to the right of the scroll
    Try it now.

    Code:
    .notscroll {position:absolute;
    top:30%;
    right:-1%;
    }
    Frank

    By the way, it is not a picture. It is a web page on my site. (view source.) I shall remove it when this post is finished.
    Last edited by effpeetee; 05-10-2010 at 05:21 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    daveedking (05-10-2010)

  • #12
    New Coder
    Join Date
    Jan 2010
    Posts
    33
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Thumbs up

    Quote Originally Posted by effpeetee View Post
    Try it now.

    Code:
    .notscroll {position:absolute;
    top:30%;
    right:-1%;
    }
    Frank

    By the way, it is not a picture. It is a web page on my site. (view source.) I shall remove it when this post is finished.
    thanx effpeetee this thread is [RESOLVED]
    Edit: Question>? why did the new side bar make my guest photos hover effects stop>? check it out in your html same problem...
    Last edited by daveedking; 05-10-2010 at 10:00 PM.

  • #13
    New Coder
    Join Date
    May 2009
    Posts
    74
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Try replacing with the code below:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <base href="http://casalibrepr.com/" >
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>casalibrepr.com</title>
    <link rel="shortcut icon"
    href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    * { margin: 0 auto;}
    html, body {height: 100%; overflow:auto;}
    .notscroll {position:absolute;top:30%;right:0px;}
    * html .notscroll { position: absolute;}
    </style>
    <title>casalibrepr.com</title>
    <link rel="shortcut icon"
    href="http://casalibrepr.com/images/favicon.ico" type="image/x-icon">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <script language="JavaScript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>

    </head><body leftmargin="0" topmargin="0"
    onload="MM_preloadImages('images/goto_03.jpg','images/goto_06.jpg','images/goto_08.jpg','images/goto_09.jpg','images/goto_10.jpg','images/goto_11.jpg','images/goto_12.jpg')"
    bgcolor="#cccc66" marginheight="0" marginwidth="0">
    <p><!-- ImageReady Slices (default.psd) --></p>
    <table style="height: 482px;" id="Table_01" align="center" border="0"
    cellpadding="0" cellspacing="0" width="753">
    <!--DWLayoutTable-->
    <tbody>
    <tr>
    <td colspan="3" height="118"><img
    src="images/default_01.jpg" width="750" height="118"></td>
    </tr>
    <tr>
    <td colspan="3" height="20"><img
    src="images/default_02.jpg" width="750" height="20"></td>
    </tr>
    <tr>
    <td width="190" height="46"><a
    href="http://casalibrepr.com/welcome.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Welcome','','images/goto_03.jpg',1)"><img
    name="Welcome" src="images/default_03.jpg" border="0"
    width="190" height="46"></a></td>
    <td width="371"><img src="images/default_04.jpg"
    width="371" height="46"></td>
    <td rowspan="7" width="192"><img
    src="images/default_05.jpg" width="189" height="344"></td>
    </tr>

    <tr>

    <td height="31"><a href="http://casalibrepr.com/getting_here.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Directions','','images/goto_06.jpg',1)"><img
    name="Directions" src="images/default_06.jpg" border="0"
    width="190" height="31"></a></td>
    <td rowspan="6"><img src="images/default_07.jpg"
    width="371" height="298"></td>
    </tr>
    <tr>
    <td height="28"><a href="http://casalibrepr.com/rooms.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Rooms','','images/goto_08.jpg',1)"><img
    name="Rooms" src="images/default_08.jpg" border="0"
    width="190" height="28"></a></td>
    </tr>
    <tr>
    <td height="47"><a
    href="http://escape.topuertorico.com/tour/regions.shtml"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Attractions','','images/goto_09.jpg',1)"><img
    name="Attractions" src="images/default_09.jpg"
    border="0" width="190" height="47"></a></td>
    </tr>
    <tr>
    <td height="29"><a href="http://picasaweb.google.com/CasaLibrePR/CasaLibre#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/goto_10.jpg',1)"><img src="images/default_10.jpg" name="Image13" width="190" height="29" border="0" id="Image13" /></a><a
    href="http://picasaweb.google.com/CasaLibrePR/CasaLibre"
    onmouseout="MM_swapImgRestore()" onMouseOver="MM_swapImage('Puerto
    Rico','','images/goto_10.jpg',1)"></a></td>
    </tr>
    <tr>
    <td height="30"><a href="#" onMouseOut="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Contact','','images/goto_11.jpg',1)"><img
    name="Contact" src="images/default_11.jpg"
    onmousedown="MM_openBrWindow('contact.html','Contact','width=350,height=375')"
    border="0" width="190" height="30"></a></td>
    </tr>

    <tr>
    <td height="133"><a href="http://casalibrepr.com/default.html"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('Home','','images/goto_12.jpg',1)"><img
    name="Home" src="images/default_12.jpg" border="0"
    width="190" height="133"></a></td>

    </tr>
    <tr align="center" valign="middle">
    <td colspan="3" bgcolor="#0033cc" height="18">
    <div align="center"><span style="font-family:
    Arial,Helvetica,sans-serif;"><strong><span style="color: rgb(255, 255,
    255);">Casa
    Libre Puerto Rico --- A Carribean Bed and Breakfast</span></strong></span></div>
    </td>
    </tr>
    <tr align="center" valign="bottom">
    <td colspan="3" valign="top" height="68">
    <p><br> <strong><em><span style="font-family:
    Arial,Helvetica,sans-serif;">AMENITIES: </span></em></strong><span
    style="font-size: xx-small;"><em><strong><span style="font-family:
    Arial,Helvetica,sans-serif;">3 SUITES - PRIVATE BATHS - AIRCONDITIONING -
    POOL - COMPLIMENTARY BREAKFAST<br> CABLE - INTERNET - DVD/VHS LIBRARY -
    BOOK LIBRARY - SIGHTSEEING TOURS </span></strong></em></span><br> <span
    style="color: rgb(255, 0, 0); font-size: xx-small;"><strong><span
    style="font-family: Arial,Helvetica,sans-serif;"><br> NO PASSPORT
    REQUIRED TO TRAVEL FROM THE UNITED STATES </span></strong></span></p>

    </td>
    </tr>
    <tr align="center" valign="bottom">
    <td colspan="3" bgcolor="#0033cc" valign="top" height="18"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr align="center" valign="bottom">
    <td colspan="3" valign="top" height="18">
    <div align="center"><span style="font-family:
    Arial,Helvetica,sans-serif;"><a
    href="http://casalibrepr.com/welcome.html"><span style="font-size:
    x-small;">Welcome</span></a><span style="font-size: x-small;"> l <a
    href="http://casalibrepr.com/getting_here.html">Getting Here</a> l <a
    href="http://casalibrepr.com/rooms.html">Rooms</a> l <a
    href="http://escape.topuertorico.com/tour/regions.shtml">Nearby
    Attractions</a> l <a href="http://welcome.topuertorico.org/index.shtml">Puerto
    Rico</a> l Telephone:<span style="font-family: Helvetica;">787.874.6414
    or 787.412.8656 en espanol</span>&nbsp;I Copyright 2006</span></span></div>

    </td>
    </tr>
    </tbody>
    </table>
    <p><!-- End ImageReady Slices --></p>
    <div class="notscroll"><img src="images/3_con_final.png" border="0" usemap="#Map">
    <map name="Map" id="Map">
    <area shape="rect" coords="12,17,44,51" href="http://www.facebook.com/#!/group.php?gid=6823881542" target="_blank" alt="Facebook" />
    <area shape="rect" coords="14,60,44,92" href="http://www.tripadvisor.com/Hotel_Review-g1207322-d1379548-Reviews-Casa_Libre_Puerto_Rico-Naguabo_Puerto_Rico.html" target="_blank" alt="Tripadvisor" />
    <area shape="rect" coords="12,101,44,137" href="http://casalibrepr.com/contact.html" target="_blank" alt="Contact" />
    </map></div>
    </body></html>


    Regards.

  • #14
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    frankle.

    I have moved this code to my site here.

    Frank
    Last edited by effpeetee; 05-11-2010 at 12:34 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #15
    New Coder
    Join Date
    Jan 2010
    Posts
    33
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Thumbs up

    Quote Originally Posted by effpeetee View Post
    frankle.

    I have moved this code to my site here.

    Frank
    hey thanks effpeetee/frankle my hover effects work again. [RESOLVED]
    would u explain why the previous code disabled my hover effect over guest photos :O)
    -daveed-
    Last edited by daveedking; 05-11-2010 at 02:30 PM.


  •  

    Posting Permissions

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