Partage
  • Partager sur Facebook
  • Partager sur Twitter

{{ Titre }} probleme css

svp

suliac
30 août 2006 à 18:05:40

bonjour voila j'ai un site . voici le lien : ici et je voudrais mettre une image de fond pour que ca ressemble a ca : ici

alor voici le code css :

/*Xhtml CSS by Axcinformatique*/

body
{
color: inherit;
font-family: arial, Sans-serif;
background-color: #ededed;
}

a
{
color: black;
}

a:hover
{
color: #ff9600;
}

.design
{
border-collapse: collapse;
margin: auto;
height: auto;
width: 800px;
border: 1px black solid;
}

.header
{
width: 800px;
height: 141px;
background-image: url("../design/ban.png");
background-repeat: no-repeat;
border-bottom: 1px black solid;
}

.nav_gauche
{
width: 200px;
height: auto;
background-image: url("../design/menufond1.png");
background-color:#ffe5a7;
background-repeat: no-repeat;
border-bottom: 1px black solid;
}

.nav_droite
{
vertical-align: middle;
font-size: 10pt;
color: black;
background-color: #ffe5a7;
width: 600px;
height: auto;
background-image: url("../design/menufond2.png");
background-repeat: no-repeat;
border-bottom: 1px black solid;
}

.nav_gauche a {
text-decoration:none;
}

.nav_droite a {
text-decoration:none;
}


.menu
{
vertical-align: top;
padding: 5px;
color: black;
height: 400px;
width: 200px;
background-color: #ffffff;
}

.menu_cat
{
color: black;
border: 1px solid #ededed;
padding: 2px;
width: 190px;
height: auto;
background-color: white;
}

.menu_cat_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 186px;
height: 27px;
background-image: url("../design/categorie.png");
background-repeat: no-repeat;
}

.menu_cat_content
{
padding: 2px;
text-align: left;
font-size: 9pt;
color: black;
width: 186px;
height: auto;
background-color: inherit;
}

.menu_cat_content_pub
{
padding: 2px;
text-align: left;
font-size: 7pt;
color: black;
width: 186px;
height: auto;
font-weight: none;
text-decoration: none;
background-color: inherit;
}

.content
{
color: black;
padding: 5px;
vertical-align: top;
background-color: #ffffff
}

.spacer
{
padding: 2px;
}

.presentation
{
padding: 2px;
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.presentation_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 567px;
height: 27px;
background-image: url("../design/informations.png");
background-repeat: no-repeat;
}

.presentation_content
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 566px;
height: auto;
background-color: inherit;
}

.news
{
margin-right: 6px;
margin-top: 2px;
float: left;
padding: 2px;
width: 279px;
height: auto;
font-size: 9pt;
text-align: justify;
border: 1px solid #ff9600;
}

.news_jeux
{
margin-top: 2px;
float: left;
padding: 2px;
width: 279px;
height: auto;
font-size: 9pt;
text-align: justify;
border: 1px solid #ff9600;
}

.news_titre
{
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 275px;
height: 27px;
background-color: inherit;
background-image: url("../design/barre.png");
background-repeat: no-repeat;
}

.news_content
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 275px;
height: auto;
background-color: inherit;
}

.news_content img
{
border: 1px solid black;
}

.derniersjeux
{
overflow: auto;
margin-top: 2px;
padding: 2px;
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.derniersjeux_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 566px;
height: 27px;
background-image: url("../design/autres.png");
background-repeat:no-repeat;
}

.clearfloat
{
clear: both;
}

.derniersjeux_content
{
background-color: inherit;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
margin-right: 7px;
width: 104px;
height: auto;
float: left;
}

.derniersjeux_content_fin
{
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 104px;
height: auto;
float: left;
background-color: inherit;
}

.derniersjeux_content img
{
border: 1px black solid;
}

.derniersjeux_content_fin img
{
border: 1px black solid;
}

.annoncesseries
{
margin-right: 6px;
margin-top: 2px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 6px;
float: left;
width: 279px;
height: auto;
font-size: 9pt;
text-align: justify;
border: 1px solid #ff9600;
}

.annoncesseries_divspacer
{
padding-top: 6px;
}

