| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
lize
Nouveau
Inscrit le: 15 Jan 2005
Messages: 9
|
 Posté le: 05 Mar 2005 10:34 Sujet du message: |
|
|
quand je parle de tableau c'est plutôt l'endroit sur le site ou tu as tous les autres liens des pages du site !! c'est à dire comme je le disais
présentation
forum
galerie
...
(nimporte) déjà je n'arrive pas à créé ce tableau mais en plus je n'arrive pas a ecrire qqchose à coté !! Je suis obliger de l'écrire en dessous ou au dessus |
|
| Revenir en haut |
|
 |
deep
Fidèle
Inscrit le: 20 Déc 2004
Messages: 147
|
| Posté le: 05 Mar 2005 16:29 Sujet du message: |
|
|
Bonjour,
Essaye un copier coller avec la page html et le css qui va avec ci-dessous.
index.html
| Code: | <!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" lang="fr">
<head>
<title>Largeur fluide, header/menu gauche/contenu/footer.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" media="screen" type="text/css" title="exemple" href="fluide.css" />
</head>
<body>
<div id="conteneur">
<div id="header">
</div>
<div id="gauche"><p>menu</p>
<p>largeur fixe : 150px</p>
<ul class="menugauche">
<li><a href="">Menu 1</a></li><!--ici tu peut mettre ton titre genre forum, accueille etc..-->
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="centre">
<br/><blockquote>
<strong>partie centrale qui "pousse" les colones vers le bas.</strong><br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
</blockquote><br/>
</div>
<div id="pied">pied de page</div>
</div>
</body>
</html> |
la feuille de style externe fluide.css
| Code: | /*fluide.css */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 100px;
background-color: #99CCCC;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#CCCCFF;
}
#centre {
background-color:#9999CC;
margin-left: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #99CC99;
}
.menugauche {
list-style-type: none;
margin: 10;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
|
|
|
| Revenir en haut |
|
|
schum
Nouveau
Inscrit le: 06 Mar 2005
Messages: 1
|
| Posté le: 06 Mar 2005 11:25 Sujet du message: |
|
|
Déjà bonjour à tous,
Ces exactement ce que je chercher super, mais comment je fais pour mettre ma bannière sur le haut 
merci d'avance pour vos réponses. |
|
| Revenir en haut |
|
|
deep
Fidèle
Inscrit le: 20 Déc 2004
Messages: 147
|
| Posté le: 06 Mar 2005 12:04 Sujet du message: |
|
|
Bonjour et bienvenu Schum,
| Code: | | background-image: url("bannière.jpg"); |
tu mest ce bout de code dans le css"header" ces aussi simple que sa. |
|
| Revenir en haut |
|
|
lize
Nouveau
Inscrit le: 15 Jan 2005
Messages: 9
|
| Posté le: 19 Mar 2005 14:18 Sujet du message: |
|
|
| j'aimerai savoir comment mettre une bannière en haut de ma page sur front page qui prenne toute la largeur ??? |
|
| Revenir en haut |
|
|
deep
Fidèle
Inscrit le: 20 Déc 2004
Messages: 147
|
| Posté le: 19 Mar 2005 20:15 Sujet du message: |
|
|
Bonsoir Lize,
A vrai dire Front Page ces pas du tout mon truc mais bon essaye sa | Code: | | <img alt="plage" border="0" src="images/pla.gif" align="left" width="100%" height="100"><!-- tu remarque le 100% dans width ben ces sa qui va mettre ton image sur toute la largeur de la page--> |
|
|
| Revenir en haut |
|
|
lize
Nouveau
Inscrit le: 15 Jan 2005
Messages: 9
|
| Posté le: 19 Mar 2005 21:46 Sujet du message: |
|
|
ok merci ca marche !!!
je connais les bases de l'html mais je sais mêem pas si je peux dire les bases ma connaissance est très limité !!
enfin merci beaucoup
par contre j'aimerai juste savoir si qq1 sait comment coller vraiment au bord de la page la bannière c'est à dire enlever la marge (mais je crois pourtant que ma marge est à 0) |
|
| Revenir en haut |
|
|
deep
Fidèle
Inscrit le: 20 Déc 2004
Messages: 147
|
| Posté le: 19 Mar 2005 21:54 Sujet du message: |
|
|
Eh ben 100% y'a pas de marge tout dépend si tu met ta bannière dans un autre cadre elle remplira 100% du cadre et pas de l'écrand peut tu expliquer ou mettre ton bout de code histoire d'y voire un peut plus claire  |
|
| Revenir en haut |
|
|
|
FAQ
Membres
S'enregistrer
Profil
Vérifier ses messages privés
Connexion
