css et pied de page

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : css et pied de page

bigbebel

bonjour tout le monde,

alors voilà j'ai ma page avec mes <div> et mon css mais j'ai un problème avec le bloc pied de page...

en fait il a l'air de se caler sur mon bloc "right" donc ca foire l'affichage

voici une petite photo de ce que ca donne

et voici le css

Code :

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background: #DED8D0;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #DED8D0;
text-decoration: none;
font-weight: bold;
text-transform: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #DED8D0;
text-decoration: none;
font-weight: bold;
}
ul {
list-style-image: url("./images/bouquet.gif" );
}
a img
{
border: none;
}
.titre {
font:24px Trebuchet MS;
}
/* L'en-tête */
#top
{
width: 758px;
height: 219px;
margin-bottom: 0px;
background: #cec398;
border: 1px solid black;
}
/* Le menu */
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #cec398;
border: 1px solid black;
margin-bottom: 10px;
}
/* Le corps de la page */
#right
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: black;
background: #cec398;
border: 1px solid black;
}
/* Le pied de page */
#bas
{
padding: 5px;
text-align: center;
color: black;
background: #cec398;
border: 1px solid black;
}

et le code html

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>test</title>
<link href="test.css" rel="stylesheet" type="text/css"></link>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="top">
test
</div>
<div id="menu">
<div class="element_menu">
<ul>
<li><a href="accueil.php">Accueil</a></li>
<li><a href="presentation.php">Présentation</a></li>
<li><a href="news.php">Nouveauté</a></li>
<li><a href="salle.php">La Salle</a></li>
<li><a href="galerie.php">Galeries</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="livre.php">Livre d'or</a></li>
</ul>
</div>
<div class="element_menu">
<li><a href="accueil.php">Accueil</a></li>
<li><a href="presentation.php">Présentation</a></li>
<li><a href="news.php">Nouveauté</a></li>
<li><a href="salle.php">La Salle</a></li>
<li><a href="galerie.php">Galeries</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="livre.php">Livre d'or</a></li>
</div>
</div>
<div id="right">
<fieldset />
<legend>Accueil</legend>
<table>
<tr>
<td><p>Voilà le site.</p>
<p>il faut que le bloc se cale sur mon 2eme menu...</p>
<p>mais je sais pas pourquoi ca fait ca.</p>
</td>
<td><div align="right"><img src="images/presentation.jpg" width="147" height="150"></div></td>
</tr>
</table>
<br>
<br>
</fieldset />
</div>
<div id="bas">test
</div>
</body>
</html>

si quelqu'un a une idée

merci d'avance

Message édité par bigbebel le 06-10-2005 à 11:37:30

Publicité

omega2

Et la page html, elle dit quoi?

FlorentG

Un clear both sur le pied de page...

plainsofpain

Pingouino's lover

clear:both dans #bas ?

Edit : grilled by Florentgai

Message édité par plainsofpain le 06-10-2005 à 11:58:59

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

bigbebel

merci beaucoup !!

gatsusat

hey hooooooooooooo

les menu c'est en UL pas en DIV
parque tu mets des LI directements après, alors qu'un LI ca ne se met ke dans un UL

<ul class="element_menu">
<li><a href="accueil.php">Accueil</a></li>
<li><a href="presentation.php">Présentation</a></li>
<li><a href="news.php">Nouveauté</a></li>
<li><a href="salle.php">La Salle</a></li>
<li><a href="galerie.php">Galeries</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="livre.php">Livre d'or</a></li>
</ul>

bl@p_psx

Admin G15-france

et les tableaux pour les news, c pas terrible ^^

---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.

bigbebel

gatsusat,

mes LI sont bien dans un UL à part dans le 2ème mais ca c'est normal j'ai juste copier/coller vite fait pour vous montrer le problème d'affichage parce que tu me diras, pourquoi c'est la même chose que celui d'en haut ?

sinon pour bl@p_psx, la page c'est juste un test dans la version finale ya pas de tableau

Message édité par bigbebel le 07-10-2005 à 08:45:37

gatsusat

ah j'avais pas vu désolé mais je suis ravi kan je vois du code comme le tiens hummmmmmmmmm.

---------------
Les CSS c'est bon mangez-en

Beral2

Comme je suis en train de galérer pour implémenter un pied de page, on est d'accord que pour en faire un tout bien tout bien c'est qd-même la misère (http://pompage.net/pompe/pieds/), non ?

Et que sans javascript, il ne pourra fonctionner de manière universelle ?

Parce que si vous avez une méthode "pure CSS/harmonieuse/joie/universelle/bonheur", cad que je me tire des plombs pour rien, suis preneur. Merci.

Publicité

omega2

Beral2 > pourquoi j'ai rien compris à ce que tu veux faire et pourquoi t'as besoin du javascript? :pt1cable:

Beral2

Ben regarde le lien alors
Entre ceux qui se mettent juste "après" (dans le flux, mais pas forcément en bas de page si celle-ci est courte), ceux en position absolue qui se superposent au block précédent et les compatibilités (?) des différents navigateurs qui continuent de nous les hum... y a de quoi s'énerver, encore une fois.

Damascus

Heu.. je me permet de déterrer un peu ce post.

J'ai tenté un bête copier coller des codes source ci-dessus, afin d'avoir une idée du fonctionnement du truc. Seulement ça ne fonctionne pas du tout.

Les div sont simplement en colonne, dans l'ordre du code, avec une perte totale de style pour le pied de page et l'entête.

J'ai un pied de page à mettre bien en palce donc si pouvait comprendre le fonctionnement de float et autre, ça m'aiderait beaucoup...

Message édité par Damascus le 23-10-2005 à 18:30:15

FORUM HardWare.fr

Programmation

HTML/CSS

css et pied de page

Sujets relatifs
Ralentir page web	pied de la page [probleme clear: both]
Problème avec le pied de page	[html] impression sans entete et pied de page
pied de page qui voit double	Centrer pied de page
Signet dans une entete ou pied de page word	[XHTML] Caller un pied de page
En tete et pied de page à modifier en CSS (ou autre)	[Excel] Comment mettre le meme pied de page sur toute les feulles
Plus de sujets relatifs à : css et pied de page

Page générée en 0.080 secondes