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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1187046
caperon
Newbee pour la vie !
Posté le 29-08-2005 à 14:17:33  profilanswer
 

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:  

mood
Publicité
Posté le 29-08-2005 à 14:17:33  profilanswer
 

n°1187082
dotfx
Posté le 29-08-2005 à 14:55:11  profilanswer
 

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
n°1188931
caperon
Newbee pour la vie !
Posté le 31-08-2005 à 18:06:16  profilanswer
 

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...

n°1188941
caperon
Newbee pour la vie !
Posté le 31-08-2005 à 18:11:51  profilanswer
 

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>

n°1188953
caperon
Newbee pour la vie !
Posté le 31-08-2005 à 18:22:39  profilanswer
 

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:

n°1199533
caperon
Newbee pour la vie !
Posté le 14-09-2005 à 17:17:27  profilanswer
 

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

n°1199587
gatsusat
Posté le 14-09-2005 à 17:52:16  profilanswer
 

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

n°1199601
caperon
Newbee pour la vie !
Posté le 14-09-2005 à 17:59:24  profilanswer
 

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


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

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

 

Sujets relatifs
[RESOLU] - Texte souligné "à la display: block;" (CSS)centrer du texte
Recherche d'un code : Texte défilant verticalement de façon non sacadéTexte explicatif pour image de background.
Texte info bulle et requêtesModification d'un fichier texte
Liens dans un texte flashSynchronisation entre une BD et un fichier texte
[HTML/CSS] Supprimer les espaces autour du texteAlignement de texte sur blog ... probleme
Plus de sujets relatifs à : Pb position calques/texte entre IE et FF (dream)


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