The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Images not loading in Firefox/Chrome only in safari
anotherstani
post Apr 5 2011, 04:36 AM
Post #1





Group: Members
Posts: 8
Joined: 5-April 11
Member No.: 14,276




Hi guys.

I am new to HTML and have been trying to customise a tumblr blog. I have done everything I need to do in Safari on my Mac. However, when the page loads in anything other than safari there are certain images that do not appear, not even any sign of anything where they should be.

I have made sure the images are RGB, I uploaded them to imgur, then copied the link and pasted it in the appropriate html code.
The offending images are under 'Find Me' and 'Friends'. It is strange as I have done the exact same thing with the header (upload to imgur, copy paste the link) and that is working fine.

Here is my site

http://www.indieshorts.tv

Any help would be great as I am pulling my hair out here as I am used to figuring things out myself.

Thank you

Mike
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 5 2011, 05:21 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,513
Joined: 23-August 06
From: Europe
Member No.: 9



Start by fixing the markup errors found by the validator: http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes .


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
anotherstani
post Apr 5 2011, 05:28 AM
Post #3





Group: Members
Posts: 8
Joined: 5-April 11
Member No.: 14,276



QUOTE(Frederiek @ Apr 5 2011, 11:21 AM) *

Start by fixing the markup errors found by the validator: http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes .

Thanks for the help.
Problem is, I didn't write the code, I am just changing certain links. So when I looked at that error report, my head started hurting a little bit.

Is there any way of somebody telling what it is thats stopping the images loading in different browsers.

Again thank you for taking the time to reply to me.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 5 2011, 11:46 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,025
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



As Frederiek explained, fix the structural errors reported by our online validator. Browsers recover from such errors differently. Some will do what you expect. Others will do something else.

CODE
Error: element meta not allowed here; check which elements this element may be contained within
If you follow the meta link in the error message, you'll find that the meta element belongs in the head element. It cannot go in the body element, as you have it.

CODE
Error: end tag for meta omitted; end tags are required in XML for non-empty elements; empty elements require an end tag or the start tag must end with />
Error: end tag for img omitted; end tags are required in XML for non-empty elements; empty elements require an end tag or the start tag must end with />
Error: end tag for br omitted; end tags are required in XML for non-empty elements; empty elements require an end tag or the start tag must end with />
If you're going to use XHTML, then you need to close empty tags the XHTML way, for example:
<meta ... />
<img ... />
<br ... />
rather than:
<meta ...>
<img ...>
<br ...>

CODE
Error: required attribute alt not specified
The alt attribute is required for images. See:
http://htmlhelp.com/feature/art3.htm

CODE
Error: required attribute type not specified
The <script> tag should have a type="text/javascript" attribute.

CODE
Error: ID sidebar2 already defined
The values for id attributes need to be unique. If you need to use a value more than once in the same document, then use the class attribute instead, and change your CSS accordingly.

CODE
Error: element div not allowed here; possible cause is an inline element containing a block-level element
Error: element p not allowed here; possible cause is an inline element containing a block-level element
You can't put a div element inside a p (paragraph) element. You can't put a p element inside another p element. My guess is that you should just delete the extra <p> tags.

CODE
Error: end tag for p omitted; end tags are required in XML for non-empty elements; empty elements require an end tag or the start tag must end with />
Again, I think you should just delete the extra <p> tags. In XHTML, if you open a p element, then you need to close it with a </p> tag. See also:
http://htmlhelp.com/tools/validator/problems.html.en#nesting

CODE
Error: element style not allowed here; check which elements this element may be contained within
Follow the style link. The style element belongs in the head element, not in the body element.

CODE
Error: unclosed start-tag
You have
QUOTE
<a href="http://twitter.com/Mikestaniforth"<img src="http://i.imgur.com/MXmVX.png"></a>
instead of
QUOTE
<a href="http://twitter.com/Mikestaniforth"><img src="http://i.imgur.com/MXmVX.png"></a>


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
anotherstani
post Apr 5 2011, 12:39 PM
Post #5





Group: Members
Posts: 8
Joined: 5-April 11
Member No.: 14,276



Thank you so much for taking the time to detail a reply like that. I will try and implement everything this evening.

Thanks again
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th November 2014 - 03:40 PM