28173 sujets

CSS et mise en forme, CSS3

Colonne en pleine longeur et probleme pied de page + decalage calque

Bonjour a tous,

j'ai 3 petit soucis:

1: je voudrais que la deuxieme ligne de mon pied de page soit plus rapproché de la premiere, que faire?

2:avec cette configuration spatial, je ne vois pas comment faire la technique des colonne en pleine longueur, une idée?

3: les balise contenant le mot "sound" et "raul st" sont decalé par rapport au resultat que je veut obtenir dans IE, que faire?

Car une image vaut mieux que de long discourt, voici l'url:
http://www.societerfd.com/sound.php

le css :

.header {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 13px;
}
.menugauche {
	height: 300px;
	width: 96px;
	border: 1px solid #990000;
	left: 11px;
	top: 80px;
	padding-top: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	padding-right: 1px;
	float: left;
	margin-right: 10px;
}
.content {
	border: 1px solid #990000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-left: 110px;
}
.piedpage {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	clear: both;
	line-height: 7px;
	text-align: center;
}
.logo {
	color: #FFFFFF;
	background-color: #000000;
	width: auto;
	top: 58px;
	position: absolute;
	right: 20px;
}
.namecontent {
	position: absolute;
	top: 72px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #CCCCCC;
	margin-left: 150px;
	left: 56px;
	background-color: #000000;
	width: 74px;
	font-weight: bold;


et le code html:

<!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=iso-8859-1" />
<title>Sound</title>
<link href="style.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>




<body>
<div class="header">
  <p><img src="img/imahehautpage.jpg" alt="logo" width="648" height="35" class="logo1" /></p>
</div>
<div class="menugauche">
  <p>
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','95','height','265','title','menu','src','menu','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','scale','exactfit','movie','menu' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="95" height="265" title="menu">
      <param name="movie" value="menu.swf" />
      <param name="quality" value="high" /><param name="SCALE" value="exactfit" />
      <embed src="menu.swf" width="95" height="265" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit"></embed>
    </object></noscript>
  </p>
</div>
<div class="content">
  <p>bla bla nnnnnn </p>
  <p>rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr</p>
  <p>gbgbgbggggggggggggggggggggggggggggggggggggggggggggggggggg</p>
  <p>gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div class="namecontent">
  <div align="center">Sound</div>
</div>
<div class="logo"><img src="img/rslogo.jpg" alt="rslogo" width="200" height="26" class="logo1" /></div>
<div class="piedpage">
  <p>&copy; Raul Stone 2006</p>
  <p>contact webmaster: nicolas.nee@wanadoo.fr </p>
</div>
</body>

</html>



merci a vous, et comme toute les idees sont bonne a prendre, si vous avez des suggestion qui peuvent apporté une valeur ajoutée esthétique , notemmant sur la boite header qui a mon avis manque de contenance, n 'hesitez pas Smiley cligne

merci a vous tous
Modifié par poipoi90 (05 Jul 2006 - 00:21)
Salut,
je t'invite à aller faire un tour dans la FAQ, un paragraphe entier est consacré aux phénomènes classiques de décalages d'un navigateur à l'autre.
Désolé, peut etre que j'ai mal vu, mais je suis aller dans "rechercher".
merci a toi
Modifié par poipoi90 (05 Jul 2006 - 00:22)
Sujet clos
Aller à