Pb position calques/texte entre IE et FF (dream) - HTML/CSS - Programmation
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 />
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...
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 !
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"> </p>
<p align="left"><span class="Style7 Style8 Style10 Style27"> Il était une fois, un petit village retranché joliment nommé Burg, </span><span class="Style28"><span class="Style19">(prononcez BUR, c'est un G muet)</span> <span class="Style12">situé en Bigorre (Hautes-Pyrénées 65), et sa société musicale, qui subsistait tant bien que mal dans ce hammeau de quelques 300 âmes seulement, face aux écoles de musiques fortifiées romaines -pardon, bigourdanes- bien plus importantes qui l'encerclent.</span></span></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="center"> </p>
<p align="center" class="Style28 Style12"> </p>
<p align="center" class="Style28 Style12"> </p>
<p align="center" class="Style28 Style12"> </p>
<p align="center" class="Style28 Style12"> </p>
<p align="center" class="Style28 Style12"> </p>
<p align="center" class="Style28 Style12"> </p>
<p align="center" class="Style28 Style12">La lutte était rude, mais les dirigeants vaillants.</p>
<p align="center" class="Style9"> </p>
<p align="left" class="Style9 Style10 Style12 Style27"> </p>
<p align="left" class="Style9 Style10 Style12 Style27"> </p>
<p align="left" class="Style9 Style10 Style12 Style27"> </p>
<p align="left" class="Style9 Style10 Style12 Style27"> </p>
<p align="left" class="Style9 Style10 Style12 Style27"> </p>
<p align="left" class="Style9 Style10 Style12 Style27"> </p>
<p align="left" class="Style9 Style10 Style12 Style27">C'est alors que fut lancée l'idée, en l'an de grâce 1996, de créer une banda, afin de redynamiser tout ç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és fut au rendez-vous !</p>
<p align="left" class="Style20">Forte de sa bonne trentaine de musicos à ce jour, la banda des Boléros Burgais (là aussi, ça se prononce comme ça s'écrit, pas d'originalités SVP) met le feu tant qu'elle peut aux 4 coins du département et même un peu plus loin (allez voir <a href="sorties_effectuees.htm">ici</a> ), a enregistré pas moins de 3 CD et a permis de maintenir l'école de musique au village, avec toujours plus d'adhérents.</p>
<p align="left" class="Style27"><span class="Style29">Et ainsi nous vécûmes heureux et eumes beaucoup de porté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"> </p>
<p align="left" class="Style8"> </p>
</body>
</html>
Marsh Posté le 31-08-2005 à 18:22:39
Pb résolu !!!
Désolé du dérengement
Suffisait de mettre le texte lui aussi ds des calques, et j'ai + qu'à positionner ts les calques entre eux !
Merci pour tt !
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 !
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
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.
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 ?
Enfin, merci d'avance de vos réponses !