Rechercher
Se connecter avec
S'enregistrer | Connectez-vous

Ajouter une barre de défilement (scroll)

Dernière réponse : dans Programmation
Partagez

Bonjour.

Voilà, je viens de réaliser mon design avec photoshop et je l'ai découpé. J'ai ensuite tout assemblé dans dreamweaver MX.

Mon site comporte un menu a gauche et une zone texte au milieu. Je souhaiterai ajouter une barre de défilement à cette zone texte mais je ne trouve pas comment faire.

Pour faire mon site, j'ai utilisé fireworks qui m'a créé la page index.htm automatiquement. Je n'ai ensuite plsu rien changé.

Comment faire ?

Merci beaucoup

Autres pages sur : ajouter barre defilement scroll

Lassé par la pub ? Créez un compte

oui je connais mais je n'arrive pas à faire ce que je veux. En fait, lorsque je crée un style avec dreamweaver mx, et que je l'applique à la cellule souhaitée, rien ne vas.

Je souhaiterai l'appliquer à une cellule (calque) et non pas à un tableau.

Merci de vos réponses
Contenus similaires
Posez votre question

c'est quoi un calque ?? je connais pas cette balise...

j'ai a la fois envie de te demander un morceaux de code mais j'ai comme le présentiment que le code sera completement faux et qu'il va falloir que tu te documente sur le xhtml et le css...

Allad a dit :
oui je connais mais je n'arrive pas à faire ce que je veux. En fait, lorsque je crée un style avec dreamweaver mx, et que je l'applique à la cellule souhaitée, rien ne vas.

Je souhaiterai l'appliquer à une cellule (calque) et non pas à un tableau.

Raté :D ..

Cellule = plus petite division d'un tableau...

Un tableau est composé de manière basique d'une table qui contient des rangées et des colonnes, la cellule se trouvant à l'intersection d'une rangée et d'une colonne et contient les éléments affichables (classement de données, par exemple)..

Citation :
c'est quoi un calque ?? je connais pas cette balise...

Moi non plus... Je m'en souviens d'une : <LAYER>.. Mais c'était uniquement avec le vieux Netscape et elle n'existe plus depuis des tas d'années (depuis la fin de Netscape 4.xx, en fait).............


mati >> Désormais, on parle de balise conteneur : la balise <div>..

Deux exemples de sites traitant du CSS :
- AlsaCréations : http://css.alsacreations.com/
- OpenWeb : http://openweb.eu.org/

:jap: 

à Johan_et_P irlouit :
Citation :
Oké l'ami. Merci de ton eclaircissement :D 
En fait, je parlais de calque parce que en mode "mise en forme" on peut sélectionner des cellules, et j'ai mis calque en pensant à ça. Enfin quoi qu'il en soit...lol

Je n'ai aps compris comment faire pour avoir une scrollbar à droite donc.

J'ai mis le site en ligne et vous verrez mieux ce que je veux dire. Je parle bien entendu du centre de la page, là où la couleur est blanche. Autrement dit, la zone de droite.
Merci de votre aide les amis.

[adresse du site]:
Le site

Allad a dit :
En fait, je parlais de calque parce que en mode "mise en forme" on peut sélectionner des cellules, et j'ai mis calque en pensant à ça. Enfin quoi qu'il en soit...lol
Effectivement, c'est un nom impropre utilisé par Dreamweaver.. Il s'agit en fait d'un conteneur <div> "flottant" que généralement Drw place en position non flottante, alors qu'il peut l'être.. Le surnom de "calque" vient du fait qu'il existe un positionnement dans la profondeur de la page Web par la propriété 'z-index', qui permet aux <div> de se "passer les uns au-dessus des autres", à la manière des calques de Photoshop..

