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
Now this one is confusing me. I decided to try and use the option to align the image to the base line. So in HelpNDoc:
Now, inside the HelpNDoc editor the actual topic content is rendered like this:
That is as I expect it. And, if I resize my editor:
It still looks great. So, I compile my CHM module and have a look at the same topic in there. here it is with a smaller view:
Again, it is all looking great. So now I build the HTML version of the help and upload to the browser for testing. I have tried Firefox, IE, Edge and Chrome. They look like this:
See how the text is not starting at the base line of the image? The page in question is here:
http://help.trucklesoft.co.uk/BriefOverview.html
I have looked with the Google Developer Console:
Nothing is immediately jumping out at me. So I went a stage further as I noticed the text is in a span and wondered if it had to do with that:
Again, nothing is jumping out at me. What is causing the span text to not render from the baseline of the image?
I'm building a website using x-cart and all of a sudden I'm getting this line of code appearing at the top of the page.
class="area-c skin-customer skin-XC_ColorSchemes-customer skin-theme_tweaker-customer authorized target-main no-sidebars">
While navigating through the webmaster mode theme tweaker, it appears this line shows up outside what I would expect in the content (that is, when I click on regular page content the relevant file in theme tweaker is highlighted yet nothing happens when I click the code).
Any advice on clearing this away would be greatly appreciated, thanks!
So it turns out in one of my template files there was an if condition followed by a class without an opening bracket.
I think the reason I hadn't spotted this is that rather than matched the text above, the code read along the lines of
case="{function.doThis()}>
Please look at the bottom of following page:
http://javaexperience.com/this-and-super-in-java/
There is a large amount of blank space after the text "Initializing final variables in Java". I have seen the HTML code using Firebug but no clue which element is adding that extra blank space which makes the page look really bad.
The problem comes because sidebar is taller than contents-b and this seems in no small part due to the rather unusual <b class="niftyfill" style="height: 670px;"></b> that seems to exist at the end of there. It seems to be dynamically added (ie firebug shows it to me in the dom inspection but it doesn't appear in source) but I'm not sure what by or why. Hopefully you are aware of whatever script you are running to do this...
I have a firefox-specific issue with this page :
http://www.buzzx.com/feedback.php
It renders fine in IE, Safari, Chrome and every other browser invented by man, but in Firefox the background images do not show (The 'Feedback' link on the left and a white box around the content).
Any help appreciated, I'm completely stumped here.
update : the images show if i put in the full path in the css - http://www.buzzx/..../images/... as opposed to having a relative path. but i really want to avoid doing this.
Had a similar problem today, I can't see your css, but, this is what I found out, I had to move the html portion to the bottom of the css, at least below the other background elements I had, so that it would show. I hope this helps.
Just getting into Webdesign HTML & CSS, I had the same problem.
I used Webdwarf webdesigner to build the basic layout for the website. At first it didn't show in Firefox, but then I also put up an over-sized transparent picture made in GIMP. Just a big square with 100% transparancy. I checked it by clearing the cache in advanced options in Firefox and reloading the page. Changed the background picture a few times, hit reload button and it changed straightaway.
Other problem is often the path string. Webdwarf made the CSS coding for the background for me and used the path string from the current location. background-image:url (./images/background.jpg). It seems firefox wont accept a full length string for the background image
You might want to check against a validator, just to make sure.
Line 48, Column 48: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
<h1><div class="page_heading"><div class="fleft">Contact Us</div><div
Very weird!
But I noticed one thing: the images don't load when there's a javascript error (I see it with Firebug) related to Google Ads. The message says:
Permission denied to http://googleads.g.doubleclick.net to call the Location.toString method on http://www.buzzarab.com.
Line 0
Try and test the page without Google ads.
Resolved by adding full path to the css, not a real fix but will do for now till a proper fix is found.