rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Pb de dimensionnement d'image avec div et css

Posté par boudz, le samedi 23 février 2008 à 01:00:25
Bonjour,
je crée un site web avec divisions en div (une bannière en haut, le corps de la page divisé verticalement entre le menu à gauche et le contenu à droite ; et en bas le pied de page).

Rien de très compliqué, sauf que je souhaite insérer des boutons ds la division "menu", et qu'ils dépassent de la largeur de la div de gauche! Je voudrais que ces boutons s'adaptent à la taille de la div (selon la résolution de l'ecran) pour ne pas empiéter sur la div du contenu.

Pour info, mes div menu et contenu sont configurées comme cela pour la largeur (ds la css):
20% pour le menu
80% pour le contenu

voici mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt­d">

<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Granada, capital cultural</title>
</head>

<body>

<div id="bandeau"> <img src="../images/banniere.jpg"> </div>

<div id="menu"> <a href="accueil.html"> <img src="../images/accueil.jpg"> </a> </div>

<div id="contenu">Ceci est le contenu</div>

<div id="pied_page"> <a href="mailto:***@hotmail.com"> cliquez ici pour me contacter </a>

</div>

</body>
</html>




et ma css :



div {
text-align:center;
}
div#bandeau {
width:750px;
height:140px;
margin: 0 auto;
background-color:#FFFFFF;
}
div#menu {
float:left;
width:20%;
background-color:#FF6699;
}
div#contenu {
float:left;
width:80%;
background-color:#FFCC00;
}
div#pied_page {
clear:both;
width:100%;
height:50px;
background-color:#FFFFFF;
}

A {
color:#ad241c;
text-decoration:none;
}

A:hover {
color:#ad241c;
text-decoration:underline;
}



Merci de votre réponse !
Boudz
Configuration: Windows XP
Internet Explorer 7.0
Répondre à boudz  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Enax, le samedi 23 février 2008 à 08:25:26
Tu leurs donnes un width de 90%. Ils feront alors 90% de la taille de ton menu (les % fonctionnent par imbrication).
   
Répondre à Enax
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger AndreaMosaic 3.20AndreaMosaic - AndreaMosaic permet de créer une mosaïque d'images, c'est à dire d'utiliser des centaines d'images pour en créer une autre. ...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger VSO Image Resizer 2.0.1.9VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger DivX codecs 6.8.3DivX codecs - Le codec Divx Community est gratuit pour un usage personnel et permet de lire les fichiers au format DivX ! L'installeur...Catégorie: Codecs
Licence: Freeware/gratuit
Télécharger Image Resizer 1Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de...Catégorie: Graphisme
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « pb de dimensionnement d'image avec div et css »