Image(img) doesn’t show up on initial page load, FireFox 2.0.0.16


Here is the tag <img src=”images/exampleLogo.gif” />, what is wrong with it? Well, it depends on the browser and DOCTYPE and CSS being used. In this case I was using FireFox 2.0.0.16 , DOCTYPE http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd and some CSS to center my DIV on the screen. The result was that using the img tag without the width and height defined resulted in the image not showing up unless I refreshed the screen. I have had this same issue with Javascript img rollover scripts as well. The reason this happens is because the width and height are not defined.

Does not work:
<img src=”images/exampleLogo.gif” />

Works:
<img src=”images/exampleLogo.gif” width=”100″ height=”30″ />

The DTD(see below for img definition) does not require these attributes, however this is the second time I have seen this issue.

DTD definition for img tag:

<!ELEMENT img EMPTY>
<!ATTLIST img
%attrs;
src %URI; #REQUIRED
alt %Text; #REQUIRED
name NMTOKEN #IMPLIED
longdesc %URI; #IMPLIED
height %Length; #IMPLIED
width %Length; #IMPLIED
usemap %URI; #IMPLIED
ismap (ismap) #IMPLIED
align %ImgAlign; #IMPLIED
border %Length; #IMPLIED
hspace %Pixels; #IMPLIED
vspace %Pixels; #IMPLIED
>

Advertisements
Posted in CSS, HTML. Tags: , . Leave a Comment »

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: