Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1293 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème firefox/CSS [RESOLU]

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

problème firefox/CSS [RESOLU]

n°1946370
wispa
Posté le 01-12-2009 à 17:33:35  profilanswer
 

Bonjour à tous,
 
Je suis en train de créer un site web pour une asbl.
Je précise d'emblée que je suis plus que novice en la matière.
J'ai mis mon projet en ligne sur http://users.tvcablenet.be/personal/tvcn149852 pour le tester et je constate que l'a photo que j'utilise comme image de fond sur ma page d'accueil s'affiche comme prévu en utilisant explorer mais pas avec firefox ou google crome (l'image doit être fortement atténuée suite effet CSS que je lui ai attribuée).
Cela fait deux jour que je cherche l'origine de mon problème en consultant forums et autres sites sur le net mais je ne trouva pas...  
Quelqu'un aurait-il la gentillesse de m'aider.
 
Merci d'avance.
 
Voici le code de ma page:
 
<!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=iso-8859-1" />  
<title>Acceuil</title>
<style type="text/css">
<!--
#apDiv1 {
 position:absolute;
 left:0px;
 top:11px;
 width:276px;
 height:218px;
 z-index:1;
}
#apDiv2 {
 position:absolute;
 left:-6px;
 top:622px;
 width:257px;
 height:191px;
 z-index:2;
}
#plandusite {
 position:absolute;
 left:-2px;
 top:250px;
 width:253px;
 height:361px;
 z-index:3;
 color: #000;
 background-color: #CCCCCC;
}
#apDiv4 {
 position:absolute;
 left:500px;
 top:0px;
 width:1px;
 height:177px;
 z-index:4;
}
#apDiv5 {
 position:absolute;
 left:536px;
 top:50px;
 width:550px;
 height:150px;
 z-index:4;
}
#apDiv6 {
 position:absolute;
 left:500px;
 top:0px;
 width:450px;
 height:142px;
 z-index:4;
}
.plandusite {
 padding-left: 10px;
 border: thin solid #000;
 margin-left: 10px;
}
.mini {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #333;
}
#apDiv3 {
 position:absolute;
 left:0px;
 top:834px;
 width:262px;
 height:27px;
 z-index:5;
}
#apDiv7 {
 position:absolute;
 left:299px;
 top:151px;
 width:766px;
 height:652px;
 z-index:6;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-weight: bold;
 overflow: auto;
 background-image: url(Images/greg-IMG_7855.png);
}
.transpa {
 filter: Alpha(Opacity=20);
}
#apDiv8 {
 position:absolute;
 left:353px;
 top:155px;
 width:771px;
 height:628px;
 z-index:0;
}
#apDiv9 {
 position:absolute;
 left:421px;
 top:195px;
 width:609px;
 height:66px;
 z-index:7;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: x-large;
 text-align: center;
}
-->
</style>
</head>
 
<body>
<div id="apDiv1"><img src="Images/Logo_DPT13_color.jpg" width="286" height="235" /></div>
<div id="apDiv2"><img src="Images/Logo_bar_color_2.jpg" width="273" height="203" /></div>
<div class="plandusite" id="plandusite">
  <h3 align="center"><font face="Verdana, Geneva, sans-serif"><u>PLAN DU SITE</u></font></h3>
  <p><a href="Organigrame/organ.html" target="_self">Organigramme</a></p>
  <p><a href="Planning & Menus/indexplan&menu.html" target="_self">Planning & menus</a></p>
  <p>Activités promotionnelles</p>
  <p>Bénévolat</p>
  <p><a href="Galerie photos/indexphoto.html" target="_self">Galerie photos</a></p>
  <p>Accès sécurisé</p>
  <p>&nbsp;</p>
  <p><a href="mailto:catering@wispawavre2010.com">Contactez nous</a></p>
</div>
<div id="apDiv6"><img src="Images/logo_wispawavre2010.jpg" width="448" height="143" /></div>
<div id="apDiv3">
  <div align="center" class="mini">mis &agrave; jour le 30/11/2009</div>
</div>
<div id="apDiv8"><img src="Images/greg-IMG_7855.png" width="770" height="655" class="transpa" /></div>
<div id="apDiv9"><u>MESSAGE D'ACCUEIL</u></div>
</body>
</html>


Message édité par wispa le 01-12-2009 à 19:00:03
mood
Publicité
Posté le 01-12-2009 à 17:33:35  profilanswer
 

n°1946383
Fred999
Rabat-joie
Posté le 01-12-2009 à 17:57:49  profilanswer
 

Salut,
 
1er lien sur http://www.google.fr/search?q=filt [...] =firefox-a
 
Ca devrait t'aider je pense :o
 
Firefox uses the property opacity:x for transparency, while IE uses filter:alpha(opacity=x).
 
Tip: The CSS3 syntax for transparency is opacity:x.
 
In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent.
 
In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.
 
Bon sinon, une image de 800 Ko en fond d'écran, juste comme ça, c'est LONG à charger :o

n°1946385
pataluc
Posté le 01-12-2009 à 17:59:09  profilanswer
 

et sinon accueil ça s'écrit "accueil" et pas "acceuil".

n°1946387
Fred999
Rabat-joie
Posté le 01-12-2009 à 18:06:52  profilanswer
 

J'ai pas pu lire, mes yeux étaient accaparés par la photo [:dipterolyse]

n°1946392
wispa
Posté le 01-12-2009 à 18:19:51  profilanswer
 

Merci Fred999 pour ta réponse.
Ta remarque pour le poid de ma photo est plus que judicieuse, je vais rectifier le tir dès ce soir ;-).
Le novice que je suis a encore une petite question à te poser:
J'ai changé 'filter:alpha(opacity=20)' par 'opacity:0.5'.
Maintenant l'effet CSS est visible dans firefox mais plus dans explorer...
Y-a-t-il un solution pour que l'effet désiré soit uniforme dans ces deux navigateurs (le site que je tente de créer sera traduit dans plusieurs langues et sera consulté dans de nombreux pays, je voufrais donc qu'il puisse être opérationnel au moins avec explorer ET firefox)?

n°1946395
Fred999
Rabat-joie
Posté le 01-12-2009 à 18:23:43  profilanswer
 

Sur la page indiquée ci-dessus, on te donne la solution :o

n°1946396
wispa
Posté le 01-12-2009 à 18:27:26  profilanswer
 

bien vu pataluc, mais le texte du futur site actuel n'est pas ma priorité actuelle...  ;-)

n°1946398
wispa
Posté le 01-12-2009 à 18:34:02  profilanswer
 

Grand merci pour ton aide Fred999.
Ca fonctionne.
Bonne soirée.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème firefox/CSS [RESOLU]

 

Sujets relatifs
[Résolu] Exécution de plusieurs SQL dans un .batProbleme ajax/javascript
[Plugin Firefox] Texte d'une pageProblème de bannières publicitaires
[CSS] Un site extensibleProblème de gestion de la liaison série RS232 en VHDL
(resolu) Problème de positionnement d'un bouton CSS[Résolu] Probleme de calques entre IE et Firefox
[Résolu]Problème de CSS avec Firefox[Resolu] Probleme avec une CSS de Background sous Firefox
Plus de sujets relatifs à : problème firefox/CSS [RESOLU]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR