Sujet Précédent Sujet Suivant

Balises pour defiler du texte dans html

Résolu
jim -  
 velodom -
Bonjour
je voudrai s'il vous plait connaitre les BALISES qui permettent de faire defiler du texte du haut vers le bas ou de la droite vers la gauche dans html.
Je connais les balises <MARQUEE></MARQUEE> mais d'autres pour faire defiler mon texte du bas vers le haut.

CORDIALEMENT
A voir également:

37 réponses

  • 1
  • 2
Résumé de la discussion

Le défilement du texte en HTML et les balises associées, notamment MARQUEE, est examiné pour décrire comment faire défiler le contenu du haut vers le bas ou horizontalement. La solution la plus citée consiste à utiliser MARQUEE avec direction='up' pour un défilement vertical, en ajustant vitesse et police selon le rendu souhaité. D'autres réponses suggèrent CSS avec overflow:auto ou des scripts JavaScript pour simuler le défilement, et évoquent des remplacements modernes à MARQUEE adaptés aux navigateurs et aux mises en page. En cas de besoins modernes, les solutions basées sur CSS et les animations @keyframes privilégient une compatibilité cross-browser sans MARQUEE, adaptée aux défilements horizontal et vertical et aux mises en page réactives.

Généré automatiquement par IA
sur la base des meilleures réponses
Réponse 1 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Salut,

Utilise la fonction direction="up", tu peux aussi paramètrer la vitesse, la taille, la police, enfin, tout quoi ;)

@+
17
Erdnax Messages postés 2279 Statut Contributeur 497
 
Allez hop, même un petit exemple : 
<marquee direction="up" scrollamount="2" height="50" bgcolor="#DDDDDD" width="150">
<font face="Verdana" size="2">Salut copaaaaaaaaaaaain !!!</font>
<font face="Trebuchet MS" size="3" color="#FF00FF">Comment tu va bien ?</font>
</marquee>

@+
0
badis > Erdnax Messages postés 2279 Statut Contributeur
 
bonjour,svp des que jai mis ce programme entre un TD la cellule cest deformee
je ne sais pas comment faire
0
Cronenbourg Animation > Erdnax Messages postés 2279 Statut Contributeur
 
Un immense merci pour votre texte défilant.

Il m'a permis de faire une amélioration sur ma page d'accueil

https://www.118712.fr/sortir.html
0
finjisse > Erdnax Messages postés 2279 Statut Contributeur
 
Merci ! super , c nickel !
0
Gogolaitane > Erdnax Messages postés 2279 Statut Contributeur
 
commen tu fai jessaye ton truk mais sa marche pa i fo le mettre ou ?? jeessaye sur mon blog nn sur msn nn tu peu mieu explike teu plait ?
0
Réponse 2 / 37
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT
voila un exemple de scroll simple avec les commentaires , il y en as des tas d autres !!

celui ci est une base mais tu peut le modifier 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title>
    </title>
  </head>
  <body>
    <center>
      <h1>Marquee Replacement - Horizontal Scroll</h1>
      <table cellpadding=0 cellspacing=0 border=1>
        <tr>
          <td>
