I have 3 modal iframes and theare autoplay from this url extension "?start=0&end=5;autoplay=1&mute=1".But after looping my app still make requests to youtube.My projects is in .Net Framework 4.5.
<div id="modalId">
<a href="#" id="latest_video" class="pull-left">
<iframe id="#modalId" class="stop-video"src="#String.Format("{0}{1}", video.VideoUrl, "?start=0&end=5;autoplay=1&mute=1")" allowfullscreen="true" style="height:210px;max-width:240.33px;background-color:black"></iframe>
</a>
</div>
Related
I know that you can't put a link inside a link, but how would link a button inside of an already linked ? I'm trying to recreate the aside on the pcfinancial website.
Here is what I did which I know is incorrect:
<a href="https://www.pcfinancial.ca/en/learning-hub/blog/introducing-the-new-pc-money-account/" target="_blank" title="Link to Article">
<article>
<img src="images/first-article.png" alt="Introducing the new PC Money Account">
<p>Financial Fluency</p>
<h3>Introducing the new PC Money™ Account</h3>
<p>By PC Financial Team</p>
<p>Read Article</p>
</article>
</a>
Now how does one get the button for "Financial Fluency" that is linked in the article like it is on this website: https://www.pcfinancial.ca/en/
I'm in a coding course and had to recreate this in HTML. We have not begun CSS yet.
Thank you.
Try to remove link on a top of <article> link and put its on your <img> <h3> and <p> tags like this:
<article>
<a href="https://www.pcfinancial.ca/en/learning-hub/blog/introducing-the-new-pc-money-account/" target="_blank" title="Link to Article">
<img src="images/first-article.png" alt="Introducing the new PC Money Account">
<p>Financial Fluency</p>
<h3>Introducing the new PC Money™ Account</h3>
<p>By PC Financial Team</p>
</a>
<a href="YOUR_LINK_HERE">
<p>Read Article</p> <!-- and use <button> element if you think it is a button-->
</a>
</article>
I am trying to use some images with ASP.NET MVC. I've created a folder to store them and then I've pulled them from the solution explorer to code.
View code :
<a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand">
<img src="~/Images/Logo.png" width="125" height="74" class="img-responsive" />
<img src="~/Images/Logo.png" />
</a>
Code of the page when inspected on Google Chrome :
<img src="/Images/Logo.png" width="125" height="74" class="img-responsive">
When I run the application they appeared broken on the browser. I have checked the path, properties, and everything is correct, but I can't fix this.
you could trying using #Raw
<dd>
<img src="~/Images/#Html.Raw(Model.PhotoUrl)" alt="Image" style="width: 500px; height: 300px;"/>
</dd>
Just found the problem. I create a folder name "Images" in solution explorer to store all my images, but that was conflit with the forder "images" in the "CSS" folder. I move my image to the "image" folder in "CSS" folder and everything works perfect.
I'm using iframes inside pop-ups to show other parts of the same page (long text) that the links that trigger them are in. The problem is that if you click another such pop-up link inside that iframe, the new chosen portion of the page will take the entire iframe instead showing inside a new smaller responsive pop-up. Is there any standard workaround to this? The code is very simple:
<a class="internal_linkpopup" target="base" href="page1.html#internal_anchor" >xx_partofthepage</a>
<div class="modal-header">
<span class="close">close</span>
<center><span class="expand">expand</span></center>
</div>
<div class="modal-body">
<iframe frameborder="3" scrolling="yes" width="100%" style="height: 100vh;" name="base" id="ifrm">
Your browser doesn't support iframes.
</iframe>
</div>
Images work on normal page but the amp-version the images doesn't show.
here is a HTML code of a picture, I use WordPress and upload via media library and insert:
<img class="aligncenter wp-image-312" src="http://mysiteexample.com/wp-content/uploads/2016/11/review-1024x768.jpg" alt="Stanley Review" width="256" height="192" />
"
Is there a script I need to insert or something for it to work on amp?
Thanks for your time, I appreciate it.
Use amp-img instead of img for the amp version of your site.
<a href="#">
<amp-img src="http://mysiteexample.com/wp-content/uploads/2016/11/review-1024x768.jpg" width="256" height="192" layout="responsive" alt="Stanley Review"></amp-img>
</a>
hey, i have a .net C# function thats write html image links code such as:
<img src="..." />
and show it by asp:literal,
it works fine in Explorer and Firefox but in chrome the clicking is disable,
any ideas?
example code:
<div class=\"whitebox\" style=\"width:500px;\">
<div style=\"float:left;\">
<a href=\"../reader/Default.aspx?u=4&t=2&sr=f-53D\">
<img width=\"75px\" height=\"75px\" src=\"http://www.Knu.com/main.jpg\" />
</a>
</div>
</div>
The only problem I can see with that is if you're somehow outputting it exactly like that, with the C# escaping included.