28173 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

en mettant #centre en float:right ça passe yeah!

mon dieu la bidouille lol, bon j'ai plus qu'à regler un nouveau problème de pied de page et ça sera bon, je repasserai filer le code final si ça peut servir...

edit: enfin c'est pas gagné maintenant c'est les styles d'un tableau qui passent sous IE mais pas sous firefox, quelle prise de tête serieux!!

re-edit cette fois je crois que c'est bon, je file le code final au cas où ça puisse servir

css:

.contenuc {  /*Pour le contenu centré */
	margin-left: auto;
	margin-right: auto;
	margin-top:5%;
	text-align:center;
	width: 70%;
}

.contenuj {  /*Pour le contenu justifié */
	margin-left: auto;
	margin-right: auto;
	margin-top:5%;
	text-align:justify;
	width: 70%;
}

#fond {
	margin-left: auto;
	margin-right: auto;
	width: 798px;
	height: 100%;
	background-color:#01014B;
	background-image:url(images/damier.jpg);
	background-repeat:repeat-y ;
}

#entete {
	margin-left: auto;
	margin-right: auto;
	width: 798px;
	height: 250px;
}

#titre {
	position: absolute;
	top: 250px;
	z-index:5;
}

#gauche {
	width: 150px;
	height: 90px;
	float: left;	
}

#centre {
	float:right;
	margin-top:16%;
	padding-bottom:6%;
	width: 648px;
	height:100%;
	border-bottom-style:double;
	border-color:#F7BF02;
}

#pied {
	margin-left: 150px;
	width: 648px;

}

.important {
	text-align:center;
	width:auto;
	padding:2%;
	margin-top:5%;
	color: red;
	border-color:#F7BF02;
	border-style:double;
}

.important img {
	float:left;
}

body {
	font-family: arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color: white;
	background : black;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
}

a {
	font-family: arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color : #F7BF02;
	text-decoration: none;
}


a:visited {
	font-family: arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color : #F7BF02;
	text-decoration: none;
}

a:hover {
	font-family: arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color : blue;
	text-decoration: none;
}

table {
	margin-left: auto;
	margin-right: auto;
	border: medium solid #F7BF02;
	border-collapse:collapse;
	width: 70%;
}

td {
	border: thin solid #000000;
}

caption{
	margin-left: auto;
	margin-right: auto;
	padding:2%;
	font-variant:small-caps;
}

h1 {
	font-style:italic;
}


a:visited.mod {
	text-decoration: none;
	color : #F7BF02;
}

a:hover.mod {
	text-decoration: none;
	color : #F7BF02;
}




/*#01014B bleu kln
#F7BF02 jaune kln*/


code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="kln.css" />

<title>nom de la société</title>

<?php

//si aucun contenu spécifié, contenu par defaut
if (isset($_GET['content'])) {
	$content = $_GET['content'];
}	
else {
	$content = 'accueil';
}

?>

</head>

<body>



<div id="fond">

<!--________________________________________________Titre______________________________________-->

<div id="titre">
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="798" height="90" id="pocket" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="images/titres/<?php echo ("$content.swf"); ?>" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="bgcolor" value="#01014b" />
	<embed src="images/titres/<?php echo ("$content.swf"); ?>" quality="high" wmode="transparent" bgcolor="#01014b" width="798" height="90" name="pocket" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</div>


 <!--___________________________________Menu____________________________________________-->
<div id="entete">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="798" height="250" id="act" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="images/but_act.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="bgcolor" value="#01014b" />
	<embed src="images/but_act.swf" quality="high" wmode="transparent" bgcolor="#01014b" width="798" height="250" name="act" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</div>

<!--____________________________________Partie gauche______________________________________-->
<div id="gauche">

<!-- <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,22,0" height="327" width="150"  id="LOGO">
  	<param name="movie" value="images/logo.swf">
  	<param name="quality" value="high">
  	<embed src="images/logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="327" width="150">	</embed>
	</object>-->
	<img src="images/logodamier.jpg" />
	<br /><br />
	<img src="./images/pilote.gif" />

</div>



<!--________________________________________________Contenu principal___________________________-->
<div id="centre">
<?

	include("$content.php");
	
?>
</div>
<hr>
<div id="pied">
nom société
adresse
<br />
moyens de contacts

</div>
</div>

</body>
</html>

Modifié par Nakuni (23 Mar 2006 - 00:55)
c'est cool Smiley smile
par contre je vois pas le kart qui amène "bienvenue" Smiley ohwell
et ce serait bien que tes sous-menus disparaîssent sans avoir à passer par un autre menu Smiley cligne
En fait en flash pour faire disparaitre les sous menu il faut faire une image transparente sur chaque bord d'une case sur laquel on met un actionscript qui fermera la case quand on passera dessus... Et si on passe trop vite ça marche pas! Donc je préfère laisser comme ça

J'ai pas mis à jour le site sur le ftp, ça doit être pour ça que tu vois pas le bienvenue Smiley cligne
Pages :