<script language="javascript">
//CONTENU DU SCROLL.
var content='TU peut mettre;du <b>HTML</b> <a HREF="http://radservebeer.free.fr"><font color="red"><i>ici</i></font></a>. Note: tout contenu qui depasse la taille du  boxwidth passe sur une autre ligne.';
var boxheight=45;          //BACKGROUND BOX HEIGHT EN PIXELS.
var boxwidth=390;          //BACKGROUND BOX WIDTH EN PIXELS.
var boxcolor="#FFF6e9";    //BACKGROUND BOX COULEUR.
var speed=60;              //VITESSE DU SCROLL EN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2;           //PIXELS "STEPS" PAR REPETITION.
var goright=false;         //DE GAUCHE A DROITE=TRUE , DROITE A GAUCHE=FALSE
var pauseOnmouseover=true; // "true" POUR STOPER LE SCROLL AU  MOUSEOVER, "false" POUR NE PAS STOPER.
//** NE RIEN CHANGER EN DESSOUS **
var outer,inner,ref,elementwidth;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
var goscroll=true;
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width="'+boxwidth+'" height="'+boxheight+'"></ilayer>';
txt+='</td></tr></table>';
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width="'+boxwidth+'" height="'+boxheight+'" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>';
txt+='<layer name="inner"  visibility="hidden" left="2" top="2">';
txt+=content;
txt+='</layer></layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; visibility:visible; background-color:'+boxcolor+';" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden;">';
txt+='<div id="inner"  style="position:absolute; visibility:hidden; left:2px; top:2px; overflow:hidden; cursor:default;" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>';
txt+=content;
txt+='</div></div>';
}
document.write(txt);
txt=0;
function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}
function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}
function getElWidth(el){
if(ns4)return (el.document.width)? el.document.width : el.clip.right-el.clip.left;
else if(ie4||ie5)return (el.style.width)? el.style.width:el.clientWidth;
else if(w3c)return (el.style.width)?parseInt(el.style.width):parseInt(el.offsetWidth);
else return -1;
}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}
function scrollbox(){
if(goscroll){
if(ns4){
inner.left+=(goright)? pixelstep: -pixelstep;
inner.clip.right=(boxwidth-inner.left-2>boxwidth)? boxwidth-2 : boxwidth-inner.left-2;
inner.clip.left=-inner.left+2;
if(goright){
if(inner.left>boxwidth)inner.left=-elementwidth;
}else{
if(inner.left<-elementwidth)inner.left=boxwidth+2;
}}else{
inner.style.left=parseInt(inner.style.left)+((goright)? pixelstep: -pixelstep)+'px';
if(goright){
if(parseInt(inner.style.left)>boxwidth)inner.style.left=-elementwidth+'px';
}else{
if(parseInt(inner.style.left)<-elementwidth)inner.style.left=boxwidth+2+'px';
}}}}
window.onload=function(){
ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref');
outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner');
elementwidth=getElWidth(inner);
if(ns4){
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
outer.moveTo(getPageLeft(ref),getPageTop(ref));
inner.left=(goright)? -elementwidth : boxwidth-2;
inner.clip.width=0
inner.clip.height=boxheight-4;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.width=elementwidth+'px';
inner.style.left=((goright)? -elementwidth : boxwidth-2)+'px';
inner.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script></td>
        </tr>
      </table>
    </center>
    <br>
  </body>
</html>
10
Réponse 3 / 37
Timon1102 Messages postés 354 Statut Membre 109
 
peut etre avec css, et overflow:auto;
Quel comportment veux tu ?
3
daniel81
 
Bonjour je voudrais faire deffile ce texte Cliquer sur les les images pour avoir le lien merc!
de droite vers la gauche dans ma page index.html à l'infini.
par avance merci
Daniel
ps je suis avec cs4
0
le_ngabou > daniel81
 
pour le lien avec image
c'est simple fait ceci <A HREF="le nom de ta page.html"><IMG SRC="nom de l'image.jpg/gif" heigt="100" width="90"> </A>
0
Réponse 4 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Salut,

Peut-être que tu trouvera des réponses ici :

=> http://www.repaire.net/navig/diff_internet/#1

@+
3

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Essaye de définir des styles css pour ton texte alors. Tu peux y placer une argument du style :

margin-top:12pt;

Cela devrait espaces un peu tout ça.

@+
2
Réponse 6 / 37
jim
 
Merci beaucoup et à plus
Cordialement
2
Réponse 7 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Salut,

Travailles avec les pourventages, et non des valeurs fixes. C'est valable pour les frames, et aussi tableaux si tu en as etc etc.

@+
2
Réponse 8 / 37
jim
 
Re salut
depuis le début de la création du site j'ai utilisé des pourcentages et pourtant G ce probléme.

Sinon je vais tout revoir.
Merci
2
daniel81
 
Salut j'ai le même probleme que Jim ! avec certains amis pourtant mon ecrn est de 17 pouces et mon pc aussi un ami de 19 pcs et il me dit qu'il à une deformation de certaines pages !
voici mon url par avance merci
Daniel
https://f5uoe.pagesperso-orange.fr/ l
0
Salam2010
 
<font color= green>
<marquee behavior>"Bienvenue dans le Siteweb Ryad-Auto"</marquee behavior>
</font>
0
Réponse 9 / 37
elodie
 
salut tous le monde
j voudrait savoir comment bloqué du texte html dans un site ??

merci d'avance de votre réponse !
2
Réponse 10 / 37
jim
 
Bonjour et merci Timon1102 pour votre réponse.

je voudrai une syntaxe pour faire defiler mon texte du bas vers le haut à l'interieur d'un TD
1
Réponse 11 / 37
jim
 
REMERCI MAITRE Erdnax.
désormais je m'adresserai à vous pour mes problémes.

A TRES BIENTÔT
1
Erdnax Messages postés 2279 Statut Contributeur 497
 
Merci, ça fait toujours plaisir !
0
Réponse 12 / 37
jim
 
Bonjour Maître
c'est Jim.
Je fait defiler maintenant mon texte grace à vos informations.
Cette fois ci je voudrai augmenter l'interligne de mon texte.
J'ai un bloc de texte et les lignes sont un peu serrer à mon goût et je voudrai les espacer.
??? Comment augmenter l'interligne d'un bloc de texte?

CORDIALEMENT
1
Réponse 13 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Alors là désolé, mais on ne peut rien y faire.

En effet, cela dépend du parametrage et du navigateur du visiteur. Et il n'y a que ce dernier qui puisse y faire quelque chose, accepter ou pas.

La seule chose que tu peux faire, c'est avertir le visiteur qu'il n'y a rien de dangereux sur ton site et qu'il peut autoriser tout ça.

@+
1
Réponse 14 / 37
jim
 
Re salut
le site n'est pas encore en ligne je suis entrain de le confectionner.
je travaille parfois au bureau parfois à la maison. Au bureau mon écran est plus grand que celui que j'ai à la maison.
Et je suis obligé à chaque fois de modifier les paramétrages de mon moniteur.
1
Réponse 15 / 37
jim
 
Re Salut Maître

Pour que les vidéos ou les films de mon site s'ouvrent trés rapidement sous quel format doit je l'enregistrer?
- avi
-wpl
-asx
-m3u
Je voudrai que le téléchargement soit rapide
Cordialement
1
m-e
 
utilise du flv (pour le convertisseur utilise free flv converter) :)
0
Réponse 16 / 37
elochad Messages postés 2 Statut Membre 1
 
sur mon site je voudrais bien bloquer mes texte pour pas que l'on me les prennes !!

Jespère que cela ta aider a mieu comprendre !?
1
Réponse 17 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Re-salut,

Essaye de rajouter <br> à l'endroit ou tu veux espaces un peu tes paragraphes. Rajoutes-en si cela n'est pas encore suffisant ;)
0
Réponse 18 / 37
jim
 
