I have a managed instance of developer portal, suddenly elemets like the tag, code section on try it and are a mess:
I cannot even click on the Copy button of the code block.
Any ideas what could it be? I have checked the styles section on the editor and everything looks fine. Is there a way to reset the styles only?
After checking around I found a misplaced height in the menu:
Related
I have written a code for my html website project. When I open the html file itself, it loads correctly on various browsers. However, when I try to access the same file via localhost/xxxxx.html, the buttons don't seem to work. Other images and links work fine. All the files are placed within the same folder.
I have used a href along with the button element.
Can someone please help me? The project is due tomorrow and I am not a technology/coding native.
TIA!
The button element will not redirect you to the link you want because that's not what it is built for.
As you said, your link works fine, so you can use your link to navigate.
If you still want to use the button element, you can wrap it with the <form action="the_link_you_want_to_navigate" method="GET">. You can also use JavaScript code with a click event listener too.
But I think the best way to do this is by using the <a> tag and make it looks like a button using CSS properties.
Without seeing all your code it's tough to know why it's not working in your localhost. But... within the <button> element it's not typical to add an href the same way you would with an <a>. You can do it but with an onclick event in javascript.
I would suggest doing an Text and styling the .button class in your css.
Hopefully this helps and good luck on your project.
I have a problem with my site.
I'm using HTML and CSS only.
I'm using several "a hrefs" that are supposed to slightly change their background colors when hovered.
The problem is, whenever I clear the browser's cache (or go into inprivate mode) I need to refresh the webpage or click on a link, which ONLY then (all of them) starts to do the hovering effect. Only by clicking a second time I'm able to open that link.
This happens in all browsers.
I have the following code on the head section.
<link href="css/sticky-menu.css?v=2.4" rel="stylesheet">
Anyone suspects what is happening here?
I've found the problem, and it's related to a third-party script, in this case from sharethis.com
I guess I'm going to contact them about this.
Thanks, anyway.
Well, basically i created a image inside a div using the img tag in a HTML file that i've been writing and the image just wont show up on the browser. Inspect says the image cannot be loaded and it's CSS is set to 'display: none!important'.I wasn't able to untick it even in inspect. Can you help me?
No class was declared on the img tag and the div holding it.
I haven't written the 'display:none!important' css anywhere on the page.
3.There are other images in the same page which is displaying perfectly fine. I placed another image on the div which is holding my problem-image and even it is showing up. Renaming the image works too [Although i would like to know why].
The code used:
<div class="col-1"><img src="../Home-Page/images/twitter-logo-silhouette.png" alt="twitter"></div>
Any other image will work fine,The image is now kept renamed by finding it in finder, the error is gone now. But i still would like to know why it is so. If i rename it back. The error will appear once again.
Your adblocker is blocking the image out, i guess.
If you try to rename your file and alt tag without naming twitter it will work, as you mentioned above
I've encountered weird problem with anchor links. I have some on a page, and they suddenly stopped working (checked in chrome and firefox).
I noticed that after clicking anchor, let's say <a href="#news">, address changes to http://mydomen.net/index.html#/news and anchor doesn't work. If i manually remove that / after # and open new link it works as intended, but adds / again.
Did I miss some changes in HTML? Or what could it be? Thanks!
The only possibility is that this is coming from either your script (but you are only talking about HTML, so there is no clue for that) or URL rewriting on your server.
There is absolutely no possibility for plain HTML with your provided example code to behave like this.
(Browser extension is not an option since you tried different browsers)
Still don't know what caused this, but renaming anchor target to <div id='/news'> worked.
Im having an awkward issue with internet explorer at the moment. Any page that i have that includes an the button appears extremely small and with a line instead of the text entered in value=. I have tried removing the style sheets from the pages but the issue persists. If anyone could shed some light on this for me it would be appreciated.
<input style="height:50px; width:150px; text-indent:hanging;" type='submit' name='submit' value="Submit"/>
Now this is just one example but any submit button i create will be extremely small with just a --- in it instead of font. In the example i set the height and width and the button will be that size but the text inside is still just ---- though on firefox and crhome it they all sa whats in the value field. And as suggested in the comment below im not on windows xp or using a custom theme.
You have a CSS rule that sets the font size to something very small, in some part of the document that is not included in the code snippet you posted. You will probably see this if you test with a document that contains nothing but the tag you posted.
It works fine for me when I put it in a blank document so you must have css somewhere else that is taking over. Trying using developer tools or firebug to see what all CSS is being applied to the button. You may find its inheriting from somewhere else. If not some more code in context of how it's being used may be helpful.
Hi you can define your button css in External File check to this click here
http://jsfiddle.net/BH95f/2/
Now this is run every browser with ie