Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Horizontal Align TripAdvisor Widgets

Posted by: CJTSusie Apr 23 2018, 02:47 PM

I'm using GoDaddy Go Central to make a website. Trying to put multiple TripAdvisor widgets on the page in an HTML section, but they are stacking on top of each other. See the bottom of https://royalgorge.info/off-road-jeep-tours. Since the script is within a Go Central module with limited functionality, I'm not sure how to fix this. I am not web designer. Can someone please tell me what code to embed on this page to make the three widgets alight across that section? Following is all the code that's currently entered in this module. Thanks very much for any help you can offer. --Susie


<div class="center">

<div id="TA_certificateOfExcellence976" class="TA_certificateOfExcellence">
<ul id="nRysR6" class="TA_links Y2TwT23RTC">
<li id="RJMJQto70RIX" class="80xXLu9E">
<a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g33340-d4310995-Reviews-Colorado_Jeep_Tours-Canon_City_Colorado.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2017_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=976&locationId=4310995&lang=en_US&year=2017&display_version=2"></script>

<div id="TA_certificateOfExcellence392" class="TA_certificateOfExcellence">
<ul id="b6jAzvEk" class="TA_links t3oC7JX42o">
<li id="OY75ix" class="b0WS6qvItRQ6">
<a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g33340-d4310995-Reviews-Colorado_Jeep_Tours-Canon_City_Colorado.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2016_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=392&locationId=4310995&lang=en_US&year=2016&display_version=2"></script>

<div id="TA_certificateOfExcellence625" class="TA_certificateOfExcellence">
<ul id="P0l2YQ7" class="TA_links ZiHXOOs">
<li id="AIfIV87OGY" class="0RkAfHwrL">
<a target="_blank" href="https://www.tripadvisor.com/"><img src="https://www.tripadvisor.com/img/cdsi/img2/awards/CoE2016_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
</li>
</ul>
</div>
<script async src="https://www.jscache.com/wejs?wtype=certificateOfExcellence&uniq=625&locationId=4310995&lang=en_US&year=2015&display_version=2"></script>

</div>

Posted by: pandy Apr 24 2018, 02:22 AM

I don't know what Go Central is. I'm guessing some kind of online WYSIWYG editor?

I tried to look at the source of your page, but it's very confusing. It consists mainly of JavaScript, and lots of it. I don't think I like what Go Central is doing. sad.gif

The widgets seem to be in an iframe created by JavaScript. They are in DIVs. DIV is a block level element that would behave as you see they do, come one under the other, unless you do something to change that. I tried to float them left and make the space they live in wide enough for them to be side by side, but it didn't work. I did this in my browsers inspector. Maybe the actual JavaScript needs to be edited.


Posted by: CJTSusie Apr 24 2018, 12:46 PM

QUOTE(pandy @ Apr 24 2018, 03:22 AM) *

I don't know what Go Central is. I'm guessing some kind of online WYSIWYG editor?

I tried to look at the source of your page, but it's very confusing. It consists mainly of JavaScript, and lots of it. I don't think I like what Go Central is doing. sad.gif

The widgets seem to be in an iframe created by JavaScript. They are in DIVs. DIV is a block level element that would behave as you see they do, come one under the other, unless you do something to change that. I tried to float them left and make the space they live in wide enough for them to be side by side, but it didn't work. I did this in my browsers inspector. Maybe the actual JavaScript needs to be edited.



Hi Pandy,
Thanks for your reply. Go Central is the website builder by Go Daddy. Java is well above my head, so I'll probably just have to see if they'll help me fix it.
Susie

Posted by: pandy Apr 24 2018, 02:00 PM

Good luck.

I'm sorry I can't help. Your page could be done in a very straightforward way. Don't know what that page builder is up too. There's just too much to untangle.

Posted by: Darin McGrew Apr 25 2018, 01:20 AM

QUOTE
Java is well above my head
Note that Java and JavaScript are completely different things.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)