28220 sujets

CSS et mise en forme, CSS3

[Résolu] Un meme code source et deux alignements de texte différents

voici deux liens d'un site que je construis actuellement
http://ateliernaturedegaia.info/index.php?option=com_content&task=view&id=36&Itemid=51
http://ateliernaturedegaia.info/index.php?option=com_content&task=view&id=24&Itemid=38

dans le premier lien le titre "ylang-ylang" est mal centré
son code est pourtant le même que celui du deuxième lien ou le titre "orange douce" est bien centré

code du titre du premier lien
<h1 align="center">YLANG-YLANG</h1>

code du titre du second lien
<h1 align="center">ORANGE DOUCE</h1>


je comprends pas...
Modifié par melanie.zette (21 Nov 2005 - 16:04)
Bonjour à toi aussi Smiley ohwell melanie.zette et bienvenue quand même,

Avant de se lancer, merci de relire les règles, en particulier celle-ci: 18- Un peu de politesse !, c'est grandement apprécié sur Alsacréations et cela sert même en dehors des forums. Smiley cligne
donc je recommence... Smiley smile

bonjour, et merci

de m'acceuillir sur ce forum dont j'attends beaucoup...

j'espère que je pourrais aussi avec mes petites connaissances y apporter ma modeste contribution

j'ai un petit problème dont je ne trouve pas la solution :
voici deux liens d'un site que je construis actuellement
http://ateliernaturedegaia.info/index.php?option=com_content&task=view&id=36&Itemid=51
http://ateliernaturedegaia.info/index.php?option=com_content&task=view&id=24&Itemid=38

dans le premier lien le titre "ylang-ylang" est mal centré
son code est pourtant le même que celui du deuxième lien ou le titre "orange douce" est bien centré

code du titre du premier lien
<h1 align="center">YLANG-YLANG</h1>

code du titre du second lien
<h1 align="center">ORANGE DOUCE</h1>


je comprends pas...

merci d'avance
A bientot
Smiley lol
Modifié par melanie.zette (21 Nov 2005 - 20:41)
melanie.zette a écrit :
(...)
dans le premier lien le titre "ylang-ylang" est mal centré
son code est pourtant le même que celui du deuxième lien ou le titre "orange douce" est bien centré

code du titre du premier lien
<h1 align="center">YLANG-YLANG</h1>

code du titre du second lien
<h1 align="center">ORANGE DOUCE</h1>


(...)


Alors, ce ne sont pas des liens, visiblement, mais plutôt des titres. Soit tu t'es planté de code, soit tu t'es mal exprimé.

Dans le cas où tu t'es mal exprimé et que donc tu veux aligner "centré horizontalement" ton titre. Fais ceci :

<style type="text/css">
/* 
Cette partie doit être mise dans ta feuille de style 
qui peut être soit externe, soit interne dans le <head /> 
*/
h1 {
text-align: center;
}
</style>
<h1>Mon titre centré</h1>


Bonne continuation... et bon apprentissage, profite-en pour consulter un peu ce site, tu auras de nombreux conseils précieux, notamment dans la FAQ...
Modifié par RomsIW (21 Nov 2005 - 12:58)
Alalalala…

Rien qu'à lire les source ça me donne mal à la tête ces <table>.

Dans ton code remplace

<table class="contentpaneopen">

par

<table class="contentpaneopen" style="border:1px solid black">


Cela va te « montrer » le problème.

La largeur de ton tableau contentpaneopen, qui met en page, n'est pas définie correctement et s'adapte au texte à l'intérieur.

Dans la page centrée, dans Indications tu as un texte long qui rempli la largeur de la page, donc le tableau couvre toute la page, et le titre, centré dans le tableau se retrouve aussi centré sur la page.

Dans la page non-centrée, il y a pas de texte assez long pour remplir la largeur de la page, le tableau devient aussi large que le texte le plus long, celui d'Indications aussi, mais cette fois le tableau ne recouvre plus que la moitié de la page, du coup le titre est centré dans le tableau, mais pas dans la page.

Je ne dirais rien sur le fait d'utiliser des tableaux pour la mise en page Smiley decu , tu peux « fixer » le problème avec :

<table class="contentpaneopen" width="750px">
ou
<table class="contentpaneopen" style="width:750px">


Mais je te conseille plutôt de faire une présentation sans tableau et avec des feuilles de style externes. Le forum sera là pour t'aider.
tout d'abord lmerci pour vos réponses... trés rapides...

matgorb a écrit :


Mais je te conseille plutôt de faire une présentation sans tableau et avec des feuilles de style externes. Le forum sera là pour t'aider.


