Modifier mon scripts svp ,

Résolu

soprano12 Messages postés 4 Statut Membre -
RAD ZONE Messages postés 5362 Statut Contributeur - 6 déc. 2013 à 10:15

bonjour tous le monde voila j ai un petit souci dans mon scripts je n arrive pas a centrez le cadre blanc dans le cadre noir ! est ce que vous pourriez m'aidez
merci d'avance bonne journée a tous !

voila le script:
<table align="center" width="611" height="800" style="background: url('http://visiocam-sitefr.sitego.fr/fichiers_sites/37247//gti.png');" border="5" cellspacing="0" cellpadding="0"><tr><td valign="bottom" style="padding: 140px;"><div style="text-align: center; padding: 2px; float: center; background: white; border: 3px solid black;"><MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2 direction=up width=180 height=250 align="center"><font color="red"> Texte qui défile de bas en haut
</font></MARQUEE></</div></td></tr></table>

Afficher la suite

2 réponses

RAD ZONE Messages postés 5362 Statut Contributeur 1 360

Salut

la reponse de lobotoFix est bonne !
mais si ont veut etre pointilleux ,
le mieux serait de le faire sans table et de remplacer la balise marquee par un petit js ! ;-))

<!DOCTYPE html>
<html>
  <head>
    <title>
      RAD ZONE Webcreation
    </title>
    <meta charset="utf-8">
    <style type="text/css">
body{
      margin: 0;
      padding: 0;
    }

    .cadre {
      background: #DBFFFF url('http://visiocam-sitefr.sitego.fr/fichiers_sites/37247/gti.png');
      border: 5px outset #e0e0e0;
      height: 800px;
      margin: auto;
      width: 611px;
    }

    #defboite {
      background: white;
      border: black 3px solid;
      text-align: center;
      height: 250px;
      width: 180px;
      margin: auto; /* centre horizontalement */
      margin-top: 275px;/* centre verticalement = 275px + la moitie du height (125px)=400px=centre de la div cadre (800px/2=400px) */
      overflow: hidden; /* cache le texte hors de cette div */
    }

    #defile {
      position: relative;
      margin-top: 1px;
      background-color: transparent;
    }

    p.texte {
      color: red;
    }

    </style>
  </head>
  <body>
    <div class="cadre">
      <div id="defboite">
        <p id="defile" class="texte">
          Texte qui défile de bas en haut
        </p>
      </div>
    </div>
    <script>
//<![CDATA[
    var defile;// l'element a deplacer
    var posinit = 250; // position de depart horizontal minimum = height de #defboite
    var poscrnt = posinit;
    function Defile() {
    if (!defile) defile = document.getElementById('defile');
    if (defile) {
      if(poscrnt < ( - defile.offsetHeight) ){
         poscrnt = posinit;
                } else {
         poscrnt+= -1; // pixel par deplacement
      }
      defile.style.top = poscrnt+"px";
    }
    }
    setInterval("Defile()",20); // delai de deplacement
    //]]>
    </script>
  </body>
</html>

Utilisateur anonyme

salut


<body>
		<table align="center" width="611" height="800" style="background: url('http://visiocam-sitefr.sitego.fr/fichiers_sites/37247//gti.png');" border="5" cellspacing="0" cellpadding="0">
			<tr>
				<td valign="bottom" style="padding: 140px;">
				<div style="text-align: center; padding: 2px; float: center; background: white; border: 3px solid black ;position: relative;bottom: 90px;">
					<MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2 direction=up width=180 height=250>
						<font color="red"> Texte qui défile de bas en haut </font>
					</MARQUEE></
				</div></td>
			</tr>
		</table>
	</body>

soprano12 Messages postés 4 Statut Membre

bonjour,

merci
0

Modifier mon scripts svp ,

2 réponses

Discussions similaires

Newsletters