Sujets similaires

Bonjour à tous,

Je vous explique mon problème.
Il y a maintenant 6 mois j'ai réalisé un blog pour mon mfutur mariage.
Or c'était un blog gratuit hébergé chez marions-les.com et suite à des problèmes de serveur, tout mon blog a planté.
Bref, après de longues semaines de batailles avec l'administrateur, rien a changé.

Je réalise donc mon propre site internet.

Je travaille sous dreamweaver, htmledit et nvu.
Mon explorateur est IE, l'hebergeur est 1and1, et le backend du site est joomla version 1.5 rc.

Voila vous savez tout!!!

Mon problème est que quand je crée une page avec un des logiciels de conception et qu'ensuite je le copie dans le backend de joomla, le rendu n'est pas du tout le même.
Est ce que quelqu'un peut m'expliquer pourquoi et comment dois-je faire pour refaire mon site comme avant.

Je vous laisse l'adresse du blog (qui a des photos en croix) : http://blog-mariage.marions-les.com/aude-yann/
Et voici l'adresse du site que je suis en train de refaire: http://www.aude-yann.fr

Je reste à votre disposition pour tout renseignement complémentaires.

Je vous met un exemple de code pour la page la mariée. Vous allez bien voir que dans un logiciel de conception html tout est nickel et dans le site, ça ressemble à rien...

Code:: <html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>La mariée</title>
</head>
<body style="width: 1595px;">
<div
style="text-align: center; font-family: French script MT; color: rgb(173, 0, 112);">
<table
style="color: rgb(173, 0, 112); background-color: rgb(173, 0, 112); width: 400px; height: 80px; text-align: center; margin-left: auto; margin-right: auto;"
border="2" cellpadding="2" cellspacing="2">
<tbody align="center">
<tr>
<td>
<div
style="background-color: rgb(249, 255, 240); width: 400px; height: 80px;"><font
size="+7"; color: rgb(173, 0, 112)>La
Mariée</font></div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

Voilou,

merci par avance

Yann

Bonsoir.

C'est normal.
Vous copier votre page HTML dans Joomla.
Ors Joomla possède ces propres entêtes et ça mise en forme de base. Vous vous retrouvez donc avec des conflit.

N'utilisez que le code entre

Code:: <body></body>

(en enlevant body).
Et évitez au maximum les éditeur html. C'est le chemin le plus court pour tout planter. Si vous voulez faire un site, apprenez le base du HTML et codez en texte brute.

Ou alors si vous voulez la simplicité : SOS-Blog

Bonjour ^^

Et si je ne m'abuse, ce n'est pas un forum de chez Forumactif alors ce sera difficile pour nous de vous répondre (je remercie mon petit Vpeybernes d'ailleurs Wink

)

merci pour vos réponses.

J'essaye vos conseils.
Amicalement

Ton petit VPeybernes ? <3

En fait c'est même pas un forum c'est un CMS. En gros une sorte de site dynamique pré-construit avec interface d'administration et gestion de base de donnés.

En clair un gros bordel d'environ 200Mo que tu upload sur un hébergeur et que "pof" tu te retrouve avec site hight-tech. Et après tu batailles pendent des mois pour comprendre à quoi servent les centaine d'option de configuration.

Est ce que je résume bien Pikachu ?

oui c'est très bien résumé.

Après je suis conscient que c'est vraiment le bordel.
Mais je ne m'y connais absolument pas suffisemment pour faire tout tout seul.
Là le système de menu est déjà fait par exemple...

Si tu as une meilleure idée de comment faire mon propre site, je suis preneur!

Et bien joomla à l'avantage d'être une plateforme extrêmement flexible quand on la connais.
Mais personnellement je ne la connais pas vraiment. Cool

J'utilise assez peut les CMS en dehors de phpBB.

Si je cromprend bien, l'idée est d'avoir la possibilité que les autre vous laisse des commentaire ou des message ?
Dans ce cas, il faut exclure le fait de créer vous même votre site car la gestion de base de donnés serai au-delà de vos capacité.

Il vous reste donc les CMS ou les plateforme gratuite d'hébergement CMS comme ForumActif. Car en réalité forumActif est en fait un système d'hébergement de forum basé sur le CMS phpBB.
Il faut donc savoir en premier lieux quel sont vos réel besoin parmit les 3 type de CMS :

Blog (Wordpress...)
Forum(phpBB...)
Site[Joomla...]

