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:
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;
}
Comment