Probleme css/php/java [Archives]

Voir la version complète : Probleme css/php/java

adrien02120

02/04/2011, 10h56

Bonjour, je rencontre un sérieux problème, je désire mettre en forme mes bloc mais je ny arrive pas je ne sais pas pourquoi, si quelqu'un peut m'aider.
Voici mon code php/javascript/html/css

<!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" >

<?php
session_start();
?>

<head>
<title>Pronet - profil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="Design/Design.css" />
<link rel="stylesheet" type="text/css" href="Design/styles.css" />
<link rel="stylesheet" href="Design/styleMenu.css" type="text/css" charset="utf-8"/>

<script type="text/javascript" src="Design/jquery-1.3.2.js"></script>

</head>

<style>

.home
{
margin-right: 30px;
margin-left: 30px;
}

.Parametre
{
margin-right: 30px;
margin-left: 30px;
}

.contact
{
margin-right: 30px;
margin-left: 30px;
}

</style>

<body>

<?php include("MenuHaut.php"); ?>
<?php include("Design/MenuGauche.html"); ?>
<?php include("Design/Corps.php"); ?>
<?php include("Design/PiedDePage.php"); ?>

<?php \\!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Je test pour voir si la personne est bien connecter !!!!!!!!!!!!!!!!

if($_SESSION['pseudo'] == NULL)
{
header("Location: index.php");
}

\\!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Acces a la bdd pour charger l'image de l'utilisateur !!!!!!!!!!!!!!!

try
{
$pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
$bdd = new PDO('mysql:host=sql312.byetcluster.com;dbname=o300 m_7565582_Profil', 'o300m_7565582', '123789456', $pdo_options);
$reponse = $bdd->query('SELECT * FROM Inscrit');

while ($donnees = $reponse->fetch())
{
if($_SESSION['pseudo'] == $donnees['Pseudo'])
{
$NomDeLaPhoto = $donnees['NomPhoto'];
}

}

$reponse->closeCursor();
}

catch (Exception $e)
{
die('Erreur : ' . $e->getMessage());
}

?>

<?php
echo "<img src='PhotoPerso/$NomDeLaPhoto' id='PhotoProfil' />";
?>

<div id="main">

<ul id="navigationMenu">
<li>
<a class="home" onclick="AfficheHome()" >
<span >Acceuil</span>

</a>
</li>

<li>
<a class="Parametre" onclick="AfficheParam();" >
<span>Parametre</span>
</a>
</li>

<li>
<a class="contact" onclick="AfficheContact();" >
<span >Contact</span>
</a>
</li>

</ul>

</div>

<dd id="homee">

p>home</p>

</dd>

<dd id="para">

<p>para</p>

</dd>

<dd id="contact">

<p>contact</p>

</dd>

</body>
</html>

<script type="text/javascript">

document.getElementById('para').style.display='non e'
document.getElementById('contact').style.display=' none'

function AfficheHome()
{
document.getElementById('para').style.display='non e'
document.getElementById('contact').style.display=' none'
document.getElementById('homee').style.display='in line'

}

function AfficheParam()
{
document.getElementById('homee').style.display='no ne'
document.getElementById('contact').style.display=' none'
document.getElementById('para').style.display='inl ine'

}

function AfficheContact()
{
document.getElementById('homee').style.display='no ne'
document.getElementById('para').style.display='non e'
document.getElementById('contact').style.display=' inline'

}

</script>

\\css code !!!! ce code est a la base dans un fichier Design.css et un autre style.css

#PhotoProfil{
width: 150px;
height: 200px;
margin-left: 100px;
margin-top: 30px;
margin-right: 10px;
border: 5px groove #68FF00 ;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
-khtml-border-top-left-radius: 10px;

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;

}

#navigationMenu span{

width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;

font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;

-webkit-transition: 0.25s;
/*-o-transition: 0.25s;*/

-moz-transition: 0.25s;
transition: 0.25s;
}

#navigationMenu a{
background:url('navigation.jpg') no-repeat;

height:39px;
width:38px;
display:inline-block;
position:relative;

}

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;

/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}

/* button vert */

#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;

}

/* button orange */

#navigationMenu .Parametre { background-position:-76px 0;}
#navigationMenu .Parametre:hover { background-position:-76px -39px;}
#navigationMenu .Parametre span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}

/* button violet */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}

#main{
margin-left : 30px;
position:relative;
width:40px;
}

a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:none;
}

tckalexon

03/04/2011, 17h49

essaye ceci:
<?php
session_start();
?>
<!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>
<title>Pronet - profil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="Design/Design.css" />
<link rel="stylesheet" type="text/css" href="Design/styles.css" />
<link rel="stylesheet" href="Design/styleMenu.css" type="text/css" charset="utf-8"/>

<script type="text/javascript" src="Design/jquery-1.3.2.js"></script>
<style>
.home
{
margin-right: 30px;
margin-left: 30px;
}

.Parametre
{
margin-right: 30px;
margin-left: 30px;
}

.contact
{
margin-right: 30px;
margin-left: 30px;
}

</style>
</head>
<body>

<?php
include('MenuHaut.php');
include('Design/MenuGauche.html');
include('Design/Corps.php');
include('Design/PiedDePage.php');

if($_SESSION['pseudo'] == NULL)
{
header("Location: index.php");
}

try
{
$pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
$bdd = new PDO('mysql:host=sql312.byetcluster.com;dbname=o300 m_7565582_Profil', 'o300m_7565582', '123789456', $pdo_options);
$reponse = $bdd->query('SELECT * FROM Inscrit');

while ($donnees = $reponse->fetch())
{
if($_SESSION['pseudo'] == $donnees['Pseudo'])
{
$NomDeLaPhoto = $donnees['NomPhoto'];
}

}

$reponse->closeCursor();
}

catch (Exception $e)
{
die('Erreur : ' . $e->getMessage());
}

?>

<?php
echo '<img src="PhotoPerso/'.$NomDeLaPhoto.'" id="PhotoProfil" />';
?>

<div id="main">
<ul id="navigationMenu">
<li>
<a class="home" onclick="AfficheHome()" >
<span >Acceuil</span>

</a>
</li>
<li>
<a class="Parametre" onclick="AfficheParam();" >
<span>Parametre</span>
</a>
</li>

<li>
<a class="contact" onclick="AfficheContact();" >
<span >Contact</span>
</a>
</li>

</ul>

</div>

<dd id="homee">

<p>home</p>

</dd>

<dd id="para">

<p>para</p>

</dd>

<dd id="contact">

<p>contact</p>

</dd>

</body>
</html>

<script type="text/javascript">

document.getElementById('para').style.display='non e'
document.getElementById('contact').style.display=' none'

function AfficheHome()
{
document.getElementById('para').style.display='non e'
document.getElementById('contact').style.display=' none'
document.getElementById('homee').style.display='in line'

}

function AfficheParam()
{
document.getElementById('homee').style.display='no ne'
document.getElementById('contact').style.display=' none'
document.getElementById('para').style.display='inl ine'

}

function AfficheContact()
{
document.getElementById('homee').style.display='no ne'
document.getElementById('para').style.display='non e'
document.getElementById('contact').style.display=' inline'
}

</script>

<style type="text/css">

</style>

adrien02120

03/04/2011, 20h40

Essayer quoi?

adrien02120

03/04/2011, 20h50

tu as juste mis un balise "style" alors que mon code css est déjà placer dans un fichier... ce n'est pas sa mon problème, mon code s’exécute très bien mais je n'arrive pas écrire quelque chose a gauche des menu.. va voir :: http://www.siteduzero.com/forum-83-632017-p1-probleme-de-mise-en-page-en-css.html#r6081860

c'est post que j'ai mis sur le site du zero, j'ai mit une image de mon problème, sa sera mieux que des explication de ma part un peu étourdie --"

Gaston_Phone

03/04/2011, 20h56

Tout cela! ;)

adrien02120

03/04/2011, 23h17

hein?