Je les ai classé par ordre de liberté/possibilité/complexité/difficulté croissante.
Une fois vos besoin déterminé, on peut recherché les CMS correspondant et les éventuelle plateforme d'hébergement. Puis s'en vient la phase de test, afin de voir le quel répond le mieux à vos attente.

J'ai regarder votre site et pour quelqu'un qui y comprend rien c'est déjà pas mal Bravo !

Merci beaucoup.
J'essaye de faire de mon mieux.
Le html et le css m'interesse donc j'essaye d'en apprendre un peu plus tous les jours mais apprendre seul est long et galère...

En fait, comme je voudrais reproduire d'une manière similaire un blog que j'avais fait (qui était gratuit et hebergé chez marions-les.com)
Mais je voudrais le faire sur mon nom de domaine que j'ai acheté www.aude-yann.fr et qui est hebergé chez 1and1.

Le seul CMS que je connaisse c'est joomla, mais bon je me retrouve en galère pour faire les pages en mettant les cadres de texte là ou je veux...

J'ai suis en train de me battre avec le position relative top et left !!!!!!!!!
Avec le absolute, la page changeait selon la taille de l'écran!!!!

Donc pour resumer, je voudrais faire un site, avec des pages d'articles, des formulaires de réponses, un livre d'or et un logiciel photo.
c'est pour ça que je trouvais que joomla était un CMS qui me permettait de faire tout ça.

Voilou

Avez vous testé SOS-Blog de ForumActif ?
C'est une solution de blog gratuit simplifié.
Si les fonctionnalité proposé réponde à vos demande vous pourrez toujours rediriger notre nom de domaine dessus. Et garder votre hébergeur pour stoquer des photo, vidéo, musique, etc...

Sinon Joomla reste une bonne plateforme, mais il faut apprendre à la connaitre, et bien sur apprendre les langage associé. Very Happy

non j'ai pas essayé.

Pour le moment, je m'en sors à peu près avec joomla.

Regardez ma page d'accueil, j'ai réussi à faire ce que je voulais faire.

Par contre petite question, j'aimerais modifier la bordure de certains cadre, et quand j'ajoute dans le code table, border-style="double" ça ne fonctionne absolument pas???
ais-je mal fait???

Je vous met une copie de mon code d'un cadre.
merci par avance

Code:: <table
style="position: relative; top: -300px; left: 200px; text-align: center; font-family: French script MT; color: rgb(173, 0, 112); font-size: 50px; width: 350px; height: 90px;"
border-style="double" border="3" bordercolor="#ad0070"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: rgb(249, 255, 240);">La
mariée</td>
</tr>
</tbody>
</table>

C'est parce que c'est une propriété CSS, pas un attribut.
Il faut d'on l'ajouter dans l'atribut style avec la syntaxe CSS. Le meien est d'ailleur de rependre toute la définition de la bordure :

Code:: border: double 3px #AD0070;

Ce qui donne :

Code:: <table
style="position: relative; top: -300px; left: 200px; text-align: center; font-family: French script MT; color: rgb(173, 0, 112); font-size: 50px; width: 350px; height: 90px; border: double 3px #AD0070;" cellpadding="0" cellspacing="0">

Et rend comme ceci

merci beaucoup!!!!!!!!

ça marche, je sais pas comment vous remercier

Bonjour à tous,

je reviens vers vous.

Grace à vous et en particulier VPEYBERNES (merci beacoup à toi) j'ai pu avancer pas mal mon site.
Mais il me reste encore deux problèmes à régler!!!
LOL
Mais vous pouvez regarder mon site ( http://www.aude-yann.fr) j'ai déjà bien avancé.

Alors, j'ai encore besoin de vous pour:

1) comment faire pour que quand les gens clique sur une photo ça ouvre une petite fenetre pop-up en délivrant un message??? j'avais ça sur mon ancien blog et j'aimerais bien faire pareil.

2) comment insérer dans ma page html un dossier pdf. je m'explique je voudrais que quand les gens clique sur une petite icone, ça ouvre un document pdf.

Les modérateurs si vous pouvez ne pas reclasser en résolu juste le temps qu'on me réponde, ça serait sympa!

Merci par avance à tous.
yann

Pas mal l'avancement.
Vous faite un mignon petit couple. On peut tomper malachez vous, ça assure... Rire

Je vais commencer par la question 2 qui est d'une simplicité extrême. Il s'agit simplement d'un lien image.

Code:: <a href="adresse" target="_blank"><img src="adresse_image"/></a>