je suis d'accord et c'est ce que j'essaye de faire.. j'ai a cet effet lu quelques info et tutos sur le site... mais là en fait j'utilise Mambo (ou faut il dire Joomla) et sur l'index.php du site je n'accède pas au tableau paneopen qui correspond (je crois) dans mon index à la commande "php mosMainBody".


je suis encore ouvert à tout conseil ils sont pour moi trés bien venu

merci Smiley biggrin

s'il ça peut aider (en fait si quelqu'un veut m'aider à améliorer le site...) je peux joindre le code de mon index.php
Modifié par melanie.zette (21 Nov 2005 - 14:16)
Oula,
Je vais pas pouvoir t'aider sur Mambo ou Joomla, moi je suis plus TextPattern.

Quoiqu'il en soit le problème est résolue, a toi de voir si tu veux faire mieux.

Je ne sais pas comment Mambo marche et quel est son niveau de compatibilité avec les standards et encore moins comment l'interface d'administration permet de contrôler la mise en page.
Tu peux toujours mettre ton index.php, mais il est difficile de débugger ce genre de système sans le connaître, peut-être faut-il mieux t'orienter vers les forums mambo pour le fonctionnement.
Pour le style et les pages finales, je peux t'aider, à condition que tu saches comment mambo génère ton code.
melanie.zette a écrit :
tout d'abord lmerci pour vos réponses... trés rapides...



je suis d'accord et c'est ce que j'essaye de faire.. j'ai a cet effet lu quelques info et tutos sur le site... mais là en fait j'utilise Mambo (ou faut il dire Joomla) et sur l'index.php du site je n'accède pas au tableau paneopen qui correspond (je crois) dans mon index à la commande "php mosMainBody".


je suis encore ouvert à tout conseil ils sont pour moi trés bien venu

merci Smiley biggrin

s'il ça peut aider (en fait si quelqu'un veut m'aider à améliorer le site...) je peux joindre le code de mon index.php


En ce qui concerne Mambo, tu peux faire la présentation que tu veux avec les templates, tu trouveras là dessus de nombreux tutos avec une petite recherche sur ton moteur de recherche préféré !
merci à tous

sauf si ça derrange les modérateurs je mettrai un lien vers cette page sur le forum de Joomlafacile où j'avais posé ma question afin de faire profiter tout le monde de vos conseils

encore merci

N.B. au cas où je joins le code de mon index php

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = split( '=', _ISO );
// xml prolog
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
if ( $my->id ) {
	initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/Copie%20de%20rhuk_planetfall/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/rhuk_planetfall/images/favicon.ico" />
</head>
<body>
<?php mosLoadModules ( 'top' ); ?>

<div id="head">

   <tr>      
		<table>
		    
		
			<tr>
              <td width="182" height="100"><div align="center"><a href="index.php"><img src="/templates/rhuk_planetfall/images/vinci-fin1.jpg" width="140" height="140" border="0" /></a></div></td>
              <td width="183" height="100"><div align="center"><a href="index.php?option=com_content&task=view&id=18&Itemid=31"><img src="/templates/rhuk_planetfall/images/VINCI-MAINS.jpg" width="140" height="140" border="0" /></a></div></td>
              <td width="182" height="100"><div align="center"><a href="index.php?option=com_content&task=view&id=14&Itemid=26"><img src="/templates/rhuk_planetfall/images/femmevinci.jpg" width="140" height="140" border="0" /></div></td>
              <td width="182" height="100"><div align="center"><a href="index.php?option=com_contact&Itemid=3"><img src="/templates/rhuk_planetfall/images/main-contact.jpg" width="140" height="140" border="0" /></div></td>
            </tr>
			
            <tr>
              <td ><div align="center">
                <h1><a href="index.php">Accueil</a></h1>
              </div></td>
			  
              <td ><div align="center">
                 <h1><a href="index.php?option=com_content&task=view&id=18&Itemid=31">Huiles 
                  v&eacute;g&eacute;tales Huiles de massage</a></h1>
              </div></td>
			  
              <td ><div align="center">
                 <h1><a href="index.php?option=com_content&task=view&id=14&Itemid=26">Huiles essentielles</a></h1>
              </div></td>
			  
              <td ><div align="center">
                  <h1><a href="index.php?option=com_contact&Itemid=3">Contact Achat</a></h1>
              </div></td>
           
		    </tr>
        </table>
  </tr>

</div>



    <div id="content">



<?php mosMainBody(); ?>
        

       

    </div>

    


<?php mosLoadModules( 'debug', -1 );?>
  


</body>
</html>

Modifié par melanie.zette (21 Nov 2005 - 20:50)
Sujet clos
Aller à