impossible to display pictures in jpg, only png works

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • vracpoub
    New Member
    • Mar 2013
    • 2

    impossible to display pictures in jpg, only png works

    I've tried to display .jpg files or .GIF but it was impossible. Maybe there's a problem of DOCTYPE declaration?
    I used HMTL 4.02 (Front Page).
    Thank you for your help, i'm completly loosed and i'm also a very begginer in site construction.
    Hereunder the html and css files:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/></meta>
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0"/></meta>
    <meta name="ProgId" content="FrontPage.Editor.Document"/></meta>
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="css/photo.css"/></link>
    </head>
    <body>
    	<div id="gallery"/>
    		<em id="thumbs"/>
    			<a href="#nogo"/>
    				<img src="images/imag1.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag2.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag3.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag4.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag5.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag6.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag7.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag8.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag9.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag10.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag11.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag12.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag13.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag14.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag15.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag16.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag17.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag18.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag19.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag20.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag21.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag22.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag23.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag24.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag25.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag26.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag27.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag28.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag29.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag30.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag31.jpg" />
                </a>	
    			<a href="#nogo"/>
    				<img src="images/imag32.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag33.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag34.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag35.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag36.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag37.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag38.jpg" />
                </a>
    			<a href="#nogo"/>
    				<img src="images/imag39.jpg" />
                </a>
    		</em> 
    	</div>
    	
    	<p>
    	L'ÎLE MAURICE<br>
    	<br>
    	Maurice a réussi en quelques années à s’imposer comme une destination touristique par excellence !!!<br>
        Outre la beauté naturelle de ses paysages, la qualité de l’hébergement, des facilités et des services<br>
    	offerts, l’amélioration des infrastructures locales et de la desserte aérienne avec des vols directs,<br>
    	sont les points forts qui ont soutenu le développement de ce secteur.<br>
    	<br>
    	Des campagnes de promotion ciblées ont également contribué à faire du tourisme le troisième pilier de l’économie mauricienne.<br>
        La destination Maurice bénéficie d’une image de qualité ayant évité jusqu’ici le tourisme de masse et s’appuyant<br>
    	sur le sens de l’hospitalité des Mauriciens, le multi-linguisme de la population ainsi que la stabilité économique,<br>
    	sociale et politique du pays. Conscient que son environnement reste un atout pour le développement touristique,<br>
    	le pays accorde une place privilégiée à la protection et à la préservation de son environnement naturel.<br>
    
    	</p>
    	
     </body>
    Code:
    body {
    	background-color: #000000;
    	color: #7fffd4;
    	}
    #gallery {
    	position: relative;
    	width: 700px;
    }
    #thumbs {
    	width: 175px;
    	float: left;
    }
    #thumbs a {
    	display: block;
    	float: right;
    	margin: 0 0 6px 6px;
    	width: 50px;
    	height: 50px;
    	border: 0px solid #000;
    }
    #thumbs a img {
    	width: 45px;
    	height: 45px;
    	border: 0;
    }
    #thumbs a:hover {
    	border-color: #ddd;
    }
    #thumbs a:hover img {
    	position: absolute;
    	width: auto;
    	height: auto;
    	left: 175px;
    	top: 0;
    	border: 1px solid #333;
    }
    p {
    	position: absolute;
    	width: auto;
    	height: auto;
    	left: 200px;
    	top: 500px;
    }
  • vracpoub
    New Member
    • Mar 2013
    • 2

    #2
    Thanks

    Originally posted by DannyMahoney
    try .JPEG instead of .jpg, Front Page does some strange things and certain files also have the same issue. I have solved this problem before (from Dreamweaver) by varying from .jpg to .JPEG , .jpeg or .JPG
    [quote]
    Thank you Danny for your magic solution! The good way to write was .JPG .
    It seems to be complitly idiot but it works!

    Comment

    Working...