Fenêtre avec scroll, Golive 6.

JPTK · 27 Janvier 2005

Bonjour.

Juste une ptite question, j'aimerais juste savoir si je peux faire en sorte d'avoir une fenêtre avec un ascenseur dans laquelle je pourrais accumuler des news ? J'aimerais en effet éviter si possible que mon image du bas (cadre) soit poussée par la mise en page débordante. Si vous avez compris ce que je voulais faire et si vous savez comment je peux le faire, je veux bien que vous me donniez la solution merci !

JPTK :zen:

La page en question

Nephou · 27 Janvier 2005

avec la propriété css "overflow" tu dois pouvoir t'en sortir

Bloc de code:

<html>
<head>
<title>essai pour Dark Templar</title>
</head>
<style>
body {
position:relative;
margin:0;
padding:O;
}

#foot {
background-color:#666;
width:100%;
}

#head {
position:relative;
background-color:#444;
width:100%;
top:0px;
}

#contenu {
position:relative;
display:block;
background-color:#a3f;
height:235px;
width:400;
margin:10px auto;
overflow:auto;
}
#contenu p{

}

</style>
<body>
<div id="head">
tout en haut
</div>
<div id="contenu">
<p>Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.</p>
</div>
<div id="foot">
<ul><li>un</li><li>deux</li><li>trois</li></ul>
</div>
</body>
</html>

JPTK · 28 Janvier 2005

Nephou a dit:

avec la propriété css "overflow" tu dois pouvoir t'en sortir

Bloc de code:

<html>
<head>
<title>essai pour Dark Templar</title>
</head>
<style>
body {
position:relative;
margin:0;
padding:O;
}

#foot {
background-color:#666;
width:100%;
}

#head {
position:relative;
background-color:#444;
width:100%;
top:0px;
}

#contenu {
position:relative;
display:block;
background-color:#a3f;
height:235px;
width:400;
margin:10px auto;
overflow:auto;
}
#contenu p{

}

</style>
<body>
<div id="head">
tout en haut
</div>
<div id="contenu">
<p>Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.Les autres me font marrer doucement. Ils ne perdent pas une occasion de ne pas en perdre une miette.</p>
</div>
<div id="foot">
<ul><li>un</li><li>deux</li><li>trois</li></ul>
</div>
</body>
</html>

OK merci !

Mais dans une fenêtre comme ça, rien ne m'empêche de mettre des liens et des images non ?

Nephou · 28 Janvier 2005

dans une fenêtre comme celle que tu cite ou dans une page html telle que contenu dans le code cité ?

en fin la réponse est non, rtu peux mettre tout ce que tu voeux dans ta <div>

JPTK · 31 Mars 2005

Salut

J'avais pas eu de maj à faire depuis le mois de janvier et je ne m'étais pas penché à nouveau sur le problème. J'arrive pas à y arriver avec ton code mais j'ai récupéré un autre code sur le web qui me permet de faire CA.

Le seul hic comme vous pouvez le voir, c'est que j'ai une deuxième fenêtre avec ascenseur et que je ne sais pas comment la supprimer, j'ai beau regarder le code je ne comprends pas pourquoi ça fait ça...

Un ptit coup de pouces messieurs dames ?

Merci :zen:

Nephou · 31 Mars 2005

j'ai entendu ton appel

tu me laisses un peu de temps :zen:

Nephou · 31 Mars 2005

*edit*
tu veux avoir une partie fixe en bas et une partie scrollable en haut c'est bien ça ?

JPTK · 31 Mars 2005

Nephou a dit:
j'ai entendu ton appel tu me laisses un peu de temps :zen:

Thanks dude

Euh nan je veux rien en bas, tout simplement, et scrollable en haut oui.

JPTK · 31 Mars 2005

En fait je veux ça quoi

DVDB · 31 Mars 2005

jaipatoukompri a dit:
Bonjour.

Juste une ptite question, j'aimerais juste savoir si je peux faire en sorte d'avoir une fenêtre avec un ascenseur dans laquelle je pourrais accumuler des news ? J'aimerais en effet éviter si possible que mon image du bas (cadre) soit poussée par la mise en page débordante. Si vous avez compris ce que je voulais faire et si vous savez comment je peux le faire, je veux bien que vous me donniez la solution merci !

JPTK :zen:

Pourquoi pas les iframe ?

<iframe name="nom de la frame" border="no" src=http://la page ou sont montes les actus" width="largeur en pixel (ex: 800)" height="600" scrolling="yex,no ou auto"></iframe>

