Problème de bloc.

Problème de bloc. - HTML/CSS - Programmation

Marsh Posté le 26-01-2007 à 12:12:23    

Bonjour à tous !
 
Je débute sur CSS, j'ai lu beaucoup de sites et de forums mais je n'ai pas trouvé la réponse à mes deux problèmes qui sont :
 
Quand je crée un bloc ou un calque j'aimerais que celui-ci garde la même dimension en largeur malgré le fait que l'on ait rentré du texte (avec retour à la ligne de l'écriture si possible) et qu'il apparaisse une barre de défilement verticale pour faire défiler le bloc verticalement (quand le bloc devient plus grand que le bloc conteneur) et par conséquent le texte qui est contenu dedans.  
 
De plus, j'aimerais crée une gallerie image en CSS (avec de petites images sur lesquelles on clique pour faire apparaitre les bonnes images) mais je ne sais pas trop comment faire.  
 
Merci à tous pour vos futures réponses !  :hello:


Message édité par balzastone le 26-01-2007 à 12:17:34
Reply

Marsh Posté le 26-01-2007 à 12:12:23   

Reply

Marsh Posté le 26-01-2007 à 17:02:39    

Bonjour,
 
Pour un texte qui garderait une largeur définie et qui aurait une barre de scrolling s'il dépasse, il faudrait fixer la largeur avec width et utiliser :

overflow:auto;

Pour les galleries d'image, faire une recherche sur ce forum ou sur ton moteur de recherche favori.

Reply

Marsh Posté le 26-01-2007 à 18:40:03    

Je te remercie beaucoup pour la taille !
Mais le problème est que lorsque l'on met width 200 px par exemple et que l'on met du texte qui dépasse les 200 px, le bloc s'agrandit alors que l'on voudrait qu'il reste à sa taille !
C'est dû à quoi ?


Message édité par balzastone le 26-01-2007 à 19:02:36
Reply

Marsh Posté le 26-01-2007 à 23:57:02    

Vraiment ? avec overflow:auto, le bloc s'agrandit ?
Quel navigateur utilisz-vous ?
 
J'ai testé le programme suivant sous IE6 et Firefox, qui montre un bloc de taille fixe avec des barres de scrolling pour le dépassement.

<html>
<head>
<style type="text/css">
.fix_block {
width:100px;
height:50px;
overflow:auto;
}
</style>
</head>
<body>
<div class=fix_block>abcdefghabcdefghabcdefgh 123456789 123456789 123456789 123456789 123456789 123456789</div>
</body>
</html>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed