Bonjour,
Je viens d'ajouter une fenêtre pop-up à ma page d'accueil (au niveau du lien "optimiser la visualisation du sîte) et quand je clique sur le lien, on me dit qu'il y a une erreur sur la page. Malheureusement je ne vois pas où elle se trouve.
Voici mon code html de la page d'accueil
mon css
et le code html de ma popup (opti.htm)
J'ai intégrer un menu en JavaScript (menu_francais.js) mais je ne pense pas qu'on en a besoin pour résoudre mon problème.
Merci pour votre aide!
Modifié par Ari (25 Apr 2006 - 14:50)
Je viens d'ajouter une fenêtre pop-up à ma page d'accueil (au niveau du lien "optimiser la visualisation du sîte) et quand je clique sur le lien, on me dit qu'il y a une erreur sur la page. Malheureusement je ne vois pas où elle se trouve.
Voici mon code html de la page d'accueil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="css1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style13 {color: #000066}
.Style17 {font-size: 11px}
.Style23 {font-size: 9px; color: #666666; }
.Style27 {font-size: 9px; color: #115eac; }
.Style28 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 70%;
color: #999999;
}
-->
</style>
<style media="print" type="text/css">
<!--
.printzone {display:none}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!—
function affichage_popup(nom_de_la_page)
{
window.open (nom_de_la_page, config='height=320, width=430, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
-->
</SCRIPT>
<title>Accueil ChemTox</title></head>
<body>
<div class="conteneur">
<div id="header">
<div id="banner">
<div align="center">
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15%"><div align="center"><a href="chinese_homepage.htm"><img src="chine.gif" width="60" height="40" border="0"></a></div></td>
<td width="60%"><div align="center"><img src="Logo%20CT%202.jpg" width="223" height="56"></div></td>
<td width="15%"><div align="center"><a href="homepage.htm"><img src="royaume_uni.gif" width="60" height="40" border="0"></a></div></td>
</tr>
</table>
<p>Laboratoire de développement, d'analyse et d'expertise en T</p>
</div>
</div>
<div id="navtop"> </div>
<div id="nav" align="center">
<div class="printzone">
<SCRIPT LANGUAGE="JavaScript" SRC="menu_francais.js"></SCRIPT>
</div>
</div>
</div>
<div id="content">
<div id="actualite">
<div class="feature4"><strong> Actualités</strong></div>
<div class="feature3">Le 12 juillet 2005, l'Alsace a obtenu le label Pôle de Compétitivité "Innovations Thérapeutiques" à vocation mondiale. Dans ce cadre, ce pôle de compétitivité a promu, soutenu et labellisé le projet de Recherche & Développement "O", une collaboration entre le Laboratoire de Chimie Génétique de la Faculté de Pharmacie de l'Université Louis Pasteur à Illkirch, PPT et CT. CT est ainsi reconnu dans le pôle de compétitivité alsacien.</div>
<div class="feature3">
<div align="center"><span class="Style13">Nouveau !</span> Le kit de prélèvement<br>
<span class="Style13">Exclusif !</span> La Lettre de CT (numéro1) <span class="Style28"><a href="lettre_ct_1.pdf" target="_blank">(lire)</a></span></div>
</div>
</div>
</div>
<div id="sidebar">
<div class="printzone">
<div class="feature"> Nous contacter :
<ul>
<li><a href="Accès%20CT.pdf" target="_blank">plan d'accès (pdf/161ko)</a></li>
<li><a href="mailto:xxx@xxx.com">nous écrire</a></li>
</ul>
</div>
<div class="feature">Le kit de prélèvement<br><a href="kit.htm" target="_self">Plus d'informations</a></div>
<div class="feature"><a href="chemtox_un_seul_clic.htm">CT en un seul clic</a></div>
<div class="feature"><a href="javascript:affichage_popup('opti.htm');">Optimiser la visualisation du site</a></div>
</div>
</div>
<div id="address">
<div align="center"><br>
<p class="Style17">3 rue G- PI- 00000 PARIS, France<br>
Tél. : +33 (0)3 90 90 90 90- Fax : +33 (0)3 90 90 90<br>
Email : <a href="mailto:xxx@xxx.com">xxx@xxx.com</a></p>
<table align="center" width="700" border="0" cellspacing="3" cellpadding="2">
<tr>
<td><div align="left" class="Style27">Première édition : 01.01.2004 </div></td>
<td><div align="center" class="Style23"><a href="mentions_légales.htm">Mentions légales</a></div></td>
<td><div align="right" class="Style27">Dernière édition : <!-- #BeginDate format:Ge1 -->25.04.2006<!-- #EndDate --></div></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
mon css
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
text-align: center;
}
.conteneur {
width: 770px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#header {
width: 100%;
left: 0px;
top: 0px;
background-color: #FFFFFF;
}
div#banner {
background-color: #FFFFFF;
height: 90px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
background-attachment: fixed;
font-family: "Palatino Linotype";
color: #000000;
font-size: 18px;
}
div#navtop {
width: 770px;
line-height : 5px;
}
div#nav{
width: 770px;
height : 55px;
font-size: 80%;
border-bottom : 2px solid #105BAC;
border-top : 0px solid #105BAC;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
}
div#content {
position:absolute;
width: 500px;
margin: 15px 260px 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
line-height: 150%;
padding-right: 10px;
padding-left: 10px;
text-align: justify;
float:left;
display: inline;
}
div#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 146%;
color: #000066;
font-weight: normal;
text-align: left;
line-height: 150%;
margin-top: -2px;
}
div#content h2 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
font-size: 100%;
text-align:left;
}
div#content h3 {
font-family: Arial, Helvetica, sans-serif;
color: #333300;
font-weight: bold;
font-size: 120%;
text-align:left;
line-height: 150%;
}
div#content div.feature ul{
margin : 0;
padding : 0;
line-height : 120%;
list-style-type: disc;
list-style-position: inside;
}
div#content div.feature2 ul {
line-height : 160%;
list-style-type: square;
list-style-position: inside;
}
div#actualite {
position:absolute;
width: 420px;
margin: 0px 180px 0 0px;
background-color: #FFFFFF;
float:left;
display:inline;
}
div#actualite div.feature3 {
color : #000000;
background-color : #FFFFFF;
border-left : 2px solid #000066;
border-right : 2px solid #000066;
border-top: 0px solid #000066;
border-bottom: 2px solid #000066;
margin-bottom : 0px;
padding : 5px;
line-height: 150%;
font-family: Arial, Helvetica, sans-serif;
font-size : 100%;
}
div#actualite div.feature4 {
color : #ffffff;
background-color : #000066;
border : 2px solid #000066;
margin-bottom : 0px;
padding : 5px;
line-height: 150%;
font-family: Arial, Helvetica, sans-serif;
font-size : 100%;
}
div#sidebar {
position:absolute;
width: 222px;
margin: 15px 10px 0 538px;
font-size : 70%;
background-color: #FFFFFF;
float:right;
display:inline;
}
div#sidebar div.feature {
font-family: Georgia, "Times New Roman", Times, serif;
color : #666666;
background-color : #FFFFFF;
border : 1px solid #cccccc;
margin-bottom : 11px;
padding : 10px;
line-height: 180%;
}
div#sidebar div.feature a{
color : #115eac;
text-decoration : none;
}
div#sidebar div.feature a:hover{
color : #115eac;
text-decoration: underline;
}
div#sidebar div.feature ul{
margin : 0;
padding : 0;
line-height : 180%;
list-style-type: square;
list-style-position: inside;
line-height: 200%;
}
div#sidebar div.feature ul li{
color : #06D3FF;
background-color : transparent;
line-height: 200%;
}
div#sidebar div.feature ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
}
div#sidebar div.feature ul li a:hover{
text-decoration : underline;
}
div#sidebar h1{
font-size : 110%;
margin : 0;
padding : 0;
color: #115EAC;
}
div#address {
clear:both;
margin: 280px 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
}
div#address a{
color : #115eac;
text-decoration : underline;
}
div#address a:hover{
color : #115eac;
text-decoration: underline;
}
et le code html de ma popup (opti.htm)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ChemTox- Optimiser votre consultation du site</title>
<style type="text/css">
.intro{
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
padding-top : 20px;
padding-left : 10px;
padding-right : 10px;
/*width : 416px;*/
height : 298px;
}
</style>
</head>
<body marginwidth="0" marginheight="0" rightmargin="0" leftmargin="0">
<div class="intro">
<b>Au sujet de l'affichage des pages du site</b><br />
<br />
Affichage optimisé pour 1024x768<br />
<br />
Pour visualiser le site, vous devez disposer des logiciels suivants :<br />
<br />
Adobe Acrobat Reader - <a target="_blank" href="http://www.adobe.fr/products/acrobat/readstep.html">Télécharger</a><br />
<br />
<b>Quels navigateurs utiliser ?</b><br />
<br />
L'utilisation d'une version inférieure à Internet Explorer 5 ou Netscape 6 ne vous permet pas de visualiser ce site dans des conditions optimales. Nous vous conseillons d'installer la dernière version d’Internet Explorer ou de Netscape.<br />
<br />
Internet Explorer - <a target="_blank" href="http://www.microsoft.com/windows/ie_intl/fr/">Télécharger</a><br />
Netscape - <a target="_blank" href="http://">Télécharger</a><br>
Mozilla - <a target="_blank" href="http://frenchmozilla.sourceforge.net/install/">Télécharger</a><br>
</div>
</body>
</html>
J'ai intégrer un menu en JavaScript (menu_francais.js) mais je ne pense pas qu'on en a besoin pour résoudre mon problème.
Merci pour votre aide!
Modifié par Ari (25 Apr 2006 - 14:50)