28172 sujets

CSS et mise en forme, CSS3

Probleme d'alignements

bonjour j'ai un probleme, j'aimerai aligné mon "retour au sommaire" et "mon haut de pages" comment je dois faire?

voila mon html


<html>
  <head>
    <title></title>
    <meta content="">
<link href="style.css" rel="stylesheet" media="all" type="text/css">
    <style></style>
  </head>
  <body>


<DIV ID="en-tete">
<h1>TOULOUSE,LA VILLE ROSE<h1>
<hr width=900 color="black" align="center"/>
</DIV>

<div id="menu">
<h2><U>SOMMAIRE</U></h2>
<ol>
<li><a href="Situation">Situation</a></li>
<li><a href="Histoire">Histoire</a></li>
<li><a href="Economie">Economie</a></li>
<li><a href="Interets">Interets</a></li>
<li><a href="Sources d'informations">Sources d'informations</a></li>
</ol>
</div>

<div id="corps">
<EMBED SRC="sp happy together.mp3"IDTH =160 HEIGHT =16 CONTROLLER=true LOOP =false AUTOPLAY =false>
</div>

<div id="pied_de_page">
<hr width=900 color="black" align="center"/>
<h4><a href="#top"> haut du document</a></h4>
</div>



</body>
</html>




voila mon css

html {
margin:16;
padding:0;
}

body {
background-color : white; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
}


/* L'en-tête */

#en-tete h1
{
   color: pink; 
   font-family: Arial;
   text-align: center;
}



/* Le menu */

#menu h2
{    
   color: orange;
   font-family: Arial;
   text-align: center;
}

#menu ol
{
   color: green;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 16px;
   text-align: left
}

#menu a
{
   color: green;
}

#menu a:hover
{
   background-color: pink;
   color: red;
}


/* Le corps de la page */

#corps h3
{
   color: brown;
   text-align: left;
   font-family: Arial;
}

#corps h4
{
   text-align: right;
   font-family: Arial;
}
#corps a
{
   color: blue;
}

#corps p 
{
color: black;
text-align: justify;
 }

#corps ol
{
  color: blue;

}

#corps table
{
border-width:1px; 
border-style:solid; 
border-color:black;
width:100%;
border-collapse:collapse;
color:blue;
}

#corps th
{ 
border-width:1px;
border-style:solid; 
border-color:orange;
width:30%;
}

#corps td
{ 
border-width:1px;
border-style:solid; 
border-color:green;
width:30%;
}


/* Le pied de page  */

#pied_de_page h4
{
   text-align: right;
   font-family: Arial;
}

#pied_de_page a
{
   color: blue;
}


a:link {color: black; text-decoration:none;}
a:visited {color: black; text-decoration:none;}
a:hover {color:red; text-decoration:none;}

Modifié par nicolas31 (07 Dec 2008 - 22:07)
Bonjour,

Désolée je n'ai pas bien compris ce que tu veux faire et quel est le problème que ça te pose... aligner quoi par rapport à quoi, où ça, comment ?

D'ailleurs dans ton code je ne vois pas de "retour au sommaire" ?
excuse moi j'ai choisi ula mauvaise page web voila la bonne


<html>
  <head>
    <title>Economie de la ville</title>
    <meta content="">
    <style></style>
<link href="style.css" rel="stylesheet" media="all" type="text/css">
  </head>
  <body>

<DIV ID="en-tete">
<a href="Sommaire">retour au sommaire</a><A NAME="top"></A>
<h1>TOULOUSE,LA VILLE ROSE<h1>
<hr width=900 color="black" align="center"/>
</DIV>

<div id="menu">
<h2><U>Economie de la ville</U></h2>
</div>

<div id="corps">
<p>La bonne santé de l'économie toulousaine est principalement liée aux industries de pointe de l'aéronautique et du spatial. Mais, depuis plusieurs années, la municipalité tente de diversifier les secteurs d'activité. Le PIB de l'agglomération est d'environ 30 milliards d'euros, ce qui la classe au troisième rang des villes de France au regard de son poids économique, derrière Lyon et Paris, mais devant Marseille, Nice et Lille. Toulouse se caractérise aussi par son très faible taux d'endettement : un des plus bas en Europe pour une ville de cette taille.</p>
<p>En 1999, le nombre total d'actifs sur la commune de Toulouse est de 216 480, se répartissant dans les divers secteurs économiques comme suit:</p>

<TABLE BORDER="1" width=60%>

<tr>
	<th  width=60% COLSPAN=5 id="myth">Répartition de l'emploi dans la ville </th>
</tr>

  <tr>
	<TH width=30%> Secteur </TH>
	<TH width=30%> Primaire </TH>
	<TH width=30%> Secondaire </TH>
	<TH width=30%> Tertiaire </TH>
	<TH width=30%> Construction </TH>


  </tr>
  <tr>
	<TH width=30%> Toulouse </TH>
	<TH width=30%> 4.3% </TH>
	<TH width=30%> 15.9% </TH>
	<TH width=30%> 79.6% </TH>
	<TH width=30%> 0.9% </TH>

 </tr>
 <tr>
	<TH width=30%> Moyenne Nationale </TH>
	<TH width=30%> 6.1% </TH>
	<TH width=30%> 18.3% </TH>
	<TH width=30%> 71.5% </TH>
	<TH width=30%> 4.1% </TH>
 </tr>
</table>

<p>Le taux de chômage était de 9,9 % en 2005 et était estimé en décembre 2006 à 9,1 % un chiffre légèrement supérieur à la moyenne nationale (8,6 %).</p>

</div>

<div id="pied_de_page">
<hr width=900 color="black" align="center"/>
<a href="Sommaire">retour au sommaire</a><h4><a href="#top"> haut du document</a></h4>
</div>



</body>
</html>
Salut,

plus globalement tu n'a pas tenu compte de ce que te disait Florent dans ce post et ta page n'a toujours pas de DOCTYPE (sans parler des majuscules et autres déclarations de mises en forme dans le code html au lieu d'être dans le css). Du coup il est impossible de te répondre car chaque navigateur va afficher les éléments à sa façon... Smiley murf

Au passage, si parmi tes autres sujets certains sont [Résolu] merci de l'indiquer en éditant le premier post de chacun et en modifiant le titre. Smiley cligne
Sujet clos
Aller à