.annoncesseries_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
font-family:Kartika;
font-size:19px;
padding: 2px;
width: 275px;
height: 27px;
background-image: url("../design/barre.png");
background-repeat: no-repeat;
}

.annoncesseries_content
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 275px;
height: auto;
background-color: inherit;
}

.annoncesseries_image
{
margin: auto;
border: 1px solid black;
float: left
}

.catnewsd
{
float: left;
margin-top: 2px;
padding: 2px;
width: 279px;
height: auto;
font-size: 9pt;
text-align: justify;
border: 1px solid #ff9600;
}

.catnews_titred
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
font-family:Kartika;
font-size:18px;
padding: 2px;
width: 275px;
height: 27px;
background-image: url("../design/barre.png");
background-repeat: no-repeat;
}

.catnews_contentd
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 275px;
height: auto;
background-color: inherit;
}

.catnews_imaged
{
margin-right: 1px;
border: 1px solid black;
float: left;
}

.catnewsg
{
float: left;
margin-right: 6px;
margin-top: 2px;
padding: 2px;
width: 279px;
height: auto;
font-size: 9pt;
text-align: justify;
border: 1px solid #ff9600;
}

.catnews_titreg
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
font-family:Kartika;
font-size:18px;
padding: 2px;
width: 275px;
height: 27px;
background-image: url("../design/barre.png");
background-repeat: no-repeat;
}

.catnews_contentg
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 275px;
height: auto;
background-color: inherit;
}

.catnews_imageg
{
margin-right: 1px;
border: 1px solid black;
float: left;
}

.copyright
{
vertical-align: middle;
text-align: left;
border-top: 1px black solid;
width: 800px;
line-height: 25px;
font-size: 8pt;
background-image: url("../design/copyright.jpg");
background-repeat: no-repeat;
}

.categorie
{
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.categorie_titre
{
background-color: inherit;
margin: 2px;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 562px;
height: 27px;
background-image: url("../design/autres1.png");
background-repeat: no-repeat;
}

.categoried
{
float: left;
margin-top: 1px;
padding: 2px;
width: 275px;
height: auto;
font-size: 9pt;
text-align: justify;
}

.categorie_contentd
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 275px;
height: auto;
background-color: inherit;
}

.categorie_imaged
{
margin-right: 1px;
border: 1px solid black;
float: left;
}

.categorieg
{
float: left;
margin-right: 1px;
margin-top: 1px;
padding-right: 4px;
padding-left: 2px;
padding-bottom: 2px;
padding-top: 2px;
width: 275px;
height: auto;
font-size: 9pt;
text-align: justify;
border-right: 1px solid #ff9600;
}

.categorie_contentg
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 275px;
height: auto;
background-color: inherit;
}

.categorie_imageg
{
margin-right: 1px;
border: 1px solid black;
float: left;
}

.jeuxpage1
{
padding: 2px;
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.jeuxpage1_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 566px;
height: 27px;
background-image: url("../design/autres.png");
background-repeat: no-repeat;
}

.jeuxpage1_content
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 566px;
height: auto;
background-color: inherit;
}

.jeuxpage2
{
margin-top: 2px;
padding: 2px;
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.jeuxpage2_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 566px;
height: 27px;
background-image: url("../design/autres.png");
background-repeat: no-repeat;
}

.jeuxpage2_content
{
margin: auto;
padding: 2px;
text-align: center;
font-size: 9pt;
color: black;
width: 566px;
height: auto;
background-color: inherit;
}

.jeuxpage2_content img
{
border: none;
}

.jeuxpage3
{
margin-top: 2px;
padding: 2px;
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.jeuxpage3_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 566px;
height: 27px;
background-image: url("../design/autres.png");
background-repeat: no-repeat;
}

.jeuxpage3_content
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 566px;
height: auto;
background-color: inherit;
}

.pageautre
{
padding: 2px;
background-color: #ffffff;
color: black;
width: 570px;
height: auto;
border: 1px solid #ff9600;
}

.pageautre_titre
{
background-color: inherit;
margin: auto;
text-align: left;
font-size: 10pt;
color: black;
padding: 2px;
width: 566px;
height: 25px;
background-image: url("../design/autres.png");
background-repeat: no-repeat;
}

.pageautre_content
{
margin: auto;
padding: 2px;
text-align: justify;
font-size: 9pt;
color: black;
width: 566px;
height: auto;
background-color: inherit;
}

.contact
{
font-family: Arial;
border: 1px black solid;
}

.contactradio
{
border: none;
color: black;
}

.contactimage
{
float: right;
}

.contactbouton
{
border: 1px black solid;
background-color: #ededed;
}

.contactbouton:hover
{
background-color: #ff9600;
}

.contactform
{
display: inline;
}

.contacterreur
{
color: #ff9600;
font-weight: bold;
}

.livreorform
{
display: inline;
}

.livreorform1
{
border: 1px black solid;
font-family: Arial;
}

.livreorform2
{
background-color: #ededed;
border: 1px black solid;
}

.livreorform2:hover
{
background-color: #ff9600;
}

.livreorform3
{
color: #ff9600;
font-weight: bold;
}

.livreormessage
{
margin-top: 2px;
margin-bottom: 2px;
}


merci pour vos aides !
  • Partager sur Facebook
  • Partager sur Twitter
Maykeul
30 août 2006 à 18:26:39

Tu peut nous mettre ton code html stp parce que la c'est pas trop clair
  • Partager sur Facebook
  • Partager sur Twitter
suliac
30 août 2006 à 18:29:46

<?php require("noyau.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
<title>Le site jeu: L'univers du jeu</title>
<link rel="stylesheet" media="screen" type="text/css" title="LSJ" href="images/css/mypc.css" />
</head>
<body>
<table class="design">
<tr>
<td class="header" colspan="2">
<tr>
<td class="nav_gauche">
<?php include('favoris.php') ?>
</td>
<td class="nav_droite">
<a href="index.php?content=contact">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<?php require("date.php"); echo("$jour"); ?> <?php echo date("d"); ?> <?php echo("$mois"); ?> <?php echo date("Y"); ?>
</td>
</tr>
<tr>
<td class="menu">
<?php require("menu.php"); ?>
</td>
<td class="content">
<?
if(isset($_GET['content']))
{
$_GET['content'] = $_GET['content'];
}
else
{
$_GET['content'] = 'default.php';
}
$content = $_GET['content'] . ".php";
if(!isset($content)){
include ("default.php");
}
else{if(file_exists("$content")){
include "$content";}
else
{
include("default.php");
}
}
?>
</td>
</tr>
<tr>
<td class="copyright" colspan= "2">
<br />
</table>
</div>
</body>
</html>
  • Partager sur Facebook
  • Partager sur Twitter
C0c0
30 août 2006 à 18:50:03

Je vois pas trop ou est le problème mais bon.
Et pis ça fait plusieurs posts que je vois sur le site jeu, t'en a pas marre ? :lol:
  • Partager sur Facebook
  • Partager sur Twitter
suliac
30 août 2006 à 19:03:00

le probleme c'est que j'aimerais mettre mon fond comme ds la foto que je vous ai mise d'avoir les traits gris mais quand je le met dans mon code css ca marche pas !
  • Partager sur Facebook
  • Partager sur Twitter
Kanish
30 août 2006 à 20:06:52

ou ça des traits gris o_O
  • Partager sur Facebook
  • Partager sur Twitter
Maykeul
30 août 2006 à 20:28:36

Tu rajoute

background-color:("fond.jpg");

Dans ton

design
{
border-collapse: collapse;
margin: auto;
height: auto;
width: 800px;
border: 1px black solid;
}


  • Partager sur Facebook
  • Partager sur Twitter
Nyro Xeo
30 août 2006 à 20:33:33

Le message qui suit est une réponse automatique activée par un modérateur.
Les réponses automatiques permettent d'éviter aux modérateurs d'avoir à répéter de nombreuses fois la même chose, et donc de leur faire gagner beaucoup de temps.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter le modérateur en question par MP.


Le titre du sujet est incorrect


Bonjour,



Ce sujet a un titre qui ne décrit pas correctement le sujet, ou le titre est en majuscules. Vous pouvez re-poster votre sujet en rectifiant ce point.

Voici quelques correspondances pour vous aider à choisir au mieux votre titre :


Merci de votre compréhension :)
Les modérateurs.
  • Partager sur Facebook
  • Partager sur Twitter