The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Horizontal Align TripAdvisor Widgets, Help with HTML to fix alignment on Go Central website
CJTSusie
post Apr 23 2018, 02:47 PM
Post #1





Group: Members
Posts: 2
Joined: 23-April 18
Member No.: 26,637



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 this page. 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 24 2018, 02:22 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CJTSusie
post Apr 24 2018, 12:46 PM
Post #3





Group: Members
Posts: 2
Joined: 23-April 18
Member No.: 26,637



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 24 2018, 02:00 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 25 2018, 01:20 AM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
Java is well above my head
Note that Java and JavaScript are completely different things.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:39 AM