Aller au contenu

centrer le résultat d'un script (texte défilant)

vosgesfreeride

Par vosgesfreeride
dans (X)HTML et CSS

 Partager

Sujets conseillés

vosgesfreeride

vosgesfreeride

Posté
Posté (modifié)

bonjour, je viens de récupérer un script pour insérer un texte défilant sur mon site; j'ai trouvé où placer ce script dans mon interface html, mais le "panneau où le message défile" se place à gauche, or j'aimerais que le résultat de ce script soit centré, ou bien collé à droite.

voici le script récupéré:


<script src="http://www.compteur.cc/message.php?msg=----------journee freestyle au Schnepfenried le 3 fevrier&cl=blue"></script>
<noscript><a href="http://www.compteur.cc/hebergement-site-web.html">Hébergement web site</a></noscript>

le code de mon interface (j'ai noté l'endroit où je voulais insérer le script):


<!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" xml:lang="fr"
lang="fr">
  <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1" />
    <title>
<%TitreFenetre%>
    </title>
<style type="text/css">
/* Style généraux */

BODY			{ 	background:#DDE6FF; MARGIN : 0PX; PADDING : 0PX; }
BODY,TD,DIV,LI	{ FONT-SIZE : 11px; FONT-FAMILY : VERDANA; LINE-HEIGHT : 150%; COLOR : #000; }

#ombre { /* Ombre autour du design*/
	background:#D8D9FF;
	background-image:url(http://zeblog.com/blog/images/templates/clean-blue/fond.png); /* Le fond contient également la couleur du menu de gauche ! */
	background-repeat:repeat-y;
	width:800px;
	margin:auto;
	}

#droite { /* Contenu (droite) */
	BORDER-LEFT : 1PX #5C5FD6 DOTTED;
	height:100%;
	BACKGROUND : #EEF2FA;
	WIDTH : 560PX;
	padding:15px 10px 0px 10px;
	}

A:LINK, A:VISITED, A:ACTIVE	{
	COLOR: #608CFF;
	TEXT-DECORATION: NONE;
	}

A:HOVER	{
	COLOR: #0080FF;
	TEXT-DECORATION: NONE;
	}
/* Banniere HAUT (titre) */

#TOP {
	BACKGROUND : #8099FB;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:3px solid #5C5FD6;
	}

h1 { /* Titre */
	PADDING-left:15px;
	FONT : BOLD 14PT GEORGIA;
	margin:0px;
	COLOR: #FFF;
	}

h1 a:visited, h1 a:link, h1 a:hover  {
	COLOR: #FFF;
	}

a:link.url, a:visited.url, a:hover.url { /* URL */
	PADDING : 0PX 15PX 20PX;
	LETTER-SPACING : 5PX;
	FONT-SIZE : 10PT; 
	COLOR : #FFF;
	text-decoration:none;
	}

/* Banniere bas (copyright) */
#pied {
	BORDER-TOP : 1PX #5C5FD6 DOTTED;
	BACKGROUND : #E5E8FF;
	padding-top:4px;
	padding-bottom:4px;
	WIDTH : 788PX;
	text-align:center;
	}

/* CALENDRIER */
   table.calendrier {border: 0; background-color: #fff;}
   table.calendrier td, th {text-align: center; border: 0}
   table.calendrier th {height: 10px; font-size: 7pt;}
   table.calendrier td {width: 19px; height: 10px; font-size: 8pt;}
   table.calendrier .calendrier-mois {font-weight: bold; margin-top: 3px; font-size: 8pt; text-align: center}
   table.calendrier .calendrier-mois a{text-decoration: none}
   table.calendrier .calendrier-prec, table.calendrier .calendrier-suiv {font-weight: normal;}
   table.calendrier th {text-align: center;}
   table.calendrier td.lien-jour {font-weight: bold; background-color: #FCFCFC;}
   table.calendrier td.lien-jour-selectionne {font-weight: bold; background-color: #F9F9F9;}
   table.calendrier td.lien-jour a {text-decoration: none;}

/* MENU */
#gauche {
	WIDTH : 182PX;
	MARGIN-BOTTOM : 30PX;
	padding-left:10px;	
	}

h3 { /* Titre rubrique */
	MARGIN-TOP : 20PX;
	WIDTH : 180PX;
	MARGIN-BOTTOM : 10PX;
	font-family:Trebuchet MS;
	color:#5C94FD;
	font-size:15px;
	letter-spacing:1px;
	}

.menugauche {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom:11px;
}

.menugauche li { /* lien rubrique */
	margin: 0;
	padding: 0;
	padding-bottom:3px;
}

img.avatar { /* avatar */
	float: left; 
	padding-right: 6px;
}

p.avatar { /* Paragraphe de l'avatar */
	margin: 0 0 10px 0;
	padding-right:5px;
	}
/* BILLETS */
h2 { /* Titre billet */
	PADDING : 1PX 8PX 2PX 0px;
	margin:0px;
	font-family:Trebuchet MS;
	font-weight:bold;
	FONT-SIZE : 15px;
	COLOR : #3B7FFF;
	text-decoration:none;
	}

h2 a:visited, h2 a:link, h2 a:hover {
	COLOR : #3B7FFF;
	}

div.billet { /* Contenu billet */
	text-align:justify;
	margin-right:8px;
	}

div.billet-header { /* Header billet (auteur, date, catégorie) */
	margin-top:0px;
	margin-bottom:3px;
	font-size:10px;
	color:#86B7FF;
	}

div.billet-pied { /* Pied billet (commentaires, trackbacks) */
	margin-top:6px;
	margin-bottom:10px;
	margin-right:8px;
	color:#808080;
	text-align:right;
	font-size:11px;
	}

/* PAGES */

#archives {
	text-align:justify;
	}

/* TRACKBACKS ET COMMENTAIRES */
h4 { /* Titre TrackBack */
	margin:0px;
	font-size:13px;
	}

#trackbacks {
	margin-top:5px;
	margin-bottom:10px;
	}

