High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

[CSS] overflow : scroll

Dernière réponse le 27 jun 2008 à 21:08:06 kij_82, le 22 fév 2006 à 20:56:13 
 Signaler ce message aux modérateurs

Bonjours,

J'ai un ami qui me demandais cela, mais vu que ca fait pas mal de temp que je ne touche plus aux mise en page et que j'ai un peu une mémoire de poisson rouge... je me demandais si certain d'entre vous pouvais m'en dire plus sur son problème.

Voilà, dans un site, en page d'intro, il veut faire un petit encadré avec du texte dedans. L'encadré ne doit pas dépasser une certaine taille et donc il faut que les scrollbar s'active en fonction de la longueur du contenu.

Voici son 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" >
<head>
<title>page d'acceuil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
p{
heigth: 100px;text-align:justify;
}
.coupe{
overflow:scroll
}
</style>
</head>
<body>
<p class="coupe">

<br />
<font color="#ffffff">
// Un texte Bidon d'un certain nombre de lignes
</font>

<br />
</p>
</body>
</html>


Voilà, le résultat de ce code est que le texte apparait bien mais l'encadré est élargi à l'ensemble du texte et devient donc trop grand - au lieu de faire les taille indiquées dans la classe.

Sauriez vous pourquoi et comment remédier à cela ?

Merci d'avance à vous. :)
~ iclic @ gauch,iclic, iclic @ droate, iclic, iclic
et ya pas de bôg môsieu ! ~

Meilleures réponses pour « [CSS] overflow : scroll » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.topstyle4.com/
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Posez votre question Répondre

1

kij_82, le 22 fév 2006 à 21:09:51

Edit : Problème résolu : faut pas mettre ca dans une classe mais dans un style...

Merci à vous :) ~ iclic @ gauch,iclic, iclic @ droate, iclic, iclic
et ya pas de bôg môsieu ! ~

   
Répondre à kij_82

2

Artis.psyko, le 4 nov 2007 à 19:52:11

C'est un peu vieux, mais quand même. :p 

coupe{
overflow:scroll
}


Il manque simplement le point virgule à la fin je pense. ^^

Et en passant la balise font c'est bof. Il faudrait plutot définir la couleur dans le css : 
p {
   heigth: 100px;
   text-align: justify;
} 
.coupe {
   overflow: scroll;
   color: white;
}

   
Répondre à Artis.psyko

3

dagret, le 29 jan 2008 à 21:15:07

G utilisé le 1er code ca a foutu ma page en lair
et jarrive pas a lenlever aidez moi

   
Répondre à dagret

4

Huge, le 27 fév 2008 à 10:53:48

Ahah

   
Répondre à Huge

5

Isa, le 26 mar 2008 à 19:22:48

Salut,

ton message date de loin mais je suis tombée dessus et ne peut m'empêcher d'y répondre...
ce n'est pas 'heigth' mais 'height' qu'il faut ! lol

allez, bye

   
Répondre à Isa

6

 Vbs, le 27 jun 2008 à 21:08:06

Je te conseille un overflow:auto;

Comme ça si le contenu ne dépasse pas du cadre, la barre de défilemenent n'apparaît pas.

   
Répondre à Vbs
Posez votre question Répondre
Ils ont besoin de votre aide