You are here: Local > ImcNantesEchangeSavoir28112005
Echange de savoir du 28 Novembre 2005.
Table of content :
Suite aux remarques de djrom nous avaons abandonné l'idée de faire un site en tableaux. La mise en page sera donc géré par une feuille de style. Elle gerera l'ensemble des blocs. Du coup le code html se limitera à la definition de ces mêmes blocs. La partie mise en page, gestion des couleurs, des police passe du coup dans les css.
Voici donc le nouveau code et ka feuille de style
Code html
<HTML>
<HEAD>
<TITLE>https://nantes.indymedia.org</TITLE>
<META name=version content=1.0>
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css" title="currentStyle" media="screen">
@import "css.css";
</style><!--cette balise indique le chemin de la feuille de style. Ici est s'appelle css.css et se trouve dans le même dossier que la page html-->
</HEAD>
<BODY>
<center>
<DIV class="bandoliens"><!--une balise div indique qu'il s'agit d'unn appel a feuille css. la "class veut dire qu'elle se nomme bandoliens-->
<A href="https://nantes.indymedia.org"><IMG src="IMG/bandeau.png" ></A>
<DIV class="contacts">
|<A href="https://nantes.indymedia.org">accueil</A>
| <A href="http://docs.indymedia.org/view/Local/ImcNantes">vie du collectif</A>
| <A href="mailto:nantes@indymedia.org"> contact </A>
| <A href="http://nantes.indymedia.org/recherche.html">recherche </A>
| <A href="http://nantes.indymedia.org/liens.html">liens</A> |
</DIV>
</DIV>
<br />
<DIV><!--bloc général-->
<DIV class="gauche"><!--bloc gérant agenda impliquez-vous et colonne centrale-->
Ici se trouvera l'agenda, le impliquez vous et dessous la colonne centrale <br />
On a qu'à essayer de rajouter du contenu pour voir ce que ça donne. <br />
Et pis vala. Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala.Et pis vala. <br />
</DIV>
<DIV class="droite"><!--bloc gérant boycott, publiez et colonne droite-->
et ici les appels a boycott, le publier, et la colonne de droite
<DIV class=publiez><IMG src="IMG/publiez.png"><A href=/publiez.html></a></DIV>
</DIV>
<DIV><!--bloc gérant les liens vers les autres Indymedia-->
</DIV>
</DIV>
</center>
</BODY>
</HTML>
Feuille de style
.bandoliens {
align: center;
width: 800px;
}
.contacts {
float: right;
}
.gauche {
float: left;
width: 80%;
}
.droite {
align: right;
}
.publiez {
align: right;
}
Pour une documentation complete sur les css, on se reportera à la documentation de
http://www.openweb.eu.org/
to top
