new!
|
|
|
 |
| > page en 2 couleurs |
[ Posté par omarevy ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 03-04-2008 à 19:02 | 12 messages ]
Bonjour,
Voila mon problème j'aimerais que ma page ait 2 couleurs.
une au milieu sur laquelle j'ecrirais mon texte et une identique de chaque cotés pour agrémenter avec des images.
Je n'arrive pas a diviser ma page de facon à avoir ceci pouvez-vous m aider
Je vous prie de m'excuser si je ne suis pas au bon endroit
Merci d'avance
|
|
|
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 03-04-2008 à 19:07 | 578 messages ]
bonjour,
cela donnerait à peu près ceci :
<body>
<div id="agauche" style="float:left;background-color:yellow">
colonne de gauche"
</div>
<div id="aucentre" style="float:left;background-color:cyan;">
colonne centrale
</div>
<div id="adroite" style="float:left;background-color:yellow">
colonne de droite
</div>
</body>
|
|
a+
________________
rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
| [ Posté par omarevy ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-04-2008 à 10:23 | 12 messages ]
bonjour,
tout d abord merci de votre aide
j ai essayer le script ca ne donne rien
voila le script de ma page sans les changements de couleurs
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;
<title>Ecole maternelle "PIERRE NIGLIS"</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<title>ECOLE MATERNELLE "PIERRE NIGLIS"</title>
</head>
<body>
<p><h5><table width="100%" cellpadding="3" cellspacing="1" border="0" bgcolor="#000000">
<tr>
<td width=10 style="color:white" bgcolor="#FFCC66">></td>
<td style="color:white;font-weight:bold" bgcolor="#FFCC66">
<center><a href="index.htm">Accueil</a>
<a href="page2.htm">Notre jardin</a>
<a href="page3.htm">Galerie d'art</a>
<a href="page4.htm">Actions & projets</a>
<a href="page5.htm">Votre avis</a></div></center></td>
</tr>
</table><br/><br/><br/>
<h1><center>L'EQUIPE ENSEIGNANTE</center></h1><br/>
<p>
Tout d’abord, merci de votre visite <br/>
<br/>
<table width="70%" border="0" align="center">
<tr>
<td>
<blockquote>
<p><div align=left>
Notre école est composée de 4 classes :<br/><br/>
La classe des petits <br/><strong><em>PETITE SECTION</em></strong> 3 ans<br/>
Institutrice est <em>Anne-Laure JACOB</em><br/><br/>
La classe des moyens<br/> <strong><em>MOYENNE SECTION</em></strong> 4 ans<br/>
Institutrice <em>Virginie LAMY</em> & <em>Stéphanie JEANNIN</em> qui assure les remplacements de toutes les classes<br/><br/>
La classe des moyens grands<br/> <strong><em>PETITE & MOYENNE SECTION</em></strong> 4 & 5 ans<br/>
Institutrice <em>Catherine KOEHLY</em><br/><br/>
Et pour finir la classe des grands<br/> <strong><em>GRANDE SECTION</em></strong> 5 ans<br/>
Institutrice <em>Nathalie JULLIEN</em> qui assure aussi la direction de l’école<br/><br/>
L’équipe est complétée par une ATSEM<br/>
<em>Nadine LAMBERT</em><br/><br/>
Ainsi que 2 employées territoriales<br/>
<em>Florence GOUVIER</em> & <em>Agnès GROS</em><br/><br/>
<img vspace="5" hspace="0" border="0" align="right" src="http://i47.servimg.com/u/f47/11/67/52/79/th/dscn1912.jpg"; border="0"border="0"float: left;" />
N’oublions pas <strong><em>ULYSSE</em></strong> notre mascotte qui voyage dans le monde et nous fait découvrir les cultures et civilisations des autres pays.<br/></div>
</p><br/>
</blockquote>
</td>
</tr>
</table>
</body>
</html>
<center><head><script type="text/javascript" language="javascript">
function cache_lien() {
// Gestion de la hauteur du lien
hauteur_ecran = screen.availHeight - 200;
hauteur_lien = document.getElementById('lien_top').offsetTop;
document.getElementById('lien_top').style.display = (hauteur_lien > hauteur_ecran) ? '' : 'none';
}
window.onload = cache_lien;
</script></head>
<body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="lien_top"><a href="#top">Remonter en haut de la page.</a></div><br/>
<a href="index.htm">Accueil</a><br/>
<a href="page2.htm">Notre jardin</a><br/>
<a href="page3.htm">Galerie d'art</a><br/>
<a href="page4.htm">Actions & projets</a><br/>
<a href="page5.htm">Votre avis</a><br/>
</body></center>
et j 'aimmerais que le texte que vous voyez soit sur le fond actuel et de chaque cotés un fond orangé
de plus je voudrais que toutes mes pages soient identiques
merci de votre compréhension vis à vis de novices comme moi
| [ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-04-2008 à 14:21 | 578 messages ]
|
Bonjour,
cela te conviendrait-il :
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;
<title>Ecole maternelle "PIERRE NIGLIS"</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<script type="text/javascript" language="javascript">
function cache_lien() {
// Gestion de la hauteur du lien
hauteur_ecran = screen.availHeight - 200;
hauteur_lien = document.getElementById('lien_top').offsetTop;
document.getElementById('lien_top').style.display = (hauteur_lien > hauteur_ecran) ? '' : 'none';
}
window.onload = cache_lien;
</script>
<style type="text/css">
.centre {text-align:center; }
</style>
</head>
<body>
<div id="agauche" style="float:left;width=15%;color:white; font-weight:bold; background-color:#FFCC66;"> <!-- background-color:orange; -->
<a href="index.htm">Accueil</a><br />
<a href="page2.htm">Notre jardin</a><br />
<a href="page3.htm">Galerie d'art</a><br />
<a href="page4.htm">Actions & projets</a><br />
<a href="page5.htm">Votre avis</a><br />
</div>
<div id="aucentre" style="float:left;background-color:white;width=70%;">
<h1 class="centre">L'EQUIPE ENSEIGNANTE</h1>
<p class="centre">Tout d’abord, merci de votre visite.</p>
<br /><br /><br />
Notre école est composée de 4 classes :<br/><br/>
La classe des petits <br/><strong><em>PETITE SECTION</em></strong> 3 ans<br/>
Institutrice est <em>Anne-Laure JACOB</em><br/><br/>
La classe des moyens<br/> <strong><em>MOYENNE SECTION</em></strong> 4 ans<br/>
Institutrice <em>Virginie LAMY</em> & <em>Stéphanie JEANNIN</em> qui assure les remplacements de toutes les classes<br/><br/>
La classe des moyens grands<br/> <strong><em>PETITE & MOYENNE SECTION</em></strong> 4 & 5 ans<br/>
Institutrice <em>Catherine KOEHLY</em><br/><br/>
Et pour finir la classe des grands<br/> <strong><em>GRANDE SECTION</em></strong> 5 ans<br/>
Institutrice <em>Nathalie JULLIEN</em> qui assure aussi la direction de l’école<br/><br/>
L’équipe est complétée par une ATSEM<br/>
<em>Nadine LAMBERT</em><br/><br/>
Ainsi que 2 employées territoriales<br/>
<em>Florence GOUVIER</em> & <em>Agnès GROS</em><br/><br/>
<img vspace="5" hspace="0" align="right" src="http://i47.servimg.com/u/f47/11/67/52/79/th/dscn1912.jpg" border="0px" float="left" />
N’oublions pas <strong><em>ULYSSE</em></strong> notre mascotte qui voyage dans le monde et nous fait découvrir les cultures et civilisations des autres pays.<br/>
</div>
<div id="adroite" style="float:left;background-color:orange;width=15%;">
<div id="lien_top"><a href="#top">Remonter en haut de la page.</a></div><br/>
<a href="index.htm">Accueil</a><br />
<a href="page2.htm">Notre jardin</a><br />
<a href="page3.htm">Galerie d'art</a><br />
<a href="page4.htm">Actions & projets</a><br />
<a href="page5.htm">Votre avis</a>
</div>
</body>
</html> |
|
il y avait deux balises body et title.
les balises em et strong devraient pouvoir être traitées en css, mais je ne sais pas comment, en écrivant cela je dirais peut-être :
<style type="text/css">
.italique { font-style:italic; }
.gras { font-weight:bold; }
</style> |
|
mais à tester et valider.
Ce qu'il resterait à faire quand le principe sera validé :
- mettre de la couleur à gauche et à droite sur toute la hauteur de page,
- passer toutes les pages au même format, d'où la nécessité de passer les pages au php pour inclure les structures de page, les codes js dans un fichier externe, ...
a+
________________
rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
| [ Posté par #:-{)% ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-04-2008 à 15:12 | 2322 messages ]
Alut
il faudrait aussi mettre le doctype avant html et supprimer le ; parasite
et remplacer ds les styles les "width=XX%" par des "width:XX%"
Atchao
________________
Oubli du BBcode, rééditer!
barbe-sauvage ex Mozopiens devenu renard de feu... et un peu konq sur les bords
Les OG et les DR, je M pas :/
| [ Posté par omarevy ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-04-2008 à 13:10 | 12 messages ]
bonjour et merci de votre aide
| [ Posté par omarevy ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-04-2008 à 13:10 | 12 messages ]
bonjour et merci de votre aide
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
