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 :-)
A voir également:
- A L'AIDE !! image dans calque dans tableau
- Tableau word - Guide
- Tableau ascii - Guide
- Dans le fichier, générez ce tableau automatiquement (tableau croisé dynamique ou table de pilote) à partir des quatre premières colonnes. - Guide
- Trier un tableau excel - Guide
- Image iso - Guide
6 réponses
Tu peux placer ton I M A G E dans une "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 ;)
<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>
Ou X est la hauteur de l'image en pixel.
Ben
<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 (-;
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>
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
+ Es-tu sûre que le script soit réellement utile ?
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
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.
Reste-t-il de nombreux utilisateurs de Nav4 ?
Teste sans.
j'ai essayé mais j'ai toujours cette Grandeee page html avec cet ascenseur vertical ... mon image déborde encore et encore du petit cadre ... ??
re-aide !!
merci beaucoup
sandrine
Avec une graaaaande image, tu aura FORCEMENT un ascenceur. Normal. A moins de limiter la hauteur maximale de la div auquel cas, l'image sera tronquée dans sa partie basse. Mais a mon avis, tu n'a pas le choix.
Voir http://fr.selfhtml.org/navigation/css.htm#ecriture. Peut-etre....