c'est simple non ?, il existe bien sur d'autres attributs d'iframe

Nephou · 31 Mars 2005

le iframe peut être une solution;

moi j'avais bricolé ça
http://benoit.launay.free.fr/macge/jptk/boxing.html

à compléter et à expérimenter

JPTK · 31 Mars 2005

DVDB a dit:
Pourquoi pas les iframe ?

<iframe name="nom de la frame" border="no" src=http://la page ou sont montes les actus" width="largeur en pixel (ex: 800)" height="600" scrolling="yex,no ou auto"></iframe>

c'est simple non ?, il existe bien sur d'autres attributs d'iframe

Merci, mais faut que je mette comment l'url de ma page après src= ? Je ne sais pas faire

C'est l'adresse de la page sur mon disc ou bien sur le web ?

JPTK · 31 Mars 2005

Nephou a dit:
le iframe peut être une solution;

moi j'avais bricolé ça
http://benoit.launay.free.fr/macge/jptk/boxing.html

à compléter et à expérimenter

Merci Nephou

Why not mais j'aimais bien aussi l'ascenseur à l'intérieur de la fenêtre, vous pouvez pas me dire pourquoi le mien bug ?

Nephou · 31 Mars 2005

*edit*
iframe oui mais avec css ou fait

JPTK · 31 Mars 2005

J'arrive même pas à reproduire ton exemple... j'arrive pas à foutre mes cadres.

L'iframe j'ai pas réussi non plus, je suis nul...

Pourquoi vous voulez pas me dire pourquoi ma fenêtre déconne et se dédouble ?

DVDB · 31 Mars 2005

J'arrive même pas à reproduire ton exemple... j'arrive pas à foutre mes cadres.

L'iframe j'ai pas réussi non plus, je suis nul...

Pourquoi vous voulez pas me dire pourquoi ma fenêtre déconne et se dédouble ?

Pleure pas et regarde sur un exemple de site : http://submitt.online.fr/campagnecommercetest.html

va dans affichage (navigateur) puis source, copie le code souce, modifie suivant tes paramètres, et vogue la galère

Marcus · 31 Mars 2005

Moi je trouve que la solution iframe est la plus appropriée surtout si tu debutes
une iframe se place ainsi

<iframe src="zone1.html" name="zone1" frameborder=no></iframe>

en fait dans ta page principla index.html par exemple.
Tu fais un tableau et dans une cellule tu place le code que je viens de te donner.
Le contenu de la cellule sera donc la page zone1.html
voila...
Si tu veux un peu plus de détail sur la balise iframe, n'hesite pas a chercher dans google.
Bon courage

Nephou · 31 Mars 2005

Bloc de code:

<html>
<head>

<style type="text/css">
body {text-align:center;}
#maniframe
	{
	width:615px;
	margin:65px auto;
	border:5px orange double;
	}
</style>

<title>small is beautifull</title>
</head>

<body>

<iframe id="maniframe" src="http://www.google.fr" />

</body>
</html>

par exemple :siffle: sans tableau s'il vous plaît

JPTK · 4 Avril 2005

Bon j'ai réussi via l'iframe à faire ce que je voulais, le seul problème c'est que ça ne passe pas du tout avec Firefox et avec IE

Puis-je corriger cela ?

La page en question.

JPTK · 4 Avril 2005

Bon j'ai résolu le problème en utilisant tableau+iframe, ça passe dorénavant tout seul sur IE, c'est un peu du bidouillage mais je suis plus à ça près...

FIREFOX m'affiche bien la page également, sauf si je surf depuis le site et via la lien "actualités", on dirait qu'il m'affiche toujours l'ancienne page, celle sur laquelle il butait, comme si le lien n'avait pas été mis à jour, j'ai pourtant vidé le cache et l'histo, j'ai relancé l'application mais rien n'y fait... pas grave.

BOXING-CLUB

Merci pour tous vos conseils !

EDIT : oui donc je confirme, ça passe pas avec FF, Nestcape, etc...

Fenêtre avec scroll, Golive 6.

Membre vénérable

de pas sage

Membre vénérable

de pas sage

Membre vénérable

de pas sage

de pas sage

Membre vénérable

Membre vénérable

Membre confirmé

de pas sage

Membre vénérable

Membre vénérable

de pas sage

Membre vénérable

Membre confirmé

Membre actif

de pas sage

Membre vénérable

Membre vénérable

Sujets similaires