A L'AIDE !! image dans calque dans tableau
alinéas
Messages postés
5
Statut
Membre
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
coucou, ... HELP !! .... ai un problèmmmmme ... dans ma PAGE,
j'ai un T AB L E A U ( sur l' entierté de la page).
Dans ce tableau , une I M A G E ( a) ,
et sur cette image, un C A L Q U E avec une image ( b ) très très haute ( 4500 px ) .
Si bien que dans IE, ma page web est aussi trèsss haute ... : mon image ( a ) est perdue dans le haut de ma page ... et mon image ( b ) est visible sur le reste de ma page au lieu de rester cachée dans mon CALQUE
.... pas très joli tout ça !!
Comment faire pour installer sur une image, une autre image avec un ascenseur vertical ????
J' ai essayé avec IFRAME mais pas possible de le placer SUR mon tableau ... !
Un GRAND merci pour votre aide :-)
j'ai un T AB L E A U ( sur l' entierté de la page).
Dans ce tableau , une I M A G E ( a) ,
et sur cette image, un C A L Q U E avec une image ( b ) très très haute ( 4500 px ) .
Si bien que dans IE, ma page web est aussi trèsss haute ... : mon image ( a ) est perdue dans le haut de ma page ... et mon image ( b ) est visible sur le reste de ma page au lieu de rester cachée dans mon CALQUE
.... pas très joli tout ça !!
Comment faire pour installer sur une image, une autre image avec un ascenseur vertical ????
J' ai essayé avec IFRAME mais pas possible de le placer SUR mon tableau ... !
Un GRAND merci pour votre aide :-)
Configuration: Mac OS X Safari 1,3.0
6 réponses
-
Tu peux placer ton I M A G E dans une "div"
<div style="position:absolute; top:Xpx; left:Ypx"> <img src="bla bla"> </div>
Avec X et Y respectivement la position par rapport au haut de la page et par rapport à la gauche (en pixels).
Ca devrait M A R C H E R
Ben ;) -
Sinon il reste la solution de fixer la hauteur de l'image avec la propriété height de la balise <img>
<img src="bla bla bla" height="X">
Ou X est la hauteur de l'image en pixel.
Ben -
Bonjour,
Quel est l'intérêt de cette (trop) grande image ?
Elle est censée servir à quoi ?
Pourquoi avoir choisi ces dimensions ?
+ Si tu écris calque, image… on comprend. Mieux même (-;
-
re-
un dessin vaut mieux qu'un long discours , je vous envoie ( une idée de ) ma page html :
- en JAUNE, le tableau ,
- en ROUGE , ce p**** de calque où j'aimerais bien y introduire une 'Grande' image ( en GRIS ) ... avec ascenseur vertical car en réalité, cette image est composée de petite photos ... d'où ce menu déroulant )
/// Avec SAFARI, no problémo mais avec IE, j'ai toujours ma page html avec ascenseur vertical et disproportionnée car l'image dans le calque ... ' à défaut d'être cachée dans , se positionne au -dessus de tout ///
Comment créer , à un endroit précis , un petit cadre interne avec défilement vertical sur une image fixe ou sur un tableau ( et pas à côté du tableau comme avec IFRAME ) ??
ENCORE UN GRAND MERCI POUR VOTRE AIDE
SANDRINE
.
.
.
<!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>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
}
#Layer2 {
position:relative;
width:344px;
height:143px;
z-index:1;
overflow: auto;
left: 0px;
top: 0px;
right: 0px;
background-color: #FF0000;
}
-->
</style>
<script 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="Layer2" style="position:absolute; top:49px; left:363px; overflow: auto; z-index: 1;"><img src="mail-toile.png" width="287" height="4500" /></div>
<table width="767" height="386" border="0">
<tr>
<td bgcolor="#FFFF00"> </td>
</tr>
</table>
</body>
</html><!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>Document sans nom</title>
</head>
<body>
</body>
</html> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Avant d'aller plus loin, et si le code que tu donnes est réellement celui que tu utilises, mets de l'ordre sans ce code.
Supprime, à la fin<!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>Document sans nom</title> </head> <body> </body> </html>
et teste.
+ Es-tu sûre que le script soit réellement utile ?
-
re-
c'est fait, j'ai supprimé la fin du code ... mais le problème reste entier :-)
( quand au script, je ne vois pas comment faire autrement ... si tu as une autre idée pour arriver à placer une image ( petit menuavec barre de défilement ) dans une image en fond d'écran ou dans un tableau ... go !
merci
sandrine
-
-
Je ne suis pas spécialiste de Javascript, mais il me semble que ce script sert uniquement à adapter le contenu de la fenêtre du navigateur si celui-ci est Netscape 4 (“reloads the window if Nav4 resized”) ce qui mettait ma patience à rude épreuve lorsque je l'utilisais sur mon ancien système.
Reste-t-il de nombreux utilisateurs de Nav4 ?
Teste sans.