emlynrg
asked on
Display issues with trip advisor widget
Hi Experts
Someone has asked to to add a Trip Advisor widget to a website that i designed for them and i'm having trouble getting it to position without altering the current layout of the website.
The website address is www.ty-parc.com.
I want to position the widget on the left hand side of the page. i have tried numerous different settings to get it to position correctly but i just seems to keep pushing everything down beneath it. i want to keep the content positioned in the center and have the widget positioned to left.
Here is the code for the widget:
<div id="CDSWIDWRM" style="margin:0; padding:0; width:240px; border:none; background-color:#589442; overflow:hidden; height:auto;">
<div style="margin:3px; padding:7px 7px 10px; border:none; background-color:#fff;">
<div style="margin:6px 0 10px; padding:0 0 10px; overflow:hidden; border-bottom:1px solid #d1dfb8; border-top:none; border-left:none; border-right:none; text-align:left;">
<a target="_blank" style="border:none; background:transparent;" href="http://www.tripadvisor.co.uk"><script type="text/javascript" src="http://www.jscache.com/weimg?itype=img2/branding/identity125x20-12096-2.gif&lang=en_UK"></script></a>
</div>
<div style="margin:0; padding:0; border:none; font:bold 12px Verdana,Arial,Tahoma,'Bits tream Vera Sans',sans-serif; color:#2c2c2c; text-align:left; line-height:normal; letter-spacing:0">
Review <a target="_blank" style="margin:0;padding:0; border:non e;backgrou nd:transpa rent;text- decoration :none;outl ine:none;f ont-weight :bold;font -size:12px ;font-fami ly:Verdana ;color:#2c 2c2c;text- align:left ;line-heig ht:normal; letter-spa cing:0" onmouseover="this.style.te xtDecorati on='underl ine'" onmouseout="this.style.tex tDecoratio n='none'" href="http://www.tripadvisor.co.uk/Hotel_Review-g316011-d2197644-Reviews-Ty_Parc_Guesthouse-Cardigan_Ceredigion_Wales.html">Ty-Parc Guesthouse</a>
</div>
<div style="margin:12px 0 0 0; padding:2px 10px; border:1px solid #d67b00; background-color:#d67b00; white-space:nowrap; cursor:pointer; text-align:center; float:left;">
<a target="_blank" href="http://www.tripadvisor.co.uk/UserReview-g316011-d2197644-m12096-Ty_Parc_Guesthouse-Cardigan_Ceredigion_Wales.html" style="margin:0; padding:0; border:none; background:transparent; text-decoration:none; outline:none; font: bold 12px Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#fff; letter-spacing:0; vertical-align:middle;">Wr ite Review</a> </div>
<br/><br/>
</div>
<div style="padding:0 14px 3px; background-color:#589442; text-align:right;">
<span style="font: italic 11px Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#fff; letter-spacing:0;">powered by TripAdvisor</span> </div>
</div>
style.css
Someone has asked to to add a Trip Advisor widget to a website that i designed for them and i'm having trouble getting it to position without altering the current layout of the website.
The website address is www.ty-parc.com.
I want to position the widget on the left hand side of the page. i have tried numerous different settings to get it to position correctly but i just seems to keep pushing everything down beneath it. i want to keep the content positioned in the center and have the widget positioned to left.
Here is the code for the widget:
<div id="CDSWIDWRM" style="margin:0; padding:0; width:240px; border:none; background-color:#589442; overflow:hidden; height:auto;">
<div style="margin:3px; padding:7px 7px 10px; border:none; background-color:#fff;">
<div style="margin:6px 0 10px; padding:0 0 10px; overflow:hidden; border-bottom:1px solid #d1dfb8; border-top:none; border-left:none; border-right:none; text-align:left;">
<a target="_blank" style="border:none; background:transparent;" href="http://www.tripadvisor.co.uk"><script type="text/javascript" src="http://www.jscache.com/weimg?itype=img2/branding/identity125x20-12096-2.gif&lang=en_UK"></script></a>
</div>
<div style="margin:0; padding:0; border:none; font:bold 12px Verdana,Arial,Tahoma,'Bits
Review <a target="_blank" style="margin:0;padding:0;
</div>
<div style="margin:12px 0 0 0; padding:2px 10px; border:1px solid #d67b00; background-color:#d67b00; white-space:nowrap; cursor:pointer; text-align:center; float:left;">
<a target="_blank" href="http://www.tripadvisor.co.uk/UserReview-g316011-d2197644-m12096-Ty_Parc_Guesthouse-Cardigan_Ceredigion_Wales.html" style="margin:0; padding:0; border:none; background:transparent; text-decoration:none; outline:none; font: bold 12px Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#fff; letter-spacing:0; vertical-align:middle;">Wr
<br/><br/>
</div>
<div style="padding:0 14px 3px; background-color:#589442; text-align:right;">
<span style="font: italic 11px Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#fff; letter-spacing:0;">powered
</div>
style.css
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Perfect as usual, thanks experts.
ASKER
Thanks for the advice, it worked a treat, i knew it would be something simple.
Thanks again
emlynrg