voila tt le monde j ai un bete de probleme je dois mettre mon site n lgne ds 5jours mais le fond en s affiche pas correctement en serveur sour easy php !! cependant en double-clicant ca marche ( mé le php s'affcihe pas(normal))
g tt essayer avant ce post !!
aider moi pliz : voila tt mes codes :
ma page index.php
<html>
<head>
<title>mon site</title>
<link rel="stylesheet" type="text/css"
href="2c-lc-static-layout.css" />
<link rel="stylesheet" type="text/css"
href="2c-lc-static-presentation.css" />
</head>
<body>
<!-- left column -->
<div id="lh-col"><br />
<p align="center">
<?
include('menu.htm');
?>
<br />
<br />
<p align="center">
</div>
<!-- end of left column -->
<!-- right column -->
<div id="rh-col">
<img src="img/banniere.gif" alt="" border="0"></a></p>
<h3 align="center">Bienvenue sur le site de ...
</div>
<!-- end of right column -->
</body>
</html>
mes feuille css :
benh voila :
1ere feuille css :
/* Layout Stylesheet */
body{
margin: 0px;
padding:0;
background: #3F75AB;
color: white;
}
#lh-col{
position: absolute;
top: 20px;
left: 20px;
width: 180px;
border: 2px solid black;
background: white;
color: red;
margin: 0px;
padding: 0px;
height: 400px;
}
#rh-col{
margin: 20px 20px 20px 220px;
border: 2px solid black;
background: #ffffff;
color: #333333;
padding: 20px;
a:hover {text-decoration: underline;
background: #F5F5D1;}
a:link {text-decoration: none;
}
}
2eme feuille css :
/* Presentation Stylesheet */
h4 {
margin:0;
padding: 5px 0;
}
a:hover {text-decoration: underline;
background: #F5F5D1;}
a:link {text-decoration: none;
}
a:active {text-decoration: underline;
}
a:link,a:active,a:visited
{
text-decoration:none;
}
menu :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
#image { /* bloc image en arrière-plan */
width : 190px;
height: 51px;
background: url(img/3logos2.gif) top left no-repeat;
}
#zone1 { /* zone cliquable */
float: left;
width : 80px;
height: 34px;
margin-left: 0px;
margin-top: 0px;
}
#zone2 { /* zone cliquable */
float: right;
width : 94px;
height: 36px;
margin-right: 0px;
margin-top: 0px;
}
#zone3 { /* zone cliquable */
float: left;
width : 190px;
height: 15px;
margin-right: 0px;
margin-bottom: 0px;
}
#zone1:hover {
width : 80px;
height: 34px;
left: 0px;
top: 0px;
border: 1px dotted white;
background: url(img/minivideospace.gif) top left no-repeat;
z-index: 100;
}
#zone2:hover {
width : 94px;
height: 36px;
right: 0px;
top: 0px;
border: 1px dotted white;
background: url(img/minidbs.gif) top left no-repeat;
z-index: 100;
}
#zone3:hover {
width : 190px;
height: 15px;
left: 0px;
bottom: 0px;
border: 1px dotted white;
background: url(img/mininortek1.gif) top left no-repeat;
z-index: 100;
}
<!--
body {
margin: 0;
padding: 0;
background: #fff;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: center;
top: 60;
left: 2.5;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #fff;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #C4DBF2;
}
#menu li a:active, #menu dt a:active {
background: #93BCE5;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
-->
</style>
</head>
<p align="center">
<a href="index.php"><img src="img/logotbc.jpg" border=0></a><br>
<div id="image">
<a id="zone1" href="videospace.php" title="VidéoSpace"></a>
<a id="zone2" href="dbs.php" title="DBS"></a>
<a id="zone3" href="nortek.php" title="Nortek"></a>
</div>
<dl id="menu">
<dt onclick="javascript:montre();"><a href="index.php"> Accueil </a></dt>
<dt onclick="javascript:montre('smenu5');">Le groupe TBC</dt>
<dd id="smenu5">
<ul>
<li><a href="groupepres.php">Présentation</a></li>
<li><a href="objectif.php">Objectifs</a></li>
<li><a href="actualite.php">Actualité</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">Broadcast</a></dt>
<dd id="smenu2">
<ul>
<li><a href="prodhard.php">Produits Hardware</a></li>
<li><a href="prodsoft.php">Produits Software</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Securité</dt>
<dd id="smenu3">
<ul>
<li><a href="equip.php">Equipements</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Chaine télévision</dt>
<dd id="smenu4">
<ul>
<li><a href="t.php">Solaris TV</a></li>
<li><a href="t.php">???</a></li>
</ul>
</dd>
</dd>
<dt onclick="javascript:montre('smenu6');">Nous contacter</dt>
<dd id="smenu6">
<ul>
<li><a href="contact.php#vnir">Venir nous voir</a></li>
<li><a href="contact.php#mail">Par courier éléctronique</a></li>
</ul>
</dd>
</dl>
</p>
<br>
<img src="img/ref.gif"><br><br>
merci de lattention porté a mon probleme
g tt essayer avant ce post !!
aider moi pliz : voila tt mes codes :
ma page index.php
<html>
<head>
<title>mon site</title>
<link rel="stylesheet" type="text/css"
href="2c-lc-static-layout.css" />
<link rel="stylesheet" type="text/css"
href="2c-lc-static-presentation.css" />
</head>
<body>
<!-- left column -->
<div id="lh-col"><br />
<p align="center">
<?
include('menu.htm');
?>
<br />
<br />
<p align="center">
</div>
<!-- end of left column -->
<!-- right column -->
<div id="rh-col">
<img src="img/banniere.gif" alt="" border="0"></a></p>
<h3 align="center">Bienvenue sur le site de ...
</div>
<!-- end of right column -->
</body>
</html>
mes feuille css :
benh voila :
1ere feuille css :
/* Layout Stylesheet */
body{
margin: 0px;
padding:0;
background: #3F75AB;
color: white;
}
#lh-col{
position: absolute;
top: 20px;
left: 20px;
width: 180px;
border: 2px solid black;
background: white;
color: red;
margin: 0px;
padding: 0px;
height: 400px;
}
#rh-col{
margin: 20px 20px 20px 220px;
border: 2px solid black;
background: #ffffff;
color: #333333;
padding: 20px;
a:hover {text-decoration: underline;
background: #F5F5D1;}
a:link {text-decoration: none;
}
}
2eme feuille css :
/* Presentation Stylesheet */
h4 {
margin:0;
padding: 5px 0;
}
a:hover {text-decoration: underline;
background: #F5F5D1;}
a:link {text-decoration: none;
}
a:active {text-decoration: underline;
}
a:link,a:active,a:visited
{
text-decoration:none;
}
menu :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
#image { /* bloc image en arrière-plan */
width : 190px;
height: 51px;
background: url(img/3logos2.gif) top left no-repeat;
}
#zone1 { /* zone cliquable */
float: left;
width : 80px;
height: 34px;
margin-left: 0px;
margin-top: 0px;
}
#zone2 { /* zone cliquable */
float: right;
width : 94px;
height: 36px;
margin-right: 0px;
margin-top: 0px;
}
#zone3 { /* zone cliquable */
float: left;
width : 190px;
height: 15px;
margin-right: 0px;
margin-bottom: 0px;
}
#zone1:hover {
width : 80px;
height: 34px;
left: 0px;
top: 0px;
border: 1px dotted white;
background: url(img/minivideospace.gif) top left no-repeat;
z-index: 100;
}
#zone2:hover {
width : 94px;
height: 36px;
right: 0px;
top: 0px;
border: 1px dotted white;
background: url(img/minidbs.gif) top left no-repeat;
z-index: 100;
}
#zone3:hover {
width : 190px;
height: 15px;
left: 0px;
bottom: 0px;
border: 1px dotted white;
background: url(img/mininortek1.gif) top left no-repeat;
z-index: 100;
}
<!--
body {
margin: 0;
padding: 0;
background: #fff;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: center;
top: 60;
left: 2.5;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #fff;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #C4DBF2;
}
#menu li a:active, #menu dt a:active {
background: #93BCE5;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
-->
</style>
</head>
<p align="center">
<a href="index.php"><img src="img/logotbc.jpg" border=0></a><br>
<div id="image">
<a id="zone1" href="videospace.php" title="VidéoSpace"></a>
<a id="zone2" href="dbs.php" title="DBS"></a>
<a id="zone3" href="nortek.php" title="Nortek"></a>
</div>
<dl id="menu">
<dt onclick="javascript:montre();"><a href="index.php"> Accueil </a></dt>
<dt onclick="javascript:montre('smenu5');">Le groupe TBC</dt>
<dd id="smenu5">
<ul>
<li><a href="groupepres.php">Présentation</a></li>
<li><a href="objectif.php">Objectifs</a></li>
<li><a href="actualite.php">Actualité</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">Broadcast</a></dt>
<dd id="smenu2">
<ul>
<li><a href="prodhard.php">Produits Hardware</a></li>
<li><a href="prodsoft.php">Produits Software</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Securité</dt>
<dd id="smenu3">
<ul>
<li><a href="equip.php">Equipements</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Chaine télévision</dt>
<dd id="smenu4">
<ul>
<li><a href="t.php">Solaris TV</a></li>
<li><a href="t.php">???</a></li>
</ul>
</dd>
</dd>
<dt onclick="javascript:montre('smenu6');">Nous contacter</dt>
<dd id="smenu6">
<ul>
<li><a href="contact.php#vnir">Venir nous voir</a></li>
<li><a href="contact.php#mail">Par courier éléctronique</a></li>
</ul>
</dd>
</dl>
</p>
<br>
<img src="img/ref.gif"><br><br>
merci de lattention porté a mon probleme