Defilement de texte
Résolu
MrFetouaki
Messages postés
48
Date d'inscription
Statut
Membre
Dernière intervention
-
MrFetouaki Messages postés 48 Date d'inscription Statut Membre Dernière intervention -
MrFetouaki Messages postés 48 Date d'inscription Statut Membre Dernière intervention -
Bonjour a tous,
je veux faire défiler un text (l'affichage de mes tweets)j'ai déjà récupérer mes tweets mais le problème c'est que je veux faire les défiler sur mon site j'ai déjà utiliser la balise html <marquee> mais cette balise toujours me laisse un espace long a la fin de mes tweets,moi je veux les faire défiler son cette espace blanc.qlq un peut m'aider
merci d'avance
je veux faire défiler un text (l'affichage de mes tweets)j'ai déjà récupérer mes tweets mais le problème c'est que je veux faire les défiler sur mon site j'ai déjà utiliser la balise html <marquee> mais cette balise toujours me laisse un espace long a la fin de mes tweets,moi je veux les faire défiler son cette espace blanc.qlq un peut m'aider
merci d'avance
A voir également:
- Defilement de texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Barre de défilement - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Traitement de texte gratuit - Guide
7 réponses
la balise "marquee" est caduque et n'est pas reconnue par tous les navigateurs !
il faut donc voir du côté de JavaScript
:)
il faut donc voir du côté de JavaScript
:)
salut
exemple tres simple !
a+
exemple tres simple !
<!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">
<head>
<title>
RAD ZONE Webcreation
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<style type="text/css">
#cadre {
width: 600px;
margin: 0 auto;
border: 0;
overflow: hidden;
}
#defboite {
position: relative;
width: 580px;
height: 20px;
overflow: hidden;
color: inherit;
background: #FFFF99 url(news.gif);
border: 1px inset black;
}
#defile {
position: absolute;
margin-top: 1px;
background-color: transparent;
}
</style>
<script type="text/javascript">
//<![CDATA[
var defile;// l'element a deplacer
var posinit = 580; // position horizontale de depart
var poscrnt = posinit;
function Defile() {
if (!defile) defile = document.getElementById('defile');
if (defile) {
if(poscrnt < ( - defile.offsetWidth) ){
poscrnt = posinit;
} else {
poscrnt+= -1; // pixel par deplacement
}
defile.style.left = poscrnt+"px";
}
}
setInterval("Defile()",20); // delai de deplacement
//]]>
</script>
</head>
<body>
<div id="cadre">
<div id="defboite">
<p id="defile">TON TEXTE ICI</p>
</div>
</div>
</body>
</html>
a+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
merci RAD ZONE;mais mon problème c'est que je veux pas l'espace vide après le texte je veux que mes news ou mes tweets passe en continue pas d'espace a la fin de défilement a la fin des news
merci autre fois
merci autre fois
tu en met autant que tu veux !!
<!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">
<head>
<title>
RAD ZONE Webcreation
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<style type="text/css">
#cadre {
width: 600px;
margin: 0 auto;
border: 0;
overflow: hidden;
}
#defboite {
position: relative;
width: 580px;
height: 20px;
overflow: hidden;
color: inherit;
background: #FFFF99 url(news.gif);
border: 1px inset black;
}
#defile {
position: absolute;
margin-top: 1px;
background-color: transparent;
}
</style>
<script type="text/javascript">
//<![CDATA[
var defile;// l'element a deplacer
var posinit = 580; // position horizontale de depart
var poscrnt = posinit;
function Defile() {
if (!defile) defile = document.getElementById('defile');
if (defile) {
if(poscrnt < ( - defile.offsetWidth) ){
poscrnt = posinit;
} else {
poscrnt+= -1; // pixel par deplacement
}
defile.style.left = poscrnt+"px";
}
}
setInterval("Defile()",20); // delai de deplacement
//]]>
</script>
</head>
<body>
<div id="cadre">
<div id="defboite">
<p id="defile">
Tu en met autant que tu veux , tant que tu les met dans la balise p id="defile" , Lorem ipsum dolor sit amet consectetuer tincidunt eget vitae tempus dis. Interdum eu Vestibulum eu et Lorem rutrum nec Ut odio habitasse. Lobortis non fames feugiat Aliquam eget natoque consequat vitae Morbi lacus. Commodo at et condimentum dignissim eu Vestibulum odio ut eget felis. Sed augue elit velit Fusce Donec.
Tristique mattis In magnis et wisi orci tempus tincidunt semper Curabitur. Nam elit Curabitur pede ut lacinia vestibulum laoreet risus velit ornare. Ut id metus sociis a Duis semper magna magna lorem nisl. Vestibulum quis magna felis augue nascetur nascetur elit elit morbi risus. Lacus ut leo justo quis commodo ipsum.
Malesuada amet Phasellus fringilla ligula nec adipiscing turpis Maecenas mauris et. Nec id at lacus non ac Praesent enim amet nunc auctor. Platea sed arcu eget nec vitae lacus wisi Aliquam mollis libero. Lobortis enim a dis elit Aenean tellus consequat Quisque et interdum. Quis leo et laoreet pretium vel eu Donec nulla at id. Phasellus fermentum pretium tempor ac quam parturient congue ante ac.
Nam Vestibulum Vivamus ipsum Nulla nascetur ipsum dolor cursus dignissim urna. Volutpat wisi id Donec augue consectetuer tempor lobortis nisl tellus Vestibulum. Auctor consequat orci semper Suspendisse Curabitur quis In et nec urna. Auctor diam Maecenas metus sed nulla lacus pretium et penatibus mi. Id mattis turpis senectus at nec et montes Nullam.
</p>
</div>
</div>
</body>
</html>