Bonjour,
Je crée actuellemnt un site, et j'ai des difficultées concernat l'affichage sous IE. Alors si quelqu'un saurait m'aider un peu ce serait vraiment GENIAL
Merci d'avance !
http://mayafleuretart.free.fr/
Voici le code html de la page:
Voici le code css fichier externe:
Voici le code java:
Modifié par mars (28 Jan 2008 - 15:05)
Je crée actuellemnt un site, et j'ai des difficultées concernat l'affichage sous IE. Alors si quelqu'un saurait m'aider un peu ce serait vraiment GENIAL
Merci d'avance !
http://mayafleuretart.free.fr/
Voici le code html de la page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<meta name="keywords"
content="maya fleur et art, cadeaux, anniversaire, fête des mères, saint valentin, fleurs, fleuriste, mariage, deuil, bouquet, composition, floral, caissargues, bouillargues,garons, nîmes">
<meta name="author" content="mars.who@voila.fr">
<title>maya fleurs et art : fleuriste, caissargues, nîmes,
garons, bouillargues</title>
<link rel="SHORTCUT ICON" href="image/favicon.ico">
<link rel="stylesheet" href="css/style1.css"
type="text/css">
<script type="text/javascript" src="java/script.js"></script>
<style type="text/css">
a:link {text-decoration: none;list-style-position: inside; text-align: left}
#galerie_mini {margin:17px}
#entete {background-image: url(image/entete.jpg); text-align:right; front-size: 50px}
#marge {background-image: url(image/marge.jpg); list-style-image: url(image/puce3.jpg)} </style>
</head>
<body>
<!-- entete-->
<div id="entete">EN CONSTRUCTION</div>
<!-- marge-->
<div id="marge">
<div class="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="mariage.html">Mariages</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="deuil.html">Deuil</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="compos.html">Compos</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="commande.html">Commande</a></li>
</ul>
</div>
</div>
<!-- corps-->
<div id="corps"><!-- galerie-->
<div id="galerie"><br>
Bienvenue chez MAYA FLEUR ET ART, <br>
J'ai créé ce site afin de partager ma passion pour l'art floral. <br>
Je travaille avec les meilleurs produits disponibles, afin de vous
offrir la meilleure qualité.<br>
Mes bouquets et compositions tiennent 10 à 15 jours après achat
si ils sont bien entretenus.<br>
Pour vous donner un exemple, mes roses proviennent d'équateur, ce sont
des variétés magnifiques, chaque rose ayant jusqu'a 50 pétales.<br>
Je porte la même attention aux choix de toutes les fleurs,
plantes,vases et
même des accessoires; ceci afin de proposer originalité et qualité.
<ul id="galerie_mini">
<li><a href="image/photo1.jpg" title="Esperanza"><img
src="image/minis/m_photo1.jpg" alt="photo 1"></a></li>
<li><a href="image/photo2.jpg" title="For Ever Young"><img
src="image/minis/m_photo2.jpg" alt="photo 2"></a></li>
<li><a href="image/photo3.jpg" title="Concador"><img
src="image/minis/m_photo3.jpg" alt="photo 3"></a></li>
<li><a href="image/photo4.jpg" title="Choux"><img
src="image/minis/m_photo4.jpg" alt="photo 4"></a></li>
<li><a href="image/photo5.jpg" title="Amaryllis"><img
src="image/minis/m_photo5.jpg" alt="photo 5"></a></li>
<li><a href="image/photo6.jpg" title="Orchidée"><img
src="image/minis/m_photo6.jpg" alt="photo 6"></a></li>
<li><a href="image/photo7.jpg" title="Vase"><img
src="image/minis/m_photo7.jpg" alt="photo 7"></a></li>
<li><a href="image/photo8.jpg" title="Décoration"><img
src="image/minis/m_photo8.jpg" alt="photo 8"></a></li>
<li><a href="image/photo9.jpg" title="Décoration"><img
src="image/minis/m_photo9.jpg" alt="photo 9"></a></li>
<li><a href="image/photo10.jpg" title="Décoration"><img
src="image/minis/m_photo10.jpg" alt="photo 10"></a></li>
</ul>
<dl id="photo">
<dt>Accueil</dt>
<dd><img id="big_pict" src="image/photo1.jpg"
alt="Photo 1 en taille normale"></dd>
</dl>
</div>
</div>
</body>
</html>
Voici le code css fichier externe:
* {margin:0; padding:0}
body
{
margin: 0;
padding: 0;
background-color: #0df253;
}
#entete
{
border: 6px
ridge rgb(13, 242, 83);
margin-top: 0px;
margin-bottom: 0px;
width: 760px;
height: 140px;
}
#marge
{
border: 6px ridge rgb(13, 242, 83);
margin: 0px;
width: 160px;
height: 1014px;
top: 153px;
position: absolute;
}
#corps
{
border: 6px ridge #0df253;
margin: 0px;
width: 587px;
height: 1014px;
top: 153px;
left: 173px;
position: absolute;
background-color: #d0d4d1;
}
.menu
{
border-bottom: 6px ridge #0df253;
height: 60px;
margin-left: 0px;
margin-top: 30px;
padding-left: 40px;
}
a
{
color: white;
font-size: 25px;
}
a:hover
{
color: #0df253;
}
#galerie
{
margin: 15px;
padding: 0px;
width: 557px;
height: 944px;
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 20px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}
#galerie_mini
{
margin: 0;
padding: 0;
list-style-type: none;
}
#galerie_mini li
{
float: left;
}
#galerie_mini li a img
{
border: 1px solid #ddccbb;
margin: 2px 1px;
}
#galerie_mini2
{
margin: 0;
padding: 0;
list-style-type: none;
}
#galerie_mini2 li
{
float: left;
}
#galerie_mini2 li a img
{
border: 1px solid #ddccbb;
margin: 2px 1px;
}
#photo
{
margin: 0 auto;
clear: both;
}
#photo dt
{
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 2.5em;
line-height: 1.5em;
font-size-adjust: none;
font-stretch: normal;
}
#photo dd
{
margin: 0;
}
Voici le code java:
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;[/i]Modifié par mars (28 Jan 2008 - 15:05)
