I have a html snippet, when i upload that to my website i see a small text called quiz maker, when i try to remove it, the snippet fails, so how do i remove the Quiz maker text and link, while making the snippet functional?
<div><a quiz="Q39I85" href="http://www.poll-maker.com/QuizMaker">Quiz Maker</a></div><script src="//cdn.poll-maker.com/quiz-embed-v1.js" async language="javascript"></script>
Use style attribute to set display property as none. This will hide the link but the script will find it and your code will not break. Have a look at the working snippet below.
<div><a quiz="Q39I85" href="http://www.poll-maker.com/QuizMaker" style="display:none;">Quiz Maker</a></div><script src="//cdn.poll-maker.com/quiz-embed-v1.js" async language="javascript"></script>
Related
I create a simple one page website with text using Big Rock's webcreator. I tried to link one of the lines one the page using HTML in the following way:
<a href="iimk.ac.in/faculty-profiles/ASHOK-THOMAS">iimk.ac.in/faculty-
profiles/ASHOK-THOMAS</a>
The hyperlink however is not working. I would like to fix the error in the HTML code.
Try this your link is not correct as it doesn't covers the proper URL of the page:
<a href="https://iimk.ac.in/faculty-profiles/ASHOK-THOMAS">iimk.ac.in/faculty-
profiles/ASHOK-THOMAS</a>
Visit this link to see the proper working of the hyperlink:
https://i.stack.imgur.com/KFSB9.png
your link is not correct with the https formatting so just use this
<a href="https://iimk.ac.in/faculty-profiles/ASHOK-THOMAS">iimk.ac.in/faculty-
profiles/ASHOK-THOMAS</a>
The following code has been added to my webpage and should render the live CodePen image, but instead it shows displays a link:
<p>Fitness app</p>
<div class="w3-half w3-grayscale-max">
<p data-height="364" data-theme-id="0" data-slug-hash="Njmvae" data-default-tab="result" data-user="seyicole" data-embed-version="2" data-pen-title="Fitness app" class="codepen">See the Pen Fitness app by seyi (#seyicole) on CodePen.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
</div>
Any ideas about why the CodePen isn't fully rendering? Thanks!
The CSS you'll also need to convert. Its in SCSS, not plain CSS. Luckily Codepen has options to view compiled HTML and CSS in the little arrow dropdowns so that helps. The other bit missing is, you are going to have to hook it up with some actual programming logic to make the animation advance with the steps.
On your CodePen page, click the Embed button in the lower right corner. From there you can select how you want the pen to display as it's embedded on your webpage. Then select the Copy & Paste Code.
It looks like the snippet in your question doesn't have the necessary data attributes:
<p data-height="265" data-theme-id="0" data-slug-hash="Njmvae" data-default-tab="js,result" data-user="seyicole" data-embed-version="2" data-pen-title="Fitness app" class="codepen">See the Pen Fitness app by seyi (#seyicole) on CodePen.</p>
You can read more about embedding pens on CodePen's blog.
I want to edit the HTML code of my Wordpress page. Exactly, I want to create a page, not posts, in my Wordpress page, where I want expose my CV and insert my photo which will changes when I pass the mouse above of it.
I tried to search something about this and i found this. In this reference, the writer speaks about the code modification, but isn't my particular case.
When I try to edit the code in the Wordpress page, I can't use some codes. For example: <a>, <div> ...
I want to use something like this:
<div class="authorimage">
<a href="https://www.codesyntax.com/eu/bloga/author/lfernandez">
<img class="mainimage" src="https://www.codesyntax.com/lfernandez.jpg" alt="Luistxo Fernandez" title="Luistxo Fernandez">
<img class="hoverimage" src="https://www.codesyntax.com/lfernandezhover.jpg" alt="Luistxo Fernandez" title="Luistxo Fernandez">
</a>
</div>
But in the published page the following appears:
<img class="mainimage" src="https://www.codesyntax.com/lfernandez.jpg" alt="Luistxo Fernandez" title="Luistxo Fernandez">
<img class="hoverimage" src="https://www.codesyntax.com/lfernandezhover.jpg" alt="Luistxo Fernandez" title="Luistxo Fernandez">
I need use this code for my purpose. what can i do to fix this problem?
Thanks for all.
Please refer below link, this should work,
http://www.inmotionhosting.com/support/edu/wordpress/wordpress-introduction/adding-html-wordpress
Log into your WordPress dashboard and create a new page. On that new page you can insert your CV and photo and then publish it.
Use the "text" mode in the text editor (instead of "visual mode") when you use the text editor to create a new page. There you can write HTML code.
Or, in "visual mode", just use select the part of the text on which you want to put the link and clock on the link symbol (the chain icon) above the text editor.
hi i am new to html and do not know any php or javascript. I have a simple html webpage with a picture in the middle. I want it so that when you click the picture text appears describing what the picture is but without going to a new webpage. is this possible to do on just html without using javascript or php and if so how is it done? thanks
It's possible to do something similar with the details and summary HTML5 elements.
See this Fiddle (Works only in Chrome/Safari/Opera)
<details>
<summary><img src="image-source"> Click here for more information</summary>
<p>more information</p>
</details>
Due to the lack of browser support, I would not recommend using them. See caniuse.com - summary
You could also use the HTML title tag. The text you wanted to appear would show up on mouseOver on all browsers.
<img src="xxxxxx" title="This is the title" />
Check out on Fiddle
Can anyone shed some light to this situation: I have a link that opens in a modal, i add a link and a button that are set to go to the same url. If i click the link, the modal goes to the link, and shows the article properly. If i click the button, it shows the article embedded on the page.
Here's the url, click on newtest2
http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=category&id=1&Itemid=2
Here's the code
<head>
<script type="text/javascript">
function change_url(){
window.location.href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2"
}
</script>
next
</head>
<body>
<button onclick="location.href='http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2'">Next</button>
</body>
</html>
There is a apparent difference, being that the link calls window.location, while the button just sets location, but this is semantically the same.
That popup you got is created by JavaScript. So the link is just used for its url, but when you click it, a script gets executed that loads the content asynchronously and shows it in a popup.
This script does not affect the button (though it could). Find the script that does this and apply it to the button too.
A workaround could be:
<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">
<button></button>
</a>
Edit: Although it's working, is not a recommended code, as HTML spec clearly says that using tag for item is invalid, so treat this ONLY as a workaround.
P.S. Why are you using <a></a> in section head?