bonjour,
sur ma page html, dans ma partie corps je n'arrive pas à mettre plusieurs image en premiere ligne et ainsi de suite, les unes à cotés des autres. Quand je visionne avec IE, tout est bien placé mais sous firefox,il y a qu'une image au milieu et les autres se placent les unes aux dessous des autres alors qu'elle aurait la place de se placer à coté.
Modifié par jobrousse (01 Mar 2006 - 17:44)
sur ma page html, dans ma partie corps je n'arrive pas à mettre plusieurs image en premiere ligne et ainsi de suite, les unes à cotés des autres. Quand je visionne avec IE, tout est bien placé mais sous firefox,il y a qu'une image au milieu et les autres se placent les unes aux dessous des autres alors qu'elle aurait la place de se placer à coté.
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Bienvenue sur Liberty vidéo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="keywords" CONTENT="vidéo, liberty, vidéoliberty, vidéo liberty, vidéo St andré de cubzac, vidéo Saint andré de cubzac, location dvd st andré de cubzac, location vidéo st andré de cubzac, location dvd saint andré de cubzac" />
<META NAME="description" CONTENT="Location de DVD sur St andré de cubzac" />
<link rel="stylesheet" media="screen" type="text/css" title="designe_comedie.css" href="css/designe_comedie.css" />
<style type="text/css">
body
{
width: 760px;
margin: auto; /* pour centrer nos pages */
margin-top: 5px;
margin-bottom: 5px;
background-image: url("magasin/travail_fond_ecran.jpg");
background-attachment: fixed;
font-family: "Times New Roman", Georgia, Times, serif;
background-position: center;
}
#en_tete
{
width: 758px;
height: 126px;
border-style: outset;
background-image: url("magasin/magasin_758par126.jpg");
background-repeat: no-repeat;
}
#navigation
{
font-size: 14px;
color: #000000;
line-height: 16px;
background-color: #43a6e7;
border-style: outset;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 1px;
text-align: center;
}
#categorie
{
border: 2px outset #45aae0;
float: left;
width: 140px;
magin-bottom: 10px;
}
.boutonun a:hover
{
text-decoration: underline;
background-color: #fefefe;
}
.boutondeux
{
background-color: #43a6e7;
border-style: outset;
}
.categories_dvd
{
background-color: #3ac6c5;
margin-bottom: 10px;
border: 2px outset #45aae0;
text-align: left;
padding: 5px;
line-height: 150%;
}
.categories_dvd h3
{
text-align: center;
}
.a
{
color: #0060e0;
}
.categories_dvd a:hover
{
text-decoration: underline;
background-color: #fefefe;
}
#corps
{
width: 410px;
margin-left: 10px;
float: left;
padding: 5px;
color: #0060e0;
background-color: #3ac6c5;
line-height: 90%;
letter-spacing: 90%;
text-align: center;
}
#information
{
background-color: #3ac6c5;
padding: 5px;
margin-left: 10px;
width: 100px;
float: left;
width: 160px;
}
#pied_de_page
{
position: relative;
margin: auto;
margin-top: 5px;
margin-top: 5px;
float: left;
width: 758px;
padding: 2px;
color: #0060e0;
border-style: outset;
background-color: #3ac6c5;
text-align: center;
}
</style>
</head>
<body>
<div id="en_tete"> <!-- Ici on mettra la bannière -->
</div>
<div id="navigation">
<span class="boutonun">
<a href="index.html">accueil</a> |
<a href="/magasin/plan.bmp">plan d'accés</a> |
<a href="mail">nous contacter</a> |
<a href="formulaire">votre avis</a></span>
</div>
<div id="categorie"> <!-- Ici on mettra le menu -->
<div class="categories_dvd"> <!--cadre réservé au sous-menu-->
<h3 class="boutondeux">Catégories</h3>
<p>
<a href="comedie.html">Comédie</a><br />
<a href="comedie_dramatique.html">Comédie dramatique</a><br />
<a href="drame.html">Drame</a><br />
<a href="fantastique.html">Fantastique</a><br />
<a href="frisson.html">Frisson</a><br />
<a href="science_fiction.html">Science fiction</a><br />
<a href="thriller.html">Thriller</a><br />
<a href="spectacle.html">Spectacle</a><br />
<a href="emotion.html">Emotion</a><br />
<a href="famille.html">Famille</a><br />
<a href="enfants.html">Enfants</a><br />
<a href="action.html">Action</a><br />
<a href="dessin_anime.html">Dessin animé</a><br />
<a href="guerre.html">Guerre</a><br />
<a href="historique.html">Historique</a><br />
<a href="policier.html">Policier</a><br />
</p>
</div>
<div class="categories_dvd"> <!-- cadre réservé au sous-menu-->
<h3>Prochaine sortie DVD</h3>
</div>
<div class="categories_dvd">
<h3>Vos dvd préférés</h3>
</div>
<div class="categories_dvd">
<h3>Les sorties du mois derniers</h3>
</div>
</div>
<div id="corps"><p>recherche</p>
<h3><strong>NOUVEAUTES</strong></h3>
<p>
<img src="web/petite_vignette/thriller/revolver.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_revolver">
<map name="zone_reactive_revolver"><area shape="rect" coords="3,4,62,88" href="thriller.html#ancre_revolver"></map>
<img src="web/petite_vignette/policier/le_parfum_de_la_dame_en_noir.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_le_parfum_de_la_dame_en_noir">
<map name="zone_reactive_le_parfum_de_la_dame_en_noir"><area shape="rect" coords="3,4,62,88" href="policier.html#ancre_le_parfum_de_la_dame_en_noir"></map>
<img src="web/petite_vignette/enfants/les_aventures_de_shark_boy_et_lava_girl.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_les_aventures_de_shark_boy_et_lava_girl">
<map name="zone_reactive_les_aventures_de_shark_boy_et_lava_girl"><area shape="rect" coords="3,4,62,88" href="#ancre_les_aventures_de_shark_boy_et_lava_girl"></map>
<img src="web/petite_vignette/action/black_dawn.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_black_dawn">
<map name="zone_reactive_black_dawn"><area shape="rect" coords="3,4,62,88" href="action.html#ancre_black_dawn"></map>
<img src="web/petite_vignette/thriller/une_aventure.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_une_aventure">
<map name="zone_reactive_une_aventure"><area shape="rect" coords="3,4,62,88" href="thriller.html#ancre_une_aventure"></map>
<img src="web/petite_vignette/fantastique/night_watch.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_night_watch">
<map name="zone_reactive_night_watch"><area shape="rect" coords="3,4,62,88" href="fantastique.html#ancre_night_watch"></map>
<img src="web/petite_vignette/fantastique/the_island.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_the_island">
<map name="zone_reactive_the_island"><area shape="rect" coords="3,4,62,88" href="fantastique.html#ancre_the_island"></map>
<img src="web/petite_vignette/fantastique/h2g2.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_h2g2">
<map name="zone_reactive_h2g2"><area shape="rect" coords="3,4,62,88" href="fantastique.html#ancre_h2g2"></map>
<img src="web/petite_vignette/guerre/hotel_rwanda.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_hotel_rwanda">
<map name="zone_reactive_hotel_rwanda"><area shape="rect" coords="3,4,62,88" href="guerre.html#ancre_hotel_rwanda"></map>
<img src="web/petite_vignette/drame/collision.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_collision">
<map name="zone_reactive_collision"><area shape="rect" coords="3,4,62,88" href="drame.html#ancre_collision"></map>
<img src="web/petite_vignette/drame/entre_ses_mains.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_entre_ses_mains">
<map name="zone_reactive_entre_ses_mains"><area shape="rect" coords="3,4,62,88" href="drame.html#ancre_entre_ses_mains"></map>
<img src="web/petite_vignette/comedie/ma_vie_en_l'air.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_ma_vie_en_l'air">
<map name="zone_reactive_ma_vie_en_l'air"><area shape="rect" coords="3,4,62,88" href="comedie.html#ancre_ma_vie_en_l'air"></map>
<img src="web/petite_vignette/action/new_york_taxi.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_new_york_taxi">
<map name="zone_reactive_new_york_taxi"><area shape="rect" coords="3,4,62,88" href="action.html#ancre_new_york_taxi"></map>
<img src="web/petite_vignette/thriller/la_mort_en_ligne.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_la_mort_en_ligne">
<map name="zone_reactive_la_mort_en_ligne"><area shape="rect" coords="3,4,62,88" href="thriller.html#ancre_la_mort_en_ligne"></map>
<img src="web/petite_vignette/thriller/traque_sur_internet2.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_traque_sur_internet2">
<map name="zone_reactive_traque_sur_internet2"><area shape="rect" coords="3,4,62,88" href="thriller.html#ancre_traque_sur_internet2"></map>
<img src="web/petite_vignette/action/sherif_fais_moi_peur.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_sherif_fais_moi_peur">
<map name="zone_reactive_sherif_fais_moi_peur"><area shape="rect" coords="3,4,62,88" href="action.html#ancre_sherif_fais_moi_peur"></map>
<img src="web/petite_vignette/comedie/ma_sorciere_bien_aimee.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_ma_sorciere_bien_aimee">
<map name="zone_reactive_ma_sorciere_bien_aimee"><area shape="rect" coords="3,4,62,88" href="comedie.html#ancre_ma_sorciere_bien_aimee"></map>
<img src="web/petite_vignette/comedie/mr_et_mrs_smith.jpg" width="65" height="90" hspace="5" vspace="3" border="3" usemap="#zone_reactive_mr_et_mrs_smith">
<map name="zone_reactive_mr_et_mrs_smith"><area shape="rect" coords="3,4,62,88" href="comedie.html#ancre_mr_et_mrs_smith"></map>
<img src="web/petite_vignette/comedie_dramatique/broken_flowers.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_broken_flowers">
<map name="zone_reactive_broken_flowers"><area shape="rect" coords="3,4,62,88" href="comedie_dramatique.html#ancre_broken_flowers"></map>
<img src="web/petite_vignette/comedie_dramatique/de_l'ombre_a_la_lumiere.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_de_l'ombre_a_la_lumiere">
<map name="zone_reactive_de_l'ombre_a_la_lumiere"><area shape="rect" coords="3,4,62,88" href="comedie_dramatique.html#ancre_de_l'ombre_a_la_lumiere"></map>
<img src="web/petite_vignette/comedie_dramatique/l'anniversaire.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_l'anniversaire">
<map name="zone_reactive_l'anniversaire"><area shape="rect" coords="3,4,62,88" href="comedie_dramatique.html#ancre_l'anniversaire"></map>
<img src="web/petite_vignette/comedie_dramatique/les_bienfaits_de_la_colere.jpg." width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_les_bienfaits_de_la_colere">
<map name="zone_reactive_les_bienfaits_de_la_colere"><area shape="rect" coords="3,4,62,88" href="comedie_dramatique.html#ancre_les_bienfaits_de_la_colere"></map>
<img src="web/petite_vignette/comedie_dramatique/peindre_ou_faire_ l'amour.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_peindre_ou_faire_l'amour">
<map name="zone_reactive_peindre_ou_faire_l'amour"><area shape="rect" coords="3,4,62,88" href="comedie_dramatique.html#ancre_peindre_ou_faire_l'amour"></map>
<img src="web/petite_vignette/thriller/sin_city.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_sin_city">
<map name="zone_reactive_sin_city"><area shape="rect" coords="3,4,62,88" href="thriller.html#ancre_sin_city"></map>
<img src="web/petite_vignette/historique/kingdom_of_heaven.jpg" width="65" height="90" hspace="5" vspace="3" border="3" usemap="#zone_reactive_kingdom_of_heaven">
<map name="zone_reactive_kingdom_of_heaven"><area shape="rect" coords="3,4,62,88" href="historique.html#ancre_kingdom_of_heaven"></map>
<img src="web/petite_vignette/famille/charlie_et_la_chocolaterie.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_charlie_et_la_chocolaterie">
<map name="zone_reactive_charlie_et_la_chocolaterie"><area shape="rect" coords="3,4,62,88" href="famille.html#ancre_charlie_et_la_chocolaterie"></map>
<img src="web/petite_vignette/fantastique/les_4_fantastiques.jpg" width="65" height="90" hspace="5" vspace="3" border="3"usemap="#zone_reactive_les_4_fantastiques">
<map name="zone_reactive_les_4_fantastiques"><area shape="rect" coords="3,4,62,88" href="fantastique.html#ancre_les_4_fantastiques"></map>
<img src="web/petite_vignette/frisson/la_maison_de_cire.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_la_maison_de_cire">
<map name="zone_reactive_la_maison_de_cire"><area shape="rect" coords="3,4,62,88" href="frisson.html#ancre_la_maison_de_cire"></map>
<img src="web/petite_vignette/thriller/la_porte_des_secrets.jpg" width="65" height="90" hspace="5" vspace="5" border="3" usemap="#zone_reactive_la_porte_des_secrets">
<map name="zone_reactive_la_porte_des_secrets"><area shape="rect" coords="3,4,62,88" href="thriller.html#ancre_la_porte_des_secrets"></map>
</p>
</div>
<div id="information">
<p align="center"><u>Horaires d'ouvertures</u><br />
<em>Du lundi au vendredi : <br>
10h00-12h30 et 15h00-20h30<br>
Samedi :<br>10h00-12h30 et 14h30-21h00<br>
dimanche :<br>
10h00-12h00</em></p>
<p><u>forfait locations</u>
<ul><li>5 locations 15,00 euros, valable 1 mois</li>
<li>10 locations 33,50 euros, valable 6 mois</li>
<li>25 locations 76,euros, valable 6 mois </li></ul>
<span style="color: #952c10"><strong><em>Toutes les locations s'étendent sur 24 heures retour avant 20 heures.<br>
Location du samedi retour le lundi avant 20 heures.</em></strong></span></p>
</div>
<div id="pied_de_page"> <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
<p>Location de DVD © Liberty Vidéo Saint André de Cubzac</p>
</div>
</body>
</html>Modifié par jobrousse (01 Mar 2006 - 17:44)
