Tu pourais m'indiquer comment mettre en ligne ma page de test?
Je mets les code html d'une des pages et le code css du site. Mais il serait mieux si je pouvais tout mettre en ligne parceque le comportement varie selon l'ordre dans lequel on ouvre les differentes pages du menu.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>SID 'N' ZIC, le Concert en faveur de Sidaction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Sida" href="designsida.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<h2>Menu</h2>
<ul>
<li><a href="concert.html">Le Concert</a></li><br/>
<li><a href="equipe.html">Équipe</a></li><br/>
<li><a href="sidaction.html">Sidaction</a></li><br/>
<li><a href="mailto:nicolas.lopez_zuleta@telecomint.eu">Contact</a></li><br/>
<!--<li><a href="vente.htlm">Achat de places</a></li><br/>-->
</ul>
</div> <!--fin element_menu-->
</div><!--fin menu-->
<!--<div id="corps">-->
<div id="contenu_corps">
<h2><span class="sid"> SID'</span><span class="n">N</span><span class="sid">'ZIC</span>: <strong>Mercredi 20 Février 2008</strong></h2>
Bienvenue sur le site officiel de <span class="sid"> SID'</span><span class="n">N</span><span class="sid">'ZIC</span>.<br/><br/>
Deux groupes de la scène rock parisienne se réunissent à un endroit pour un concert unique!<br/>
<ul>
<li>Tu habites dans la région parisienne?</li>
<li>Tu es amateur de bonne musique? </li>
<li>Tu as envie de participer à la lutte contre le SIDA tout en passant une excelente soirée? </li>
</ul>
Si tu as répondu <span class="oui">"oui"<span> à une des questions précédentes alors ce concert est pour toi!<br/><br/>
<h3><span class="sid"> SID'</span><span class="n">N</span><span class="sid">'ZIC</span> c'est:</h3>
<ul>
<li>Deux groupes de la région</li>
<li>Des humoristes pour animer la soirée</li>
<li>Un acte de solidarité en partenariat avec <a href="http://www.sidaction.org">Sidaction</a></li>
<li>Une salle de concert et du matériel professionel</li>
<li>Une buvette de prix raisonable</li>
<li>Une <a href="equipe.html">équipe</a> active pour assurer une soirée de folie</li>
</ul>
Bientôt tu pourras consulter la liste définitive des artistes et la salle où aura lieu le concert.
<h3>Dernières nouvelles des différents pôles d'action:</h3>
<ul>
<li><strong>Communication:</strong>
Le site web de <span class="sid"> SID'</span><span class="n">N</span><span class="sid">'ZIC</span>
est bientôt fini.</li>
<li><strong>Sponsoring:</strong> Premiers rendez-vous auprès des possibles sponsors, c'est une tâche difficile</li>
<li><strong>Salle:</strong> Le Rack'am nous ouvre ses portes. On essaye quand même de trouver d'autres options</li>
<li><strong>Artistes:</strong> Les lettres d'invitation sont parties, on attend les réponses.</li>
</ul>
Pour consulter toutes nos nouvelles <a href="news.html">cliquez ici</a>
</div><!--fin contenu_corps-->
</div>
<div id="pied_de_page">
<br/>dernière mise à jour: 03/11/2007
</div>
</body>
</html>
et le css correspondant:
body
{
width: 1200px;
margin-bottom:10px;
background: url("fondsite_bis.png") repeat scroll 0px 50px;
border:solid #f03c52;
}
#en_tete
{
width: 1200px;
height: 150px;
background-image: url("banner.gif");
background-repeat: no-repeat;
border-bottom:solid #f03c52;
}
/*propriétés du menu*/
#menu
{
float:left;
width:160px;
height:900px;
padding:10px;
background: url("fondmenu.png") repeat;
}
.element_menu
{
width:160px;
text-align:justify;
}
.element_menu h2
{
text-align:center;
text-decoration:underline;
font-family: arial,serif;
color:#f03c52;
}
.element_menu ul
{
text-align:left;
list-style-image: url("Red_Ribbon3.png");
}
.element_menu a
{
color: black ;
font-size:large;
}
/*propriétés du corps*/
#contenu_corps
{
width:1000px;
height:900px;
margin-left:200px;
margin-top:40px;
font-family:georgia,serif;
position:absolute;
top:150px;
left:50px;
}
#corps_sidaction
{
width:1000px;
height:900px;
margin-left:200px;
margin-top:40px;
font-family:georgia,serif;
position:absolute;
top:150px;
left:50px;
overflow:auto;
}
#equipe1 ul
{
list-style-image: url("point.png");
}
#equipe2 ul
{
list-style-image: url("point.png");
}
#contenu_corps ul
{
list-style-image: url("point.png");
}
#corps_sidaction ul
{
list-style-image: url("point.png");
}
/*propriétés du pied de page*/
#pied_de_page
{
clear:both;
width:1190px;
height:40px;
text-align:center;
background: url("fondfoot.png") repeat-x;
padding:5px;
font-size: small;
border-left: solid #f03c52;
}
/*code equipe*/
#equipe
{
position:absolute;
top:200px;
left:250px;
}
#equipe1
{
width:300px;
height:300px;
position:absolute;
top:600px;
left:250px;
text-align:justify;
}
#equipe2
{
width:300px;
height:300px;
position:absolute;
top:600px;
left:550px;
}
.noms_equipe
{
font-weight:bold;
padding:10px;
}
#description_equipe
{
position:absolute;
top:300px;
left:750px;
width:300px;
height:300px;
font-family:georgia,verdana,serif;
text-align:justify;
}
#description_equipe img
{
border:none;
}
/*code sidaction*/
#corps_sidaction p
{font-size:small;
}
.sidaction
{
width:100px;
height:120px;
float:left;
border:none;
}
#description_sidaction
{
padding-left:120px;
width:500px;
text-align:justify;
}
.sid
{
COLOR: black;
font-family: verdana,arial,serif;
font-size: large;
}
.n
{
color: red;
font-family: georgia, verdana,arial, serif;
font-size: x-large;
}
.portrait
{
width: 36px;
height: 48px;
}
.photo_equipe
{margin-left:0px;}
/*news*/
.date
{
font-family:georgia,serif;
font-style:italic;
text-decoration:underline;
}
#news
{
width:1000px;
height:900px;
margin-left:200px;
margin-top:40px;
font-family:georgia,serif;
position:absolute;
top:150px;
left:50px;
overflow:auto;
text-align:justify;
}
.nouvelle
{
height:200px;
width:600px;
overflow:auto;
}
Modifié par qkey00 (26 Nov 2007 - 21:34)