#commentaires {
	margin-top:5px;
	margin-bottom:10px;
	}

div.commentaire-header { /* header commentaire et trackback */
	margin-bottom:5px;
	font-size:11px;
	}

div.commentaire { /* Contenu commentaire et trackback */
	margin-left:5px;
	text-align:justify;
	margin-bottom:15px;
	border:1px dotted #5C7BD6;
	background:#F4F7FF;
	padding-left:5px; 
	padding:9px;
	padding-top:15px;
	padding-bottom:15px;
	}

/* FORMULAIRES */

input.button {
	background : #ffffff url(http://www.zeblog.com/design/degrade_1.png) repeat-x 0 100%;
	border:1px dotted #86A2D6;
	padding: 2px;
	font-size: 11px;;
	font-weight: bold;
	font-family: verdana;
}

input.button:hover, input.button:focus{
	background : #ffffff url(http://www.zeblog.com/design/degrade_2.png) repeat-x 0 100%;
}

input, textarea, select {
	font-family: verdana;
	font-size:11px;
	border:1px dotted #86A2D6;
	background:#FDFDFD;
	letter-spacing:1px;
	padding:2px;
	}
textarea {
	width:350px
	}
</STYLE>
	<link rel="alternate" type="application/rss+xml" title="RSS Billets" href="<%IndexURL%>rss.php" />
	<link rel="alternate" type="application/xml" title="RSS Commentaires" href="<%IndexURL%>rsscom.php" />
</head> 

<body> 
<div id="ombre">
<table align="center" cellpadding="0" cellspacing="0" width="788" >
	<tr>
		<td valign="top" colspan="2" id="TOP">

<div id="TOP">
<h1><a href="<%IndexURL%>"><%Titre%></a></h1>
<A HREF="<%IndexURL%>" class="url"><%IndexURL%></A>
</div>

_____________________________________________
c'est ici que je veux insérer le script
_____________________________________________


		</td>
	</tr>
	<tr>
		<td valign="top" id="gauche">

	<Calendrier>
	<h3>Calendrier</h3>
	<%Calendrier%>
	</Calendrier>

	<h3><%Pseudo%></h3>
	<div>
	<p class="avatar"><%Avatar%><%Description%></p>
	<div style="clear:both; height:1px"></div>
	</div>

	<Categories>
	<h3>Sommaire</h3>
	<ul class="menugauche">
	<CategoriesList><li><%NomCategorie%></li></CategoriesList>
	</ul>
	</Categories>

	<DerniersCommentaires>
	<h3>Derniers commentaires</h3>
	<ul class="menugauche">
	<DernierCommentaire><li class="derniersbillets"><%DernierCommentaire%></li></DernierCommentaire>
	</ul>
	</DerniersCommentaires>

	<DerniersBillets>
	<h3>Derniers billets</h3>
	<ul class="menugauche">
	<DernierBillet><li class="derniersbillets"><%DernierBilletTitre%></li></DernierBillet>
	</ul>
	</DerniersBillets>

	<Pages> 
	<h3>Pages</h3>
	<ul class="menugauche pages"> 
	<li><PagePrecedente>Page précédente</PagePrecedente></li>
	<li><PageSuivante>Page suivante</PageSuivante></li>
	<li>Page actuelle : <%PageActuelle%></li>
	<li>Pages au total : <%TotalPages%></li> 
	</ul>
	</Pages>


        <h3>Météo & Cartographie</h3>
	<ul class="menugauche">
	<Link><li><a href="<%LinkURL%>" target="_blank"><%LinkTitre%></a></li></Link>
	</ul>


	<Compteurs> 
	<h3>Compteurs</h3>
	<ul class="menugauche">  
	<li><%CompteurConnectes%></li>
	<li><%CompteurVisiteursJour%></li>
	<li><%CompteurVisiteursSemaine%></li>
	<li><%CompteurVisites%></li>
	<li><%CompteurCommentaires%></li>
	<li><%CompteurBillets%></li>
	</ul>
	</Compteurs> 

<!--************CODE GEOGLOBE************-->
<script type="text/javascript" src="http://geoloc2.geovisite.com:82/private/geoglobe.js?compte=257596vosges"></script>
<noscript>
<a href="http://www.geovisite.com/zoom.php?compte=257596vosges"  target="_blank"><img src="http://geoloc2.geovisite.com:82/private/geoglobe.php?compte=257596vosges" border="0" alt="compteur"></a><br>
<a href="http://www.geovisite.com/fr/">compteur</a>
</noscript>
<!--************END CODE GEOGLOBE************-->



	<h3>Fils RSS</h3>
	<ul class="menugauche">
	<li><a href="<%RSSURL%>">Fil RSS Billets</a> </li>
	<li><a href="<%IndexURL%>rsscom.php">Fil RSS Commentaires</a> </li>
	</ul>






             </td>
		<td valign="top" id="droite">

<ArchivePage>
<h2>Archives du mois</h2>
<div id="archives">
<%ArchiveInfo%>
</ArchivePage>
<AccueilPage>
<Billet>
<h2><a href="<%BilletURL%>"><%BilletTitre%></a></h2>
<div class="billet-header">Par <%BilletAuteur%> :: <%BilletDate%> à <%BilletHeure%> <Categories>:: <%BilletCategorie%></Categories></div>
<div class="billet">
<%BilletContenu%>
</div>
<div class="billet-pied">
<Commentaires>
<a href="<%BilletURL%>"><%BilletCommentairesCompteur%></a>
</Commentaires>
<Trackbacks>
:: <a href="<%BilletTrackbackURL%>"><%BilletTrackbackCompteur%></a>
</Trackbacks>
</div>
</Billet>
</AccueilPage>

<BilletPage>
<Billet>
<h2><a href="<%BilletURL%>"><%BilletTitre%></a></h2>
<div class="billet-header">Par <%BilletAuteur%> :: <%BilletDate%> à <%BilletHeure%> <Categories>:: <%BilletCategorie%></Categories></div>
<div class="billet">
<%BilletContenu%>
</div>
<Trackbacks>
<h2 style="margin-top:10px;">Trackbacks</h2>
<div id="trackbacks">
Pour faire un trackback sur ce billet :  <%BilletTrackbackURL%></div> 

<Trackback>
<div class="commentaire-header">
Le <%TrackbackDate%> à <%TrackbackHeure%>, de <a href="<%TrackbackURL%>"><%TrackbackBlog%></a> : <%TrackbackTitre%> <span style="font-size:9px;"><TrackbackDelete>supprimer</TrackbackDelete></span>
</div>
<div class="commentaire">
<%TrackbackContenu%>
</div>
</Trackback>

</Trackbacks>


<Commentaires>
<h2>Commentaires</h2>
<div id="commentaires">
<Commentaires>
<Comment>
<div class="commentaire-header"> Le <%CommentDate%> à <%CommentHeure%>, par <%CommentAuteur%> <span style="font-size:9px;"><CommentEdit>éditer</CommentEdit> <CommentDelete>supprimer</CommentDelete></span>
</div>
<div class="commentaire">
<%CommentBody%>
</div>
</Comment>
</div>

<h2>Ajouter un commentaire</h2>
<div id="commentaires">
<%CommentPost%>
</div>
</Commentaires>
</Billet>
</BilletPage> 
</div>
		</td>
	</tr>
	<tr>
		<td colspan="2" id="pied">
<a href="<%IndexURL%>"><%Titre%></a>  - Blog créé avec <a target="_blank" href="http://www.zeblog.com">ZeBlog</a>
		</td>
	</tr>
</table>
</div>
</BODY>
</HTML>

voilà, comment faire pour que ce panneau défilant soit centré, ou à droite?

merci!!!

Modifié par vosgesfreeride
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...