Sauf que dans notre cas, l'adresse n'est pas celle d'une page HTML mais d'un fichier PDF. Il faut bien sûr héberger le fichier sur le serveur.
J'ai mis ici target="_blank" pour ouvrir le fichier dans un nouvel onglet.

C'est une fenêtre pop-up ou un cadre pop-up ?
Pour le cadre il faut qu'il soit présent mis en forme et positionné sur la page en CSS. Il faut aussi prévoir un petit bouton/lien pour le fermer. Après on le cache avec le CSS, puis on l'affiche au clique avec Javascript.
Pour la fenêtre, il faut créer une page HTML avec le message mis en forme. Et JavaScrip (encore) ouvre au clique la page dans une fenêtre pop-up (en espérant qu'elle soit pas bloqué parle navigateur).

Le cadre est plus jolie et plus pratique.

Merci beaucoup pour tes réponses.

En ce qui concerne la partie pdf, je teste ça.

Par contre en ce qui concerne le pop-up, je voudrais faire un cadre pop-up par contre je ne sais absolument pas comment le cacher, et le faire apparaitre quand on clique sur une photo!
Si tu peux m'aider ça serait cool!

Merci encore

Bon j'ai testé pour le pdf,
ça fonctionne nickel.
Je suis trop bête de pas avoir pensé à ça!
Je cherchais un truc compliqué! LOL

Bon, me reste plus qu'à apprendre comment faire un cadre pour ma photo et j'aurais bein avancé aujourd'hui!

Merci VPEYBERNES. (j'attends avec impatience ton explication pour mon petit cadre...)

En soit c'est pas compliquer. Voici la syntaxe :

Code:: <img class="" src=""/>
<div class="">Le contenue du cadre....
<div class="close">Fermer (ou autre chose, même une image)</div>
</div>

J'ai pas remplit les classe, les nom en eux même ont pas d'importance tant que tu t'y retrouve dans le CSS.

Après il faut écrire un petit script pour ouvrir et fermer le cadre. Pas de problème pour te le faire, faudra juste que je sache quel classe tu utilise, puisque le script se repèrera à l'aide des classe.

Coucou,

Merci pour ta réponse mais là j'avoue que je suis un peu perdu.
J'ai toujours essayé d'apprendre par moi même et je croie que je progresse au fur et à mesure mais là je sèche!

Si ça ne te dérange pas je vais te filer mon code et tu peux être me montrer plus précisément.

En fait quand tu visites l'ancien blog (http://blog-mariage.marions-les.com/aude-yann/) et que tu vas sur la page les préparatifs puis sur l'onglet en avant première. Quand tu cliques sur la photo montage de nous 2, il y a un petit texte qui apparait pour piéger le visiteur.

Et en réalité, je voudrais faire pareil!!! LOL

Je te file le code de ma nouvelle page sur le nouveau site (http://www.aude-yann.fr).
Dans le code en question, l'image pour laquelle je souhaiterais le message est la dernière.

voici le code de la page:

Code:: <html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>En avant-première</title>
</head>
<body>
<div style="text-align: center; width: 748px; height: 1550px;">
<img
src="http://www.aude-yann.fr/images/images_accueil/media_100px-84px.jpg"
style="position: relative; width: 75px; height: 63px; top: 15px; left: -330px;"
border="0">
<table
style="border: 3px double rgb(173, 0, 112); position: relative; top: -60px; left: 220px; text-align: center; font-family: French script MT; color: rgb(173, 0, 112); font-size: 50px; width: 350px; height: 90px;"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="background-color: rgb(249, 255, 240);"><span
style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 50px;">En
avant-première </span></td>
</tr>
</tbody>
</table>
<img
src="http://www.aude-yann.fr/images/images_accueil/media_100px-84px.jpg"
style="position: relative; width: 75px; height: 63px; top: -140px; left: 370px;"
border="0"> <br>
<table
style="border: 3px solid rgb(173, 0, 112); position: relative; text-align: center; width: 420px; height: 50px; top: -110px; left: 190px;"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><span
style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 30px;">Découvrez
ici les avants-premières du mariage,<br>
les coulisses de la préparation...<br>
</span></td>
</tr>
</tbody>
</table>
<table
style="border: 3px dotted rgb(173, 0, 112); position: relative; text-align: center; width: 460px; height: 260px; top: -80px; left: 20px;"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><span
style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 30px;">Alors
la salle de réception est
réservée.<br>
Nous avons enfin trouvé un lieu qui nous convenait...<br>
<br>
Le repas et la soirée auront lieu au même endroit:<br>
L'hôtel restaurant Ker Juliette.<br>
<br>
Nous vous dévoilons une photo des lieux.<br>
</span></td>
</tr>
</tbody>
</table>
<img alt=""
src="http://aude-yann.fr/images/images_avant_premiere/ker%20juliette.jpg"
style="border: 0px solid ; position: relative; top: -365px; left: 240px; width: 230px; height: 297px;">
<table
style="border: 3px dashed rgb(173, 0, 112); position: relative; text-align: center; width: 450px; height: 350px; top: -340px; left: 280px;"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><span
style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 20px;">En
étant un peu attentif, vous devriez deviner assez
facilement<br>
les couleurs de notre mariage.<br>
En ce qui concerne le thème une partie est
dévoilée,<br>
une partie est à découvrir...<br>
<br>
Pour ce faire, nous vous proposons un petit jeu.<br>
<br>
La première personne qui nous donnera à la fois
les deux couleurs<br>
exactes (ne vous inquiétez pas, il n'y a pas de
piège ce ne sont<br>
que des couleurs simples pas de trucs genre bleu tropical...!!!) et le<br>
thème recevra un cadeau de la part des mariés.<br>
<br>
Cliquez sur le lien pour participer<br>
</span></td>
</tr>
</tbody>
</table>
<a
href="http://aude-yann.fr/index.php?option=com_content&view=article&id=70&Itemid=84"><img
alt=""
src="http://aude-yann.fr/images/images_avant_premiere/quizz.gif"
style="border: 0px solid ; position: relative; top: -365px; left: 300px; width: 100px; height: 100px;"></a>
<table
style="border: 3px double rgb(173, 0, 112); position: relative; text-align: center; width: 450px; height: 350px; top: -340px; left: 160px;"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><span
style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 20px;">Grande
nouvelle...<br>
<br>
Les mariés ont trouvé leurs tenues de
cérémonies...<br>
<br>
Etant donné que les photos de couples ont
été faites<br>
(un souci d'organisation) à notre grand
désespoir, nous<br>
vous proposons de vous en montrer une en attendant<br>
de nous voir en vrai...<br>
<br>
Pour les visualiser, cliquez sur la petite icone...<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</span></td>
</tr>
</tbody>
</table>
<img alt=""
src="http://aude-yann.fr/images/images_avant_premiere/couple%20aude%20et%20yann.jpg"
style="border: 0px solid ; position: relative; top: -630px; left: 30px; width: 229px; height: 250px;">
</div>
</body>
</html>

Voilou, j'espère que je t'ai filer toutes les informations dont tu avais besoin.
Merci beaucoup par avance

Yann

Ok.
Vraiment sommaire comme truc en fait.

Cherches

Code:: <img alt=""
src="http://aude-yann.fr/images/images_avant_premiere/couple%20aude%20et%20yann.jpg"
style="border: 0px solid ; position: relative; top: -630px; left: 30px; width: 229px; height: 250px;">

Et remplace par

Code:: <img onClick="window.alert('Tu as vraiment cru que nous avions fait ça...!!! Encore pire, tu as vraiment cru que nous allions vous les montrer...!!! Tu t\'es bien fait avoir...;-)');" src="http://aude-yann.fr/images/images_avant_premiere/couple%20aude%20et%20yann.jpg"
style="border: 0px solid ; position: relative; top: -630px; left: 30px; width: 229px; height: 250px;">

Alors j'ai aussitôt essayé ce que tu m'as dit.

Or ça ne fait rien.
Quand j'ai regardé de plus près, en fait quand je met à jour le code html de la page avec les modifs, il ne les prends pas.
Il me remet automatiquement le code initital.

Je suppose que la fonction onclick ne doit pas être pris en charge par joomla.

Si tu as une autre idée, je suis preneur.
Merki ;-)

par contre je viens aussi d'essayer sous nvu, là ça fonctionne sans problème.
Il me met que c'est une application javascript.

Est ce que c'est pour ça que joomla veut pas le prendre???
Car dans le code de la page html il ne prend que ce qu'il y a entre les body.

C'est possible.
Sais tu si l'interface admin de joomla te permet d'insérer des script ?
Sinon Connais tu le fichier template qui génère le header du site ?

Alors d'après mes recherches sur le net, effectivement il faut modifier le script.

Alors d'après ce que j'ai regardé, on peut pas faire depuis le panneau admin de joomla.

Par contre effectivement je connais mon template.
Je peux te filer le code mais il te faut quel fichier? celui point quoi? LOL

le index.php ça te va??

voici le code du fichier index.php du template utilisé

Spoiler:

Code:: <?php
/**
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license    GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $this->params->get('backgroundVariation'); ?>_bg.css" type="text/css" />

<?php if($this->direction == 'rtl') : ?>
<link href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>

</head>
<body id="page_bg" class="color_<?php echo $this->params->get('colorVariation'); ?> bg_<?php echo $this->params->get('backgroundVariation'); ?> width_<?php echo $this->params->get('widthStyle'); ?>">
<a name="up" id="up"></a>
<div class="center" align="center">
<div id="wrapper">
   <div id="wrapper_r">
      <div id="header">
         <div id="header_l">
            <div id="header_r">
               <div id="logo"></div>
               <jdoc:include type="modules" name="top" />
            </div>
         </div>
      </div>

      <div id="tabarea">
         <div id="tabarea_l">
            <div id="tabarea_r">
               <div id="tabmenu">
               <table cellpadding="0" cellspacing="0" class="pill">
                  <tr>
                     <td class="pill_l"> </td>
                     <td class="pill_m">
                     <div id="pillmenu">
                        <jdoc:include type="modules" name="user3" />
                     </div>
                     </td>
                     <td class="pill_r"> </td>
                  </tr>
                  </table>
               </div>
            </div>
         </div>
      </div>

      <div id="search">
         <jdoc:include type="modules" name="user4" />
      </div>

      <div id="pathway">
         <jdoc:include type="modules" name="breadcrumb" />
      </div>

      <div class="clr"></div>

      <div id="whitebox">
         <div id="whitebox_t">
            <div id="whitebox_tl">
               <div id="whitebox_tr"></div>
            </div>
         </div>

         <div id="whitebox_m">
            <div id="area">
                        <jdoc:include type="message" />

               <div id="leftcolumn">
               <?php if($this->countModules('left')) : ?>
                  <jdoc:include type="modules" name="left" style="rounded" />
               <?php endif; ?>
               </div>

               <?php if($this->countModules('left')) : ?>
               <div id="maincolumn">
               <?php else: ?>
               <div id="maincolumn_full">
               <?php endif; ?>
                  <?php if($this->countModules('user1 or user2')) : ?>
                     <table class="nopad user1user2">
                        <tr valign="top">
                           <?php if($this->countModules('user1')) : ?>
                              <td>
                                 <jdoc:include type="modules" name="user1" style="xhtml" />
                              </td>
                           <?php endif; ?>
                           <?php if($this->countModules('user1 and user2')) : ?>
                              <td class="greyline"> </td>
                           <?php endif; ?>
                           <?php if($this->countModules('user2')) : ?>
                              <td>
                                 <jdoc:include type="modules" name="user2" style="xhtml" />
                              </td>
                           <?php endif; ?>
                        </tr>
                     </table>

                     <div id="maindivider"></div>
                  <?php endif; ?>

                  <table class="nopad">
                     <tr valign="top">
                        <td>
                           <jdoc:include type="component" />
                           <jdoc:include type="modules" name="footer" style="xhtml"/>
                        </td>
                        <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
                           <td class="greyline"> </td>
                           <td width="170">
                              <jdoc:include type="modules" name="right" style="xhtml"/>
                           </td>
                        <?php endif; ?>
                     </tr>
                  </table>

               </div>
               <div class="clr"></div>
            </div>
            <div class="clr"></div>
         </div>

         <div id="whitebox_b">
            <div id="whitebox_bl">
               <div id="whitebox_br"></div>
            </div>
         </div>
      </div>

      <div id="footerspacer"></div>
   </div>

   <div id="footer">
      <div id="footer_l">
         <div id="footer_r">
            <p id="syndicate">
               <jdoc:include type="modules" name="syndicate" />
</p>
            <p id="power_by">
         <?php echo JText::_('Powered by') ?> <a href="http://www.aude-yann.fr"><span
style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 30px;">
Y@nn</span></a>.
                              </p>

         </div>
      </div>
   </div>
</div>
</div>
<jdoc:include type="modules" name="debug" />

</body>
</html>

Problème de codage html

Problème de codage html

Sujets similaires

Sujets similaires

Partenaires Or