I have embedded a tiktok onto my site using the copy embed code on the tiktok, and I am happy with the layout of it on desktop screen. However, in mobile screen, I have used flex-direction: colun but this has caused some white space on both sides of the tiktok, i would like to get rid of this please, does anyone know how to?
<div class="luxx-tiktok">
<p>LUXX RENO</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#luxxxreno/video/6999301519010958597" data-video-id="6999301519010958597" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#luxxxreno" href="https://www.tiktok.com/#luxxxreno">#luxxxreno</a> <p>1 v Verdansk | CC: #louicm_ <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a> <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="callofduty" target="_blank" href="https://www.tiktok.com/tag/callofduty">##callofduty</a> <a title="warzonebestclips" target="_blank" href="https://www.tiktok.com/tag/warzonebestclips">##warzonebestclips</a></p> <a target="_blank" title="♬ original sound - Luxx Reno" href="https://www.tiktok.com/music/original-sound-6999301469555919622">♬ original sound - Luxx Reno</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>AVERAGEANT</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#averageant_/video/7000467213442436358" data-video-id="7000467213442436358" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#averageant_" href="https://www.tiktok.com/#averageant_">#averageant_</a> <p>These doors are abit weird 😂<a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="edits" target="_blank" href="https://www.tiktok.com/tag/edits">##edits</a> <a title="viral" target="_blank" href="https://www.tiktok.com/tag/viral">##viral</a> <a title="gaming" target="_blank" href="https://www.tiktok.com/tag/gaming">##gaming</a> <a title="warzoneclips" target="_blank" href="https://www.tiktok.com/tag/warzoneclips">##warzoneclips</a></p> <a target="_blank" title="♬ original sound - Ant" href="https://www.tiktok.com/music/original-sound-7000467080210320133">♬ original sound - Ant</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>SPODERBRAD</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#spoderbrad/video/7000351531686022405" data-video-id="7000351531686022405" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#spoderbrad" href="https://www.tiktok.com/#spoderbrad">#spoderbrad</a> <p>Who wants to run some games? <a title="callofduty" target="_blank" href="https://www.tiktok.com/tag/callofduty">##callofduty</a> <a title="bradspoder" target="_blank" href="https://www.tiktok.com/tag/bradspoder">##bradspoder</a> <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a></p> <a target="_blank" title="♬ original sound - Streamer | SpoderBrad" href="https://www.tiktok.com/music/original-sound-7000351296293292805">♬ original sound - Streamer | SpoderBrad</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>KEEZO</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#kkeezo/video/6997128140489362694" data-video-id="6997128140489362694" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#kkeezo" href="https://www.tiktok.com/#kkeezo">#kkeezo</a> <p>how a 4KD player uses hacks! <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="cod" target="_blank" href="https://www.tiktok.com/tag/cod">##cod</a> <a title="codclips" target="_blank" href="https://www.tiktok.com/tag/codclips">##codclips</a> <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a> <a title="warzonebestclips" target="_blank" href="https://www.tiktok.com/tag/warzonebestclips">##warzonebestclips</a></p> <a target="_blank" title="♬ My Potna Dem - $ILKMONEY" href="https://www.tiktok.com/music/My-Potna-Dem-6776999844323002370">♬ My Potna Dem - $ILKMONEY</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
Related
I am editing a WordPress widget's HTML.
I copied directly from the original code adding social media links and 1 additional social media section, copied from the first section, and changed only the names and links.
Whenever I checked it I get the following errors:
End of file seen and there were open elements
Unclosed element
See enclosed image.
HTML Errors
Here is the code ( WordPress widget HTML do not require; Doctype, title, header, etc ):
<div class="ce-team">
<figure>
<img src="https://ourfightingspirit.com/wp-content/uploads/2022/03/anthony-headshot-small.png" alt="team">
</figure>
<h3>
Anthony Gigante
</h3>
<h6 class="team-position">host</h6>
<p>
The stories you will hear are people like you and me who have overcome incredible obstacles, succeeded, and at the same time inspiring others.
</p>
<div class="team-socials">
<i class="cl-icon-facebook"></i><i class="cl-icon-instagram"></i>
<i class="cl-icon-instagram"></i><i class="cl-icon-youtube"></i>
<a href="https://www.youtube.com/channel/UCps0blZJBsefbHfxXRpTgvQ">
<i class="cl-icon-you-tube"></i></a>
</div>
I'm sure I'm missing something obvious. Your help is greatly appreciated.
Thank you!
Paula
The problem is that the first DIV is missing closing, Putting the closing DIV tag at the end of the code should fix the problem.
<div class="ce-team">
<figure>
<img
src="https://ourfightingspirit.com/wp-content/uploads/2022/03/anthony-headshot-small.png"
alt="team"
/>
</figure>
<h3>Anthony Gigante</h3>
<h6 class="team-position">host</h6>
<p>
The stories you will hear are people like you and me who have overcome
incredible obstacles, succeeded, and at the same time inspiring others.
</p>
<div class="team-socials">
<a href=" https://ourfightingspirit.com/staff/anthony-gigante">
<i class="cl-icon-facebook"></i
></a>
<a href="Facebook—https://www.facebook.com/OurFightingSpirit">
<i class="cl-icon-instagram"></i
></a>
<a href="https://www.facebook.com/OurFightingSpirit">
<i class="cl-icon-instagram"></i
></a>
<a href="Instagram—https://www.instagram.com/ourfightingsprit/">
<i class="cl-icon-youtube"></i
></a>
<a href="https://www.youtube.com/channel/UCps0blZJBsefbHfxXRpTgvQ">
<i class="cl-icon-you-tube"></i
></a>
</div>
</div>
But closing the DIV is a bit confusing, as there are two possibilities to close the div tag. If the first option doesn't work well, try the following code. This closes the DIV before the second DIV
<div class="ce-team">
<figure>
<img
src="https://ourfightingspirit.com/wp-content/uploads/2022/03/anthony-headshot-small.png"
alt="team"
/>
</figure>
<h3>Anthony Gigante</h3>
<h6 class="team-position">host</h6>
<p>
The stories you will hear are people like you and me who have overcome
incredible obstacles, succeeded, and at the same time inspiring others.
</p>
</div>
<div class="team-socials">
<a href=" https://ourfightingspirit.com/staff/anthony-gigante">
<i class="cl-icon-facebook"></i
></a>
<a href="Facebook—https://www.facebook.com/OurFightingSpirit">
<i class="cl-icon-instagram"></i
></a>
<a href="https://www.facebook.com/OurFightingSpirit">
<i class="cl-icon-instagram"></i
></a>
<a href="Instagram—https://www.instagram.com/ourfightingsprit/">
<i class="cl-icon-youtube"></i
></a>
<a href="https://www.youtube.com/channel/UCps0blZJBsefbHfxXRpTgvQ">
<i class="cl-icon-you-tube"></i
></a>
</div>
I'm using Wordpress.com
I have multiple jump links destinations on 1 page but it all goes to the bottom of the correct page.
My target code looks like this:
<h3 style="text-align:justify;"><a name="grt"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a name="sg"></a>Social Guarantor</h3>
<h3><a name="pwd"></a>Persons with disabilities</h3>
My link there looks like this:
<a href="http://melissalsh.com/#grt" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#pwd" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#sg" target="_blank" rel="noopener">
It all goes to the correct page but at the very bottom of the page. help please?
To link to a specific location on a web page, use an anchor tag and the id attribute instead of name
Like : <h1 id="destination">Heading Text</h1>
<h3 style="text-align:justify;"><a id="grt"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a id="pwd"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a id="sg"></a>Guarantor</h3>
<a href="http://melissalsh.com/#grt" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#pwd" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#sg" target="_blank" rel="noopener">
This is my code:
<a target="_blank" href="http://weknowyourdreams.com">Family</a>
<img src="http://weknowyourdreams.com/images/family/family-02.jpg" height="140" width="300">
</a>
<a target="_blank" href="http://chess.com">Chess</a>
<img height="140" width="300" alt="Chess game" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/ChessSet.jpg/647px-ChessSet.jpg">
</a>
<a target="_blank" href="http://okcstorm.com/index.php/basketball/">Basketball court</a>
<img src="http://okcstorm.com/wp-content/uploads/2016/12/cropped-Basketball-2-1.jpg" width="300" height="200">
What I want to achieve is to link them each to the site that I've got them from. But, the problem is the phone in the code avengers keep telling me this error:
Uncaught TypeError: Cannot read property 'ClearPromptText' of null
I don't know what that means, please help.
.image-f{
float:left;
display:block;
margin-right:10px;
width:300px;
}
.image-f img{
float:left;
width:100%;
height:140;
}
<a target="_blank" class="image-f" href="http://weknowyourdreams.com/" >Family
<img src="http://weknowyourdreams.com/images/family/family-02.jpg" >
</a>
<a target="_blank" class="image-f" href="http://chess.com">Chess
<img alt="Chess game" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/ChessSet.jpg/647px-ChessSet.jpg">
</a>
<a target="_blank" class="image-f" href="http://okcstorm.com/index.php/basketball/">Basketball court
<img src="http://okcstorm.com/wp-content/uploads/2016/12/cropped-Basketball-2-1.jpg" ></a>
I tried adding the target="new" and target="_blank" in the code, but it's not working.
<b:loop values='data:links' var='link'>
<li expr:class='"social-item " + data:link.name'>
<a expr:href='**data:link:target**'>
<i class='item-icon fa'/>
<div class='remove-count'>
<data:link.name/>
</div>
<span class='item-text'>Followers</span>
</a>
</li>
</b:loop>
I'm not sure what's going on with your code but to make a link open in a new tab and nofollow you would do something like this.
<a href="" target="_blank" rel="nofollow" >Link Text</a>
Hiya people i was hoping for some help for no reason the controls on chrome do not appear but they do on mozilla and IEcrappycrap do you have any idea about what could do it , i'm using a 360VR player (Bitmovin) dunno if it could have a link but when i take off the bitmovin player embed in a div , the controls works ...
<body onload="Onload()">
<div id="background">
<img id="bg" class="bg" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Bg_m.jpg" style="position:absolute;"/>
<img id="redirection" class="redi" onclick="Redirection()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/btn_1.gif" style="cursor:pointer;position:absolute;"/>
</div>
<div id="container">
<a href="javascript:;" onClick="Bandeau(1);" > <img id="bandeau_top" class="bandeau" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Pub_haut_m.jpg" style="position:absolute;"/></a>
<img id="Fleche_G" class="fleche" onclick="Left()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/fleche_gauche_m.png" style="position:absolute;"/>
<img id="Fleche_D" class="fleche" onclick="Right()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/fleche_droite_m.png" style="position:absolute;"/>
<div class="content">
<div class="player-wrapper">
<div id="playerDiv">
//bitmovinplayerembed here
</div>
</div>
</div>
<iframe name="__bkframe" height="0" width="0" frameborder="0" style="display:none;position:absolute;clip:rect(0px 0px 0px 0px)" src="about:blank"></iframe>
<video id="video1" controls preload="none" onclick="Stop()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/ours.mp4" style="position:absolute;"></video>
<img id="Video_played" class="Video" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/dark.gif" style="position:absolute;"/>
<div id="Choix">
<a href="javascript:;" onClick="Play(1);" > <img id="Vid_1" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette1_produit1_m.jpg" style="position:absolute;"/></a>
<a href="javascript:;" onClick="Play(2);" ><img id="Vid_2" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette2_produit2_m.jpg" style="position:absolute;"/></a>
<a href="javascript:;" onClick="Play(3);" ><img id="Vid_3" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette3_film_m.jpg" style="position:absolute;"/></a>
<a href="javascript:;" onClick="Play(4);" ><img id="Vid_4" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette4_betisier_m.jpg" style="position:absolute;"/></a>
<a href="javascript:;" onClick="Play360(360);" ><img id="Vid_5" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette5_360_m.jpg" style="position:absolute;"/></a>
<img id="text_video" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/text360_m.png" style="position:absolute;"/>
</div>
<div id="Jeu_container">
<img id="Jeu_played" class="Jeu" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Jeu_m.jpg" style="visibility:hidden;position:absolute;"/>
<iframe id="iframe" src="http://www.jeubignoel.com/"></iframe>
</div>
<a href="javascript:;" onClick="Bandeau(2);" ><img id="bandeau_bot" class="bandeau" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Pub_bas_m.jpg" style="position:absolute;"/></a>
<p id="mention2">
Big = grand
</p>
<p id="mention">
</p>
<img id="track" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/BlindSpot/Desktop/empty.png" style="position:absolute;">
</div>
The Bitmovin Player explicitly hid Chrome's native video element controls using CSS. Instead of hiding just the one of the used video element, it did this for all video elements on the website. This has been fixed in version 7 of the player, so you should not experience this problem anymore with the latest stable version.