Allad a dit :
Je n'ai aps compris comment faire pour avoir une scrollbar à droite donc.
Dans les propriétés de ton conteneur <div>, (je dis ça de mémoire, je n'ai pas Drw sous les yeux) tu dois avoir la prorpiété 'overflow' accessible.. C'est cette propriété qui te permettra d'avoir l'ascenceur désiré.. A moins qu'elle ne soit dans les proriétés CSS de ton objet conteneur.. En choisissant le paramètre 'overflow: auto;', tu devrais avoir ton ascenceur.. Mais à condition qu'il y ait du contenu qui dépasse le contenant :D .. Sinon, pour avoir les ascenceurs imposés quelque soit le contenu, c'est 'overflow: scoll;' (je crois :??: )..

Je ne peux m'attarder plus, je dois filer.. Mais si ça ne règle pas ton pb, je repasserai ;) ..

:jap: 

Merci beaucoup de ta réponse très complète.

Toutefois, je n'ai toujours pas réussi lol.

Je suis désolé de te faire perdre ton temps sur de petites choses mais j'aimerai vraiment réussir à faire ce que je souhaite.
Je pense que la manière la plus facile serait de t'envoyer l'archive contenant le site.

Je ne souhaite pas le refiler à tout le monde puisque c'est un kit perso. Je te le passe par MSN. Voici mon adresse ma_evol|at|hotmail.com

A bientot j'espère

ha bon ? ton site tu ne vas pas le mettre sur internet sous peine que c'est "personnel" ?

faut arreter avec cette mentalité, si on mets quelque chose sur le net c'est pour partager, si tu veux pas qu'on te le pique, ne le mets pas a la disposition des autres...

et si tu as un problème avec une partie de ton code, poste juste cette partie et on verra ce qu'on peut faire pour t'aiguiller vers la solution...

Calme KangOl lol.

Je sais qu'on me le prendra de toute façon je vais le distribuer plus tard une fois qu'il sera comme je le souhaite.
C'est juste en attendant.

Tu veux une partie? La voilà :
Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:: G.L.Y.S. ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}.style {
overflow: visible;
position: relative;
visibility: hidden;
z-index: auto;
height: 342px;
width: 530px;
clip: rect(auto,auto,auto,auto);
}
</style>
<!--Fireworks 8 Dreamweaver 8 target. Created Wed Oct 12 14:02:44 GMT+0200 2005-->
</head>
<body bgcolor="#ffffff"><SCRIPT LANGUAGE="javascript" src="menu_shorted/./scrollbar.js" type="text/javascript"></SCRIPT>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="770">
<!--DWLayoutTable-->
<!-- fwtable fwsrc="design_cyan copie.png" fwbase="index.png" fwstyle="Dreamweaver" fwdocid = "1903567070" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="17" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="32" height="1" border="0" alt="" /></td>
<td width="111"><img src="spacer.gif" width="111" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="14" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="20" height="1" border="0" alt="" /></td>
<td width="530"><img src="spacer.gif" width="530" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="33" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="13" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="6"><img name="index_r1_c1" src="index_r1_c1.png" width="17" height="500" border="0" id="index_r1_c1" alt="" /></td>
<td colspan="6"><img name="index_r1_c2" src="index_r1_c2.png" width="740" height="73" border="0" id="index_r1_c2" alt="" /></td>
<td rowspan="6"><img name="index_r1_c8" src="index_r1_c8.png" width="13" height="500" border="0" id="index_r1_c8" alt="" /></td>
<td><img src="spacer.gif" width="1" height="73" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="index_r2_c2" src="index_r2_c2.png" width="157" height="17" border="0" id="index_r2_c2" alt="" /></td>
<td colspan="2"><img name="index_r2_c5" src="index_r2_c5.png" width="550" height="17" border="0" id="index_r2_c5" alt="" /></td>
<td rowspan="2"><img name="index_r2_c7" src="index_r2_c7.png" width="33" height="359" border="0" id="index_r2_c7" alt="" /></td>
<td><img src="spacer.gif" width="1" height="17" border="0" alt="" /></td>
</tr>
<tr>
<td height="342"><img name="index_r3_c2" src="index_r3_c2.png" width="32" height="342" border="0" id="index_r3_c2" alt="" /></td>
<td valign="top" bgcolor="#F4F4F4"><!--DWLayoutEmptyCell--> </td>
<td><img name="index_r3_c4" src="index_r3_c4.png" width="14" height="342" border="0" id="index_r3_c4" alt="" /></td>
<td><img name="index_r3_c5" src="index_r3_c5.png" width="20" height="342" border="0" id="index_r3_c5" alt="" /></td>
<td valign="top"><p>Bonjour
</p>
<p>1</p>
<p>2</p>
<p>  </p>

</td>
<td><img src="spacer.gif" width="1" height="342" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="index_r4_c2" src="index_r4_c2.png" width="157" height="25" border="0" id="index_r4_c2" alt="" /></td>
<td colspan="3"><img name="index_r4_c5" src="index_r4_c5.png" width="583" height="25" border="0" id="index_r4_c5" alt="" /></td>
<td><img src="spacer.gif" width="1" height="25" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="index_r5_c2" src="index_r5_c2.png" width="740" height="33" border="0" id="index_r5_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="33" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="6"><img name="index_r6_c2" src="index_r6_c2.png" width="740" height="10" border="0" id="index_r6_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
</table>
</div>
</body>
</html>



La zone en rouge c'est la "partie" que je souhaiterai qui soit scrollable.

Merci beaucoup d'avance et s'il te plaît, calme toi. J'te passerai le site si tu veux ;-)

Ben dis donc, je passais par la parce que le sujet m'intéressait. La conclusion, c'est que Kangol est un vrai con et un exité de la vie! Un mec, sympa, pose une question et l'autre répond agressivement à chque fois... enfin répond, c'est vite dit parce que sur les - je sais pas combien de messages - que ce gars la à posté, seul le dernier donne des liens. Le reste c'est des reflexions style c'est nul, ou tu programme mal. Qu'est ce que çq peut te fouttre à toi Kangol, le gars veut juste une réponse et te demande pas de faire le chieur ?

D'autre part, si il veux pas partager son site pour l'instant, eh ben ou est le problème, tout le monde est libre de faire ce qu'il veux ici non ? D'ailleurs,il y en a qui utilisent cet argument pour critiquer (mais rien de constructif apparamment0t méchamment), sauf que c'est pas ce qu'on vous demande. Je dis tout cas parceque je vois souvent ce genre de réponse absolument inutiles puisqu'elle ne donnent aucun solution... enfin bref, Kangol sais pau etre programmer, mais faut qu'il sorte le nez de son odir pour découvrir lq vie, voir un peu qu c'est sympa d'aider les gense et tout.. merci kan meme pour tes liens Kangol, mais kna meme clamoooooosss..

Allez, tchuss les potos, bonne continuation !

AIDEZ-moi pour faire mon page d'acueille de mon site


_______________________
Moderator dixit: Merci de créer ton propre sujet avec une question précise sur la programmation. Et pas une injonction !
Lassé par la pub ? Créez un compte
 
Posez votre question