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
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
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
Last Comment
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Perfect as usual, thanks experts.
Web Development
Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.
78K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
ASKER
Thanks for the advice, it worked a treat, i knew it would be something simple.
Thanks again
emlynrg