La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Problème alignement
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Problème alignement  (Lu 1196 fois)
Problème alignement
« sur: le 12-10-2011 a 10:05:16 »
sumator
Membre récent
*

Hors-Ligne

Messages: 1





Voir le Profil    E-Mail
Répondre avec citation

Bonjour,
Je suis en train de mettre à jour un site internet en remplacant un diaporama en Html par un diaporama en Flash. Une fois ce remplacement effectué j'ai un problème. Le diaporama Flash doit être aligne avec le titre qui est au dessus et le menu qui est en dessous. Il l'est sur Safari mais ne l'est plus du tout sous Firefox. Avez-vous une idée du problème?
Je vous donne le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>pierre-alain dupraz architecte ets fas</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#fond {
   position:absolute;
   visibility:visible;
   width:875px;
   height:550px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:13;
   margin-top: -275px;
   margin-left: -437.5px;
   left: 50%;
   top: 50%;
}
#pad {
   position:absolute;
   visibility:visible;
   left:0px;
   top:0px;
   width:285px;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:1;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
a:link {
   color: #999999;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #999999;
}
a:hover {
   text-decoration: none;
   color: #666666;
}
a:active {
   text-decoration: none;
   color: #666666;
}
#projet {
   position:absolute;
   visibility:visible;
   left:775px;
   top:530px;
   width:100px;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:3;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#cv {
   position:absolute;
   visibility:visible;
   left:101px;
   top:530px;
   width:auto;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:6;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#publications {
   position:absolute;
   visibility:visible;
   left:454px;
   top:530px;
   width:auto;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:7;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#equipe {
   position:absolute;
   visibility:visible;
   left:721px;
   top:530px;
   width:auto;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:8;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#exposition {
   position:absolute;
   visibility:visible;
   left:638px;
   top:178px;
   width:auto;
   height:auto;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:6;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#projets {
   position:absolute;
   visibility:visible;
   left:350px;
   top:529px;
   width:auto;
   height:21px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:9;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#contact {
   position:absolute;
   visibility:visible;
   left:826px;
   top:530px;
   width:50px;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:10;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#actualites {
   position:absolute;
   visibility:visible;
   left:0px;
   top:530px;
   width:auto;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:11;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#concours {
   position:absolute;
   visibility:visible;
   left:236px;
   top:530px;
   width:auto;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:13;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
#realisations {
   position:absolute;
   visibility:visible;
   left:107px;
   top:530px;
   width:auto;
   height:20px;
   background-color:#FFFFFF;
   layer-background-color:#FFFFFF;
   border:1px none #000000;
   z-index:14;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
body {
   background-color: #FFFFFF;
}
#menu {
   position:absolute;
   left:0px;
   top:150px;
   width:875px;
   height:40px;
   z-index:4;
}
#image {
   position:absolute;
   width:875px;
   height:410px;
   z-index:15;
   left: 0px;
   top: 50px;
   visibility: visible;
}
#image2 {
   position:absolute;
   width:875px;
   height:410px;
   z-index:16;
   top: 50px;
   left: 0px;
   visibility: hidden;
}
#image3 {
   position:absolute;
   width:875px;
   height:410px;
   z-index:17;
   left: 0px;
   top: 50px;
   visibility: hidden;
}
#image4 {
   position:absolute;
   width:875px;
   height:410px;
   z-index:18;
   left: 0px;
   top: 50px;
   visibility: hidden;
}
#image5 {
   position:absolute;
   width:875px;
   height:410px;
   z-index:19;
   left: 0px;
   top: 50px;
   visibility: visible;
}
#encours {
   position:absolute;
   left:584px;
   top:530px;
   width:auto;
   height:20px;
   z-index:20;
   visibility: visible;
}
body,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #999999;
}
h1 {
   font-size: 9px;
   color: #666666;
}
-->
</style>
</head>

<body>
<div id="fond">
  <div id="pad"><a href="../index.html">PIERRE-ALAIN DUPRAZ&nbsp;&nbsp;&nbsp; ARCHITECTE&nbsp; ETS FAS</a></div>
  <div id="publications"><a href="publications.html">publications</a></div>
  <div id="equipe"><a href="equipe_1.html" class="Style2">équipe</a></div>
  <div id="projets"><a href="projets.html">projets</a></div>
  <div id="contact">
    <div align="right"><a href="contact.html">contact</a></div>
  </div>
  <div id="actualites"><a href="actualites.html">actualités</a></div>
  <div id="concours"><a href="concours.html" class="Style1">concours</a></div>
  <div id="realisations"><a href="realisations.html" class="Style1">réalisations</a></div>
  <div id="encours"><a href="evenement.html">événements</a></div>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="988" height="410" id="image">
    <param name="movie" value="../photo image_web/Diaporama.swf" />
    <param name="quality" value="high" />
    <embed src="../photo image_web/Diaporama.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="988" height="410"></embed>
  </object>
</body>
</html>

Avez-vous une idée du problème?
Merci d'avance et bonne journée.

Rapporter au modérateur  

Re:Problème alignement
« Répondre #1 sur: le 29-10-2011 a 09:02:44 »
ddtddt
Membre récent
*

Hors-Ligne

Messages: 2





Voir le Profil    E-Mail
Répondre avec citation

Tu n'impose pas de css à ton objet ?

Pour facilité les réponse je te conseil de mettre un peux de couleur !

genre le code html de la mm couleur que le CSS auquel il se reporte

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg