soucis : alt="background image"

**fripette** · 26/05/2008, 16h06

Bonjour !
J'essais d'utiliser l'astuce d'une page html qui vient se superposer sur un .png .
Je fais cette tentative dans une page jsp car je code en Jsp/servlet sous Tomcat : ceci me permet d'inclure mes variables au bon moment dans mon html.

Cependant le .html ne se superpose pas au .png : la page rendue est sympa :le .png puis en dessous de cette page mon texte ecrit en tout petit et écrasée:

Voici mon jsp:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
 
<%@ page import="java.sql.ResultSet"%>
<% 
ResultSet resultat = (ResultSet) request.getAttribute("resultset");
 
String NEtude = (String) session.getAttribute("NEtude"); 
String nomCentre = (String)session.getAttribute("nomCentre");
%>
 
<%@include file="/WEB-INF/JSP/LEG/Result/enteteFicheResultLEGBIS.html" %>
<DIV style="position:absolute;top:100;left:225"><nobr><span class="ft2">Centre hospitalier / Clinique: <%= nomCentre%></span></nobr></DIV>
<%@include file="/WEB-INF/JSP/LEG/Result/entete2FicheResultLEGBIS.html" %>

Voici mon enteteFicheResultLEGBIS.html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Page 1</TITLE>
 
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<DIV style="position:relative;width:595;height:842;">
<STYLE type="text/css">
<!--
	.ft0{font-size:8px;font-family:Times;color:#000000;}
	.ft1{font-size:5px;font-family:Times;color:#000000;}
	.ft2{font-size:8px;font-family:Times;color:#000000;}
	.ft3{font-size:12px;font-family:Times;color:#000000;}
	.ft4{font-size:10px;font-family:Times;color:#000000;}
	.ft5{font-size:8px;font-family:Times;color:#0000ff;}
	.ft6{font-size:5px;font-family:Times;color:#0000ff;}
	.ft7{font-size:8px;font-family:Times;color:#ff0000;}
	.ft8{font-size:8px;line-height:12px;font-family:Times;color:#000000;}
-->
</STYLE>
</HEAD>
<BODY bgcolor="#A0A0A0" vlink="blue" link="blue">
<IMG width="595" height="842" src="test001.png" alt="background image">
<DIV style="position:absolute;top:16;left:13"><nobr><span class="ft0"><b>FIC.</b></span></nobr></DIV>
<DIV style="position:absolute;top:18;left:33"><nobr><span class="ft1"><b>AIR</b></span></nobr></DIV>
<DIV style="position:absolute;top:16;left:46"><nobr><span class="ft0"><b>.002.</b></span></nobr></DIV>
<DIV style="position:absolute;top:18;left:66"><nobr><span class="ft1"><b>V</b></span></nobr></DIV>
<DIV style="position:absolute;top:16;left:71"><nobr><span class="ft0"><b>3</b></span></nobr></DIV>
<DIV style="position:absolute;top:17;left:381"><nobr><span class="ft0"><b>AIR.</b></span></nobr></DIV>
<DIV style="position:absolute;top:810;left:550"><nobr><span class="ft2">1</span></nobr></DIV>
<DIV style="position:absolute;top:38;left:145"><nobr><span class="ft3">Fiche de résultats : Analyse microbiologique des </span></nobr></DIV>
<DIV style="position:absolute;top:57;left:163"><nobr><span class="ft3">prélèvements d'air </span></nobr></DIV>
<DIV style="position:absolute;top:58;left:290"><nobr><span class="ft4">(suivant PROT.AIR.002.v2)</span></nobr></DIV>
<DIV style="position:absolute;top:381;left:167"><nobr><span class="ft0"><b>Tests enzymatiques</b></span></nobr></DIV>
<DIV style="position:absolute;top:65;left:25"><nobr><span class="ft5">B</span></nobr></DIV>
<DIV style="position:absolute;top:67;left:32"><nobr><span class="ft6">IOTECH</span></nobr></DIV>
<DIV style="position:absolute;top:77;left:20"><nobr><span class="ft5">G</span></nobr></DIV>
<DIV style="position:absolute;top:79;left:27"><nobr><span class="ft6">ERMANDE</span></nobr></DIV>
<DIV style="position:absolute;top:379;left:17"><nobr><span class="ft2">Nom</span></nobr></DIV>
<DIV style="position:absolute;top:445;left:19"><nobr><span class="ft2">Date péremption</span></nobr></DIV>
<DIV style="position:absolute;top:429;left:18"><nobr><span class="ft2">N° de lot</span></nobr></DIV>
<DIV style="position:absolute;top:413;left:17"><nobr><span class="ft2">Fabricant :</span></nobr></DIV>
<DIV style="position:absolute;top:396;left:17"><nobr><span class="ft2">Type</span></nobr></DIV>
<DIV style="position:absolute;top:382;left:367"><nobr><span class="ft0"><b>Galerie API 1</b></span></nobr></DIV>
<DIV style="position:absolute;top:382;left:479"><nobr><span class="ft0"><b>Galerie API 2</b></span></nobr></DIV>
<DIV style="position:absolute;top:359;left:24"><nobr><span class="ft4">Tests d'identification</span></nobr></DIV>

Voici mon entete2FicheResultLEGBIS.html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<DIV style="position:absolute;top:160;left:100"><nobr><span class="ft2">Heure d'incubation</span></nobr></DIV>
<DIV style="position:absolute;top:160;left:280"><nobr><span class="ft2">N° Etuve</span></nobr></DIV>
<DIV style="position:absolute;top:181;left:30"><nobr><span class="ft2">Date, nom et signature technicien </span></nobr></DIV>
<DIV style="position:absolute;top:194;left:83"><nobr><span class="ft2">préleveur</span></nobr></DIV>
<DIV style="position:absolute;top:314;left:45"><nobr><span class="ft2">Lecture: Date, heure</span></nobr></DIV>
<DIV style="position:absolute;top:327;left:21"><nobr><span class="ft2">Nom et signature du technicien</span></nobr></DIV>
<DIV style="position:absolute;top:497;left:13"><nobr><span class="ft0"><b>Observations (noter tout élément relatif à la réalisation des essais: </b></span></nobr></DIV>
<DIV style="position:absolute;top:497;left:332"><nobr><span class="ft7"><b>les identifications effectuées,</b></span></nobr></DIV>
<DIV style="position:absolute;top:497;left:471"><nobr><span class="ft0"><b> écarts par rapport à </b></span></nobr></DIV>
<DIV style="position:absolute;top:509;left:13"><nobr><span class="ft8"><b>la méthode, toutes autres remarques)<br></b>Poursuivre au dos de la page si nécessaire; dans ce cas, le signaler par une flèche en bas de page.</span></nobr></DIV>
<DIV style="position:absolute;top:158;left:18"><nobr><span class="ft4">Incubation</span></nobr></DIV>
<DIV style="position:absolute;top:250;left:12"><nobr><span class="ft4">Milieu de culture</span></nobr></DIV>
<DIV style="position:absolute;top:252;left:181"><nobr><span class="ft2">Fabricant</span></nobr></DIV>
<DIV style="position:absolute;top:272;left:46"><nobr><span class="ft2">Gélose TS</span></nobr></DIV>
<DIV style="position:absolute;top:251;left:359"><nobr><span class="ft2">N° de lot</span></nobr></DIV>
<DIV style="position:absolute;top:248;left:440"><nobr><span class="ft2">Date de peremption</span></nobr></DIV>
<DIV style="position:absolute;top:466;left:21"><nobr><span class="ft2">Date, nom et signature technicien</span></nobr></DIV>
<DIV style="position:absolute;top:140;left:13"><nobr><span class="ft2">A compléter (par le technicien préleveur, si prélèvement réalisé par Biotech-Germande)</span></nobr></DIV>
<DIV style="position:absolute;top:226;left:32"><nobr><span class="ft2">A compléter par le technicien laboratoire lors de la lecture</span></nobr></DIV>
<DIV style="position:absolute;top:360;left:168"><nobr><span class="ft2">Si  identification : A compléter par le technicien laboratoire</span></nobr></DIV>
</DIV>
</BODY>
</HTML>

En fait ca ne marche plus quand je passe en jsp: j'ai juste coupé ma page d'origine pour pouvoir inclure ma variable <%= nomCentre%>.
Auriez vous une idée ? est ce la bonne partie du forumpour poser mes questions ? j'ai fait une faute de copier-coller ?
Merci de votre aide !

**fripette** · 26/05/2008, 17h05

Bon j'ai réussi à mettre mon image de fond comme je le désirais : le changement que j'ai fait dans mon script est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Page 1</TITLE>
 
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<DIV style="position:relative;width:595;height:842;">
<STYLE type="text/css">
<!--
	BODY {
		background-repeat: no-repeat;
 
	}
	.ft0{font-size:8px;font-family:Times;color:#000000;}
	.ft1{font-size:5px;font-family:Times;color:#000000;}
	.ft2{font-size:8px;font-family:Times;color:#000000;}
	.ft3{font-size:12px;font-family:Times;color:#000000;}
	.ft4{font-size:10px;font-family:Times;color:#000000;}
	.ft5{font-size:8px;font-family:Times;color:#0000ff;}
	.ft6{font-size:5px;font-family:Times;color:#0000ff;}
	.ft7{font-size:8px;font-family:Times;color:#ff0000;}
	.ft8{font-size:8px;line-height:12px;font-family:Times;color:#000000;}
-->
</STYLE>
</HEAD>
<BODY bgcolor="#A0A0A0" vlink="blue" link="blue" background="test001.png">

Maintenant le soucis vient des positions spécifiées dans mes différents div :
ex: <DIV style="position:absolute;top:16;left:13">

ceci n'est pas du tout respecter et tout ce qui se passe c'est que le texte se réécrit sur lui même .

De plus quand je fais apercu avant impression mon background n'apparait plus !!
Des idées ?

soucis : alt="background image"

Servlets/JSP Java

Discussions similaires

Partager

Partager