No replies
tim91700
tim91700's picture
Offline
newbie
Last seen: 7 years 38 weeks ago
Timezone: GMT+2
Joined: 2012-04-29
Posts: 1
Points: 2

Hello,

For my website, I have two labels, one for the logo and the other for the connection area.
For the moment, the area is under the logo. And I want the logo at the left, and the area at the right.
Here is my CSS code :

/*****************************************************/
/****General****/
*
{
	margin:0px;
	padding:0px;
}
body
{
	background:#FFFFFF;
	padding-left:0%;
	padding-right:0%;
	font-family:Arial, Geneva, sans-serif;
}
a
{
	text-decoration:none;
	color:#333333;
}
a:hover
{
	color:#000000;
}
img, table, tr, td
{
	border:0px;
}
h1
{
	text-align:center;
	margin:0px;
	padding:0px;
}
.clean
{
	clear:both;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
.center
{
	text-align:center;
}
input
{
	width:150px;
}
label
{
	width:350px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
table
{
	border-spacing:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:0px;
	width:100%;
 
}
tr
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0px;
}
td, th
{
	margin:0px;
	border:0px;
	padding:0px;
	text-align:left;
}
/*****************************************************/
/****Blocs****/
.header
{
	margin:auto;
	margin-top:10px;
	padding:15px;
	width:50%;
	text-align:center;
	margin:0 auto 0 auto; 
	list-style: none;
	border-style:ridge;
	border-color:#43C22F;
	border-width:thick;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
}
 
.menu
{
	margin:auto;
	margin-top:0px;
	padding:15px;
	background:#FFFFFF;
	width:70%;
	color:#000000;
	text-align:center;
	margin:0 auto 0 auto;
	list-style: none;
	border-style:ridge;
	border-color:#43C22F;
	border-width:thick;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
	text-align:center;
}
 
.membre
{
	margin:auto;
	margin-top:10px;
	padding:15px;
	width:20%;
	color:#000000;
	text-align:center;
	margin:0 auto 0 auto;
	list-style: none;
	border-style:ridge;
	border-color:#43C22F;
	border-width:thick;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
	text-align:center;
}
 
.foot
{
	text-align:center;
	width:70%;
	color:#000000;
	text-align:center;
	margin:0 auto 0 auto;
	list-style: none;
	border-style:ridge;
	border-color:#43C22F;
	border-width:thick;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
	margin:auto;
	padding:20px;
	margin-top:20px;
}
.content
{
	width:70%;
	color:#000000;
	text-align:center;
	margin:0 auto 0 auto;
	list-style: none;
	border-style:ridge;
	border-color:#43C22F;
	border-width:thick;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:10px;
	margin:auto;
	padding:20px;
	margin-top:20px;
}
/*****************************************************/
/****Contenu****/
.big
{
	font-size:1.2em;
}
.small
{
	font-size:0.7em;
}
.message
{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:20px;
	margin:auto;
	width:500px;
	background:url('images/black_40p.png');
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}
.messages_table td
{
	border-top:1px solid #aaaaaa;
	vertical-align:top;
}
.author
{
	width:150px;
	border-right:1px solid #aaaaaa;
}
.title_cell
{
	width:45%;
}
.date
{
	font-style:italic;
	text-align:right;
	font-size:0.9em;
	margin-right:10px;
}
.link_new_pm
{
	font-size:1.3em;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	display:inline-block;
	border:1px solid #dddddd;
	background:#ffffff;
	padding:5px;
}

My PHP/HTML code
<?php
include('config.php')
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="<?php echo $design; ?>/style.css" rel="stylesheet" title="Style" />
        <title>Espace membre</title>
    </head>
    <body>
    	<div class="header">
        	<a href="<?php echo $url_home; ?>"><img src="<?php echo $design; ?>/images/logo.png" alt="Espace Membre" /></a>
	    </div>
 
		<div class="membre">
			<?php
			//Si lutilisateur est connecte, on lui donne un lien pour modifier ses informations, pour voir ses messages et un pour se deconnecter
			if(isset($_SESSION['username']))
			{
				?>
				Bonjour<a href="moncompte.php"><?php if(isset($_SESSION['username'])){echo ' '.htmlentities($_SESSION['username'], ENT_QUOTES, 'UTF-8');} ?></a><br />
				<?php 
				$username = mysql_real_escape_string($_SESSION['username']);
				//On verifie sil ny a pas deja un utilisateur inscrit avec le pseudo choisis
				$dn = 'select points from membre where pseudo="'.$username.'"';
				$req = mysql_query($dn) or die('Erreur SQL !<br>'.$dn.'<br>'.mysql_error());
				while ($data = mysql_fetch_assoc($req)) 
				{
					echo $data["points"];
					echo ' soleil(s)';
				}
				?>
					<br><a href="connexion.php">Se d&eacute;connecter</a>
				<?php
			}
			else
			{
			//Sinon, on lui donne un lien pour sinscrire et un autre pour se connecter
			?>
				<a href="sign_up.php">Inscription</a><br />
				<a href="connexion.php">Se connecter</a>
			<?php
				}
			?>
		</div>
		<div class="menu">
			<a href="index.php">Acceuil  .|.  </a>
			<a href="principe.php">Principe  .|.  </a>
			<a href="agagner.php">A Gagner  .|.  </a>
			<a href="gagnants.php">Les gagnants  .|.  </a>
			<a href="contact.php">Contact</a>
		</div>
 
        <div class="content">
<?php
//On affiche un message de bienvenue, si lutilisateur est connecte, on affiche son pseudo
?>
Vous pouvez <a href="users.php">voir la liste des utilisateurs</a>.<br /><br />
 
		</div>
		<div class="foot"><a href="http://www.supportduweb.com/">Support du Web</a></div>
	</body>
</html>

config.php :
<?php
//On demarre les sessions
session_start();
 
/******************************************************
----------------Configuration Obligatoire--------------
Veuillez modifier les variables ci-dessous pour que l'
espace membre puisse fonctionner correctement.
******************************************************/
 
//On se connecte a la base de donnee
mysql_connect('mysql.3owl.com', 'u657094259_admin', '');
mysql_select_db('u657094259_2j1kdo');
 
//Email du webmaster
$mail_webmaster = '[email protected]';
 
//Adresse du dossier de la top site
$url_root = 'http://www.example.com/';
 
/******************************************************
----------------Configuration Optionelle---------------
******************************************************/
 
//Nom du fichier de laccueil
$url_home = 'index.php';
 
//Nom du design
$design = 'default';
?>

I don't how to do, i'm a beginner on CSS and HTML.

Thanks for your help/body