Forums Rue-Montgallet.com
Rue-Montgallet.comRue-Hardware.comRue-Occasion.comRue-DVD.comRue-Jeuxvideo.comRue-AudioVideo.comRue-Telephone.comForums
S'inscrire | S'identifier |
| Recherche avancée | Aide
 
 

Il y a 66 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

Probleme d'affichage du fond (bg color) Urgent !!

 
n°13770
beber1
beber en galere
Profil : Jeune recrue
Posté le 17-06-2005 à 11:09:14  profilanswer
 

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  

n°13780
leolio75
Profil : Membre
Posté le 17-06-2005 à 22:02:36  profilanswer
 

Peux-tu expliquer plus clairement ton problème (j'ai relus plusieurs fois mais je n'ai pas compris) ? Et pas en style SMS de préférence.

n°13783
darkkat
yonk
Profil : Membre
Posté le 18-06-2005 à 10:31:16  profilanswer
 

leolio75 a écrit :

Peux-tu expliquer plus clairement ton problème (j'ai relus plusieurs fois mais je n'ai pas compris) ? Et pas en style SMS de préférence.


 
moi non plus, par contre si c'est vrai le vrai code en dessous, ya un probleme de balises !
 

Code :
  1. <html>
  2. <head>
  3. <title>mon site</title>
  4. <link rel="stylesheet" type="text/css"
  5. href="2c-lc-static-layout.css" />
  6. <link rel="stylesheet" type="text/css"
  7. href="2c-lc-static-presentation.css" />
  8. </head>
  9. <body>
  10. <!-- left column -->
  11. <div id="lh-col"><br />
  12. <p align="center">
  13. <? 
  14. include('menu.htm');
  15. ?>
  16. <br />
  17. <br />
  18. <p align="center">   //  <= la tu devrais refermer la balise au lieu d'en rouvrir une autre </p>
  19. </div>
  20. <!-- end of left column -->
  21. <!-- right column -->
  22. <div id="rh-col">
  23. <img src="img/banniere.gif" alt="" border="0"></a></p>
  24. <h3 align="center">Bienvenue sur le site de ...  //  <= idem, il faut refermer la balise
  25. </div>
  26. <!-- end of right column -->
  27. </body>
  28. </html>


 
ensuite dans ta premiere feuille de style, tu as mis deux accolades ( "}" ) au lieu d'une pour refermer une definition !
 
regle deja ces petits problemes, puis ré-écrit ton probleme
 
merci ;)
 
edit: au lieu de mettre align: center dans ton h3, met le dans les css aussi


Message édité par darkkat le 18-06-2005 à 10:32:06

Aller à :
Ajouter une réponse