Toc Toc
Avec les <br>
c'est autre chose.
J'ai justifié le texte et c'est un trés long texte, alors ce sera difficile de mettre des <br> à la fin de chaque phrase pour espacer...
Je pensais qu'il existe des balises qui augmentent l'espace entre les lignes d'un texte.
Comme dans WORD avec Interlignage (Simple, Double etc...)
MERCI ENCORE
0
servico
 
Tu peux utiliser la commande <spacer> a la fin de chaque paragraphe
Exemple : "<br><SPACER><br><SPACER><br>" te donne un espace de deux lignes.
ciao
0
Réponse 19 / 37
jim
 
MERCI BEAUCOUP MAÎTRE
de jour en jour mes connaissances augmente grâce à vous.
Cordialement
0
Réponse 20 / 37
Erdnax Messages postés 2279 Statut Contributeur 497
 
Est-ce qu'on peut avoir l'adresse de ton site pour se rendre compte de ce qu'il se passe ?
0
daniel81
 
Salut cher ami merci de votre reponse voici l'adresse de mon site
https://f5uoe.pagesperso-orange.fr/ l
puis je voudrais faire defiler un texte a la place de celui qui est devant les images !
Cliquer sur les images pour les liens merci !
mais je n'arrives pas à faire çà de droite vers la gauche
pouvez vous me donner un petit coup de main avec les codes
merci !
Daniel81
0
le_ngabou
 
je avoir l'adresse de ton hébergeur STP mreci d'avance
0
le_ngabou
 
daniel stp puis-je avoir l'adresse de ton hebergeur merci !!
0
  • 1
  • 2

Discussions similaires

Excel formule : savoir si une cellule contient partie texte
plunderer007 -
francois -

14 réponses
Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses