Problème d'alignement du texte

Support et assistance sur les templates Joomla! 1.0.x, design html et css.

Moderators: Aidan38, sarki

Forum rules
Règles du forum
Locked
O-D
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Tue Jul 01, 2008 9:05 am

Problème d'alignement du texte

Post by O-D » Tue Aug 19, 2008 5:37 am

J'en reste abasourdi (c'est bien la première fois que ça m'arrive!), mais j'ai en effet un problème sur Firefox, et sous IE, ça fonctionne comme je veux.

Voilà le problème : j'aimerais afficher mon texte centré, ce qui passe sans trop de problème sous IE. Mais sous Firefox (3.0), je ne comprends pas pourquoi, il ne veut pas centrer le texte, celui-ci reste à gauche (c'est spécialement visible en allant sous "Produits"), ou ne s'affiche pas comme il faut au milieu (sur la page d'accueil). Voilà, je crois que c'est comme ça que ça se présente (je n'ai pas Firefox sous la main pour vérification)...

Voilà le site : http://www.pcwindows.ch/login

Dernière chose, je suis ce qu'on peut appeler un programmeur-bidouilleur, donc je programme le 3% du temps, et bidouille le reste... J'imagine donc que mon code est tout sauf optimisé !

Quelqu'un aurait-il une piste pour m'aider dans mes recherches ? Merci d'avance.

L'index.php, si ça peut aider :
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
<link href="css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/PCW_Sans_Menu/images/favicon.ico" />
<style type="text/css">
<!--
.Style1 {
font-size: 9px;
color: #000066;
}
-->
</style></head>
<body bgcolor="#ffffff" valign="middle" align="center" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<div valign="middle" align="center"><a name="up" id="up"></a>
<tr>
<img src="images/stories/pcw_logo.jpg" alt="" name="index_1" width="1000px" width="100%" border="0" valign="middle" align="center">
</tr>

<td align="center" valign="top"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><?php $side = "right"; mosLoadModules ( 'user2' ); ?></td>
</tr>
</table>

<table width="1000px" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="140" align="left" nowrap="nowrap"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="boxheading">
<table width="100%" border="0" cellpadding="0">
<tr>
<td><?php mosLoadModules ( 'left' ); ?>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="4" valign="top">&nbsp;</td>
<td width="100%" valign="top">
<table width="80%" style="text-align:center" text-align="center" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:center" colspan="3" valign="top"> <?php include ("mainbody.php"); ?> </td>
</tr>
</table></td>
</tr>
</table>

<td width="100%" valign="top">&nbsp;</td>
<td width="4" align="right" valign="top"> </td>
<td colspan="2" align="left" valign="top" class="menu2"> <table border="0" cellpadding="0" cellspacing="0" " width="100%">
<tr>
<?php if (mosCountModules( "right" )) { ?>
<td width="150" align="left" valign="top"> <table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24" class="boxheading">&nbsp;</td>
</tr>
<tr>
<td valign="top"> <table width="95%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"> <?php $side = "right"; mosLoadModules ( 'right' ); ?> </td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<?php } ?> </td>
</tr>
</table></td>
</tr><tr><td></td>
<td></td><td></td><td></td><td></td><td width="20"></td><td width="130"></td></tr>
</table>
<table width="1000px" cellpadding="0" cellspacing="0">
<tr>
<td width="4%" height="19" background="templates/PCW_Sans_Menu/images/footer_bg.gif" bgcolor="#FFFFFF"><div align="center"><a href="<?php echo sefRelToAbs($_SERVER['REQUEST_URI'])."#up"; ?>"><img src="templates/PCW_Sans_Menu/images/up.png" alt="up" name="up" width="11" height="8" border="0"></a></div></td>
<td width="1000px" height="35" background="templates/PCW_Sans_Menu/images/footer_bg.gif" bgcolor="#FFFFFF" class="footer" > <center>PC Windows
</center></td>
<td width="2%" background="templates/PCW_Sans_Menu/images/footer_bg.gif" bgcolor="#FFFFFF"><a href="<?php echo sefRelToAbs($_SERVER['REQUEST_URI'])."#up"; ?>"><img src="templates/PCW_Sans_Menu/images/up.png" alt="up" name="up" width="11" height="8" border="0"></a></td>
</tr>
</table>
</div>
<div align="center"></div>
</body>
</html>
Last edited by O-D on Wed Aug 20, 2008 7:56 am, edited 1 time in total.

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2716
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re: Problème d'alignement du texte

Post by mejean » Tue Aug 19, 2008 7:06 am

Bonjour O-D,

Je ne suis pas programmateur non plus. Il est clair que ton template en tables emboîtées n'arrange pas les chose, mais il semble que Firefox et Safari respecte tes spécifications car il prenne en compte la colonne de droite.

Essaie ceci, remplace :

Code: Select all

<td align="center" valign="top" class="boxheading">
<table width="100%" border="0" cellpadding="0">
<tr>
<td><?php mosLoadModules ( 'left' ); ?>
</td>
</tr>
</table></td> 
par :

Code: Select all

<?php if (mosCountModules('left') > 0) { ?>
<td align="center" valign="top" class="boxheading">
<table width="100%" border="0" cellpadding="0">
<tr>
<td><?php mosLoadModules ( 'left' ); ?>
</td>
</tr>
</table></td>
<?php } ?>
Il aurait été souhaitable de développer le template en div plutôt qu'en tables.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

O-D
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Tue Jul 01, 2008 9:05 am

Re: Problème d'alignement du texte

Post by O-D » Wed Aug 20, 2008 5:32 am

Merci beaucoup d'avoir répondu, mejean.

J'ai essayé ce que tu as proposé, mais ça n'a malheureusement rien changé. Le problème venait en fait du mainbody, que j'ai simplement réglé en remplaçant :

Code: Select all

<td width="100%" valign="top">
<table width="80%" style="text-align:center" text-align="center" border="0" align="center" cellpadding="0" cellspacing="0"> 
<tr> 
<td style="text-align:center" colspan="3" valign="top"> <?php include ("mainbody.php"); ?> </td> 
</tr> 
</table></td> 
par ceci :

Code: Select all

<td width="100%" valign="top">
<table width="80%" style="text-align:center" text-align="center" border="0" align="center" cellpadding="0" cellspacing="0"> 
<tr> 
<td align="center" valign="top"><?php include ("mainbody.php"); ?> </td> 
</tr> 
</table></td> 
En fait, le texte était centré juste au sein du "mainbody", c'est le "mainbody" qui ne l'était pas dans le navigateur! Comme le "user2" était toujours bien aligné comme je voulais, j'ai pris ce dont j'avais besoin à partir de là.

Bidouille, quand tu nous tiens... Mais ça a le terrible avantage de marcher, et pour le moment, dans ma vie de Joomleur amateur, je m'en satisfais (presque) pleinement ;) !

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2716
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re: Problème d'alignement du texte

Post by mejean » Wed Aug 20, 2008 6:47 am

O-D wrote:Bidouille, quand tu nous tiens... Mais ça a le terrible avantage de marcher, et pour le moment, dans ma vie de Joomleur amateur, je m'en satisfais (presque) pleinement ;) !
C'est comme ça qu'on débute. Bientôt tu feras le support sur le forum (voir ce post) ;)
Jérôme Bussière - simple utilisateur
www.cardabelle.net

O-D
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Tue Jul 01, 2008 9:05 am

Re: Problème d'alignement du texte

Post by O-D » Wed Aug 20, 2008 7:55 am

Avec plaisir, je m'y attellerai! D'ici là, je m'en vais à mon RDV quotidien avec le savoir... A+ :)

PS: Merci pour le post, très intéressant!


Locked

Return to “1.0 - Templates et design”