Pb position calques/texte entre IE et FF (dream)

Pb position calques/texte entre IE et FF (dream) - HTML/CSS - Programmation

Marsh Posté le 29-08-2005 à 14:17:33    

J'ai compris pour la position de mes images : je mets tt ds des calques, position:absolute pour tous et ça marche sur les 2 navigateurs.
 
Mais ça fonctionne pas entre le texte et les images : le texte chevauche l'image sous IE, pas sous FF.
Si je bouge tt en fonction de ça, c'est l'inverse !
 
Il y a 1 qque chose à rajouter pour éviter ça ds le code, parce que moi, je tape juste "enter" pour faire descendre le texte et qu'il y ait la place pour l'image : c'est peut-être trop simple, non ?  :whistle:  
 
Enfin, merci d'avance de vos réponses !  :jap:  

Reply

Marsh Posté le 29-08-2005 à 14:17:33   

Reply

Marsh Posté le 29-08-2005 à 14:55:11    

Si tu donnes pas de code on va pas beaucoup t'aider mais bon...
 
Essayes toujours avec white-space: nowrap; dans ton style ou CSS. Ça évite le retour à la ligne.
Quant au "Enter", ça n'existe pas en HTML. Pour revenir à la ligne c'est <br />


---------------
www.renderfarm.online
Reply

Marsh Posté le 31-08-2005 à 18:06:16    

