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
session_start();
?>
Pronet - profil
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());
}
?>
echo "
";
?>
p>home
para
contact
\\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;
}