Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Display issues with trip advisor widget

Posted on 2011-10-05
3
Medium Priority
?
3,812 Views
Last Modified: 2012-05-12
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,'Bitstream 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:none;background:transparent;text-decoration:none;outline:none;font-weight:bold;font-size:12px;font-family:Verdana;color:#2c2c2c;text-align:left;line-height:normal;letter-spacing:0" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='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;">Write 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
0
Comment
Question by:emlynrg
  • 2
3 Comments
 
LVL 22

Accepted Solution

by:
Kim Walker earned 2000 total points
ID: 36916663
You could add "position: absolute; left: 0; top: 0;" to your main trip advisor div.
0
 

Author Comment

by:emlynrg
ID: 36918394
Hi xmediaman

Thanks for the advice, it worked a treat, i knew it would be something simple.

Thanks again

emlynrg
0
 

Author Closing Comment

by:emlynrg
ID: 36918400
Perfect as usual, thanks experts.
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question