Merci pr les astuces mais ça marche pas !   :(  
 
Le white-space: nowrap; ne change rien (je l'ai placé entre les balises style).
 
En fait, j'aimerais pouvoir déplacer à volonté mes blocs de texte, comme mes calques.
Mais je sais pas si c'est possible.
 
Je vais essayer de poster le code...

Reply

Marsh Posté le 31-08-2005 à 18:11:51    

Alors voila, j'ai tt pris, désolé si c'est un peu long, mais des pros comme vous devraient s'y repérer facilement je suppose !  :D  
Au fait, pas la peine de me dire que le code est pourri, je le sais, c'est parce que j'utilise Dreamweaver, le temps de bien assimiler le html.  ;)  
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Qui qu'on est (pour ceux qui nous connaissent pas encore !)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Style5 {
 font-size: 45px;
 font-weight: bold;
 color: #009900;
 font-family: BlackCastleMF;
}
body {
 background-image:  url("mer_de_nuages_transparent.gif" );
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.Style6 {font-size: 36}
.Style7 {
 color: #009900;
 font-size: 36px;
 font-family: BlackCastleMF;
}
.Style8 {
 font-size: 18px;
 font-weight: bold;
}
.Style9 {
 color: #FFFF00;
 font-size: 18px;
 font-weight: bold;
}
.Style10 {color: #009900}
.Style12 {font-family: BlackCastleMF}
.Style17 {color: #009900; font-size: 24px; font-weight: bold; font-family: BlackCastleMF; }
.Style19 {color: #FF0000}
.Style20 {color: #FF0000; font-size: 24px; font-weight: bold; }
.Style22 {color: #FF0000; font-size: 18px; }
.Style27 {font-size: 24px}
.Style28 {color: #009900; font-size: 24px; font-weight: bold; }
.Style29 {font-weight: bold; font-family: BlackCastleMF; color: #009900;}
.Style30 {font-weight: bold; color: #FF0000;}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
 
<body>
<div id="Layer1" style="position:absolute; left:234px; top:724px; width:194px; height:37px; z-index:1"><img src="bigorre_flechee.gif" width="188" height="33"></div>
<div id="Layer2" style="position:absolute; left:256px; top:290px; width:522px; height:518px; z-index:0"><img src="65_anime.gif" width="514" height="512" border="0" usemap="#Map">
  <map name="Map">
    <area shape="poly" coords="156,454,168,414,198,430,188,465,168,464" href="65_panneau_anime.gif" target="_blank">
  </map>
</div>
 
<div id="Layer3" style="position:absolute; left:201px; top:852px; width:616px; height:298px; z-index:2"><span class="Style9"><img src="tribu_asterix.gif" width="608" height="289" align="middle"></span></div>
<p align="center" class="Style5">Un peu d'histoire...</p>
<p class="Style6 Style7">&nbsp;</p>
<p align="left"><span class="Style7 Style8 Style10 Style27"> Il &eacute;tait une fois, un petit village retranch&eacute; joliment nomm&eacute; Burg, </span><span class="Style28"><span class="Style19">(prononcez BUR, c'est un G muet)</span> <span class="Style12">situ&eacute; en Bigorre (Hautes-Pyr&eacute;n&eacute;es 65), et sa soci&eacute;t&eacute; musicale, qui subsistait tant bien que mal dans ce hammeau de quelques 300 &acirc;mes seulement, face aux &eacute;coles de musiques fortifi&eacute;es romaines -pardon, bigourdanes- bien plus importantes qui l'encerclent.</span></span></p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center" class="Style28 Style12">&nbsp;</p>
<p align="center" class="Style28 Style12">&nbsp;</p>
<p align="center" class="Style28 Style12">&nbsp;</p>
<p align="center" class="Style28 Style12">&nbsp;</p>
<p align="center" class="Style28 Style12">&nbsp;</p>
<p align="center" class="Style28 Style12">&nbsp;</p>
<p align="center" class="Style28 Style12">La lutte &eacute;tait rude, mais les dirigeants vaillants.</p>
<p align="center" class="Style9">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">&nbsp;</p>
<p align="left" class="Style9 Style10 Style12 Style27">C'est alors que fut lanc&eacute;e l'id&eacute;e, en l'an de gr&acirc;ce 1996, de cr&eacute;er une banda, afin de redynamiser tout &ccedil;a, avec la participation des graines de stars locales, ainsi que d'autres musiciens des alentours.</p>
<p align="left" class="Style17">Et le succ&eacute;s fut au rendez-vous !</p>
<p align="left" class="Style20">Forte de sa bonne trentaine de musicos &agrave; ce jour, la banda des Bol&eacute;ros Burgais (l&agrave; aussi, &ccedil;a se prononce comme &ccedil;a s'&eacute;crit, pas d'originalit&eacute;s SVP) met le feu tant qu'elle peut aux 4 coins du d&eacute;partement et m&ecirc;me un peu plus loin (allez voir <a href="sorties_effectuees.htm">ici</a> ), a enregistr&eacute; pas moins de 3 CD et a permis de maintenir l'&eacute;cole de musique au village, avec toujours plus d'adh&eacute;rents.</p>
<p align="left" class="Style27"><span class="Style29">Et ainsi nous v&eacute;c&ucirc;mes heureux et eumes beaucoup de port&eacute;es de petits musiciens... </span><span class="Style30">(comme vous le constaterez par <a href="presentation_2.htm">là</a> )</span></p>
<p align="left" class="Style22">&nbsp;</p>
<p align="left" class="Style8">&nbsp;</p>
</body>
</html>

Reply

Marsh Posté le 31-08-2005 à 18:22:39    

Pb résolu !!!
 
Désolé du dérengement  :ange:  
 
Suffisait de mettre le texte lui aussi ds des calques, et j'ai + qu'à positionner ts les calques entre eux !
 
Merci pour tt !  :jap:

Reply

Marsh Posté le 14-09-2005 à 17:17:27    

Désolé, c'est encore moi !  ;)  
 
Ca se chevauche encore suivant les navigateurs, alore que c'est correctement positionné dans Dreamweaver !
 
Comprends pas !  :pfff:

Reply

Marsh Posté le 14-09-2005 à 17:52:16    

Tu n'as qu'à arrêter de croire que les claques ca existe et de penser CODE : HTML et CSS et pas Bouse de Dreamweaver

Reply

Marsh Posté le 14-09-2005 à 17:59:24    

je sais, je sais, je connais le refrain.
 
Mais faut un début à tout, et je me vois pas faire entièrement mon site en code alors que j'y capte presque rien !
Ou alors, il sera en ligne dans 2 ans !!!  
 
Moi, je résonne pas comme ça.
Je fais mes pages en visuel, et je vais voir ce que ça donne en code.
 
Pour revenir au pb, j'ai été vérifier le code, et mon peu de connaissances en html ne m'ont pas permis de comprendre.
 
D'ou mon appel à l'aide.  :o

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed