Mauvaise compatibilité HTML des CMS

[Jean Francois G]

Lorsque je crée mes pages de CMS en codage html, j'utilise pour aller plus vite mon bon vieux Frontpage ! Il fait ça très bien et facilement..

 

Par contre lorsque je bascule le code sur la page html des CMS, le résultat est souvent du grand n'importe quoi..

 

Quel outil utilisez vous pour faire vos CMS (notamment contenant des tableaux et des images) afin d'avoir une mise en page parfaite ?

[Broceliande]

Lorsque je crée mes pages de CMS en codage html, j'utilise pour aller plus vite mon bon vieux Frontpage ! Il fait ça très bien et facilement..

 

Par contre lorsque je bascule le code sur la page html des CMS, le résultat est souvent du grand n'importe quoi..

 

Quel outil utilisez vous pour faire vos CMS (notamment contenant des tableaux et des images) afin d'avoir une mise en page parfaite ?

 

Arf mais est-ce que ce bon vieux frontpage justement n'avait pas pour prérequis que ces bonnes vieilles extensions frontpage soient présentes sur l'hébergement ?

 

On les a subies ces extensions franchement durant des années sans jamais les utiliser... je parle pour la plupart des devs et intégrateurs il me semble.

 

Pour un véritable éditeur html , au gout du jour , et open source ce qui ne gâche rien , je miserais sur http://www.kompozer.net/

[Jean Francois G]

Alors j'ai essayé avec kompozer, et ça fait exactement la même chose qu'avec frontpage.

Quand on copie/colle le source dans la page du CMS, l'affichage avant enregistrement est bon, et une fois enregistré, lorsqu'on le regarde via l'explorateur, c'est n'importe quoi ..

Voir ici :http://www.vieenzen.com/content/43-nos-partenaires-privilege

Edited April 16, 2013 by Jean Francois G (see edit history)

[coeos.pro]

tous ces blocs à bordure noires sont des tableaux, tu ne peux pas mettre du texte sans tableau ?

à chaque fois le code du genre :

<table style="width: 710px;" border="1" cellspacing="2" cellpadding="2">

il faudrait avoir border=0, sinon essaye ton code avec http://www.lamoulinette.fr/ tu verra peut être plus rapidement ce que ça donne

[Jean Francois G]

La on ne peux pas faire plus simple, que du texte sans tableau, et ca reste du n'importe quoi ..

Pourtant dans la fenetre de l'editeur html de presta, tout est bien positionné.

 

C'est que quand on le visualise en prod que ca deconne.. On dirait qu'il ne gere pas le positionnement des photos..

Edited April 16, 2013 by Jean Francois G (see edit history)

[Jean Francois G]

Voici d'ailleurs les lignes de codes html utilisées :

 

<div style="text-align: center;"><span style="font-weight: bold; text-decoration: underline;">LES LIENS VERS NOS PARTENAIRES :</span></div>

<p> </p>

<p style="text-align: left;" align="center"><strong><em>Vous aimez "La vie en zen", alors voici quelques liens vers d'autres sites intéressants comme des pages d'informations, des sites marchands performants ou tout simplement des sites cools.Les liens sont fournis avec une explication sur le contenu du site proposé.<br /> </em></strong></p>

<p style="text-align: left;" align="center"><strong><em>Dans la seconde partie de cette page, vous trouverez la liste des annuaires et des moteurs avec lesquels nous sommes partenaires. Cette liste est quantitative et non détaillée.<br /> </em></strong></p>

<p align="left"><span style="text-decoration: underline;"><strong>Sites partenaires (avec details) :</strong></span></p>

<p align="left"> </p>

<hr size="2" width="100%" />

<p align="center"><img style="width: 104px; height: 104px;" title="Partenaire plénitude beauté" src="http://plenitude-beaute06.com/img/1.png" alt="Notre lien partenaire avec plainitude beauté" width="104" height="104" align="top" /> </p>

<p align="center"><strong><span>Esthétique et bien-être à domicile sur Cannes </span></strong></p>

<p align="center"><strong><span>06 et environs :</span></strong></p>

<p align="center"><span style="color: #0000ff;">Prestations de qualité : Massages, épilations, soins visage, maquillage et manucure-pédicure</span></p>

<p align="center"><br /> <a href="http://plenitude-beaute06.com" target="_blank">Visitez notre site web</a> pour plus de détails !</p>

<p> </p>

<hr size="2" width="100%" />

<p align="center"><img style="width: 120px; height: 120px;" title="Notre partenaire spécialiste massage" src="http://www.vieenzen.com/decosite/partenaires/minifactory.gif" alt="Massage factory est partenaire privilège de la vie en zen" /></p>

<p align="center"><span style="color: #000000;"><span style="font-size: 12pt; color: #ff0000;">Massage Factory</span>, le specialiste en</span><span style="color: #0000ff;"> <a title="chaise de massage" href="http://www.massagefactory.eu" target="_blank"> <span style="color: #0000ff;">chaise de massage</span></a></span></p>

<div align="center">

<blockquote>Un massage c'est bien, mais avec l'accessoire principal qu'est la table et chaise de</blockquote>

massage, c'est encore mieux ! Et bien voici un site spécialisé a découvrir</div>

<hr size="2" width="100%" />

<p align="center"><a title="Codes réduction en ligne" href="http://www.promosetreductions.com" target="_blank"><img style="width: 120px; height: 120px;" title="Notre partenaire promo et reduction" src="http://www.vieenzen.com/decosite/partenaires/minireduc.gif" alt="Promo et reduction est partenaire de la vie en zen" /></a></p>

<p align="center"><a title="Codes réduction en ligne" href="http://www.promosetreductions.com" target="_blank"><span style="font-size: 12pt;">Promos et Réductions</span></a></p>

<p align="center"><a title="Codes réduction en ligne" href="http://www.promosetreductions.com" target="_blank">est, comme son lien l'indique, un site web de recherche de codes de réductions pour les magasins et boutiques du web.</a></p>

<p> </p>

<hr size="2" width="100%" />

<p style="text-align: center;" align="left"><img style="width: 120px; height: 120px;" title="La pierre de vie" src="http://www.vieenzen.com/decosite/partenaires/minipierre.gif" alt="Pierre de vie" /></p>

<p style="text-align: center;" align="left"><span style="color: #993300; font-size: 12pt;">PIERRES DE VIE - Bijoux, minéraux, lithotérapie</span></p>

<p style="text-align: center;" align="left"><span style="color: #000000;"><span style="font-family: arial,helvetica,sans-serif; font-size: 10pt;">Apprenez d'avantage sur le<a title="Le langage des pierres" href="http://pierresdevie.com/ps/fr" target="_blank"> langage des pierres </a> thérapeutiques pour la pratique de la lithothérapie. La nature et sa complexité nous offrent des pierres qui ont des vertus et peuvent apporter de la couleur et de la santé à la vie.</span></span></p>

<p align="left"> </p>

<hr size="2" width="100%" />

<p align="left"> </p>

<div align="center"><img style="width: 120px; height: 120px;" title="Le portail du massage et du bien être" src="http://www.vieenzen.com/decosite/partenaires/minimasszen.gif" alt="Notre partenaire massage et bien être" /><br /> <span style="color: #000000;">Le portail du massage et du bien être</span> : <span style="color: #0000ff;"><a href="http://www.massage-zen-therapie.com"><span style="color: #0000ff;"> Massages</span></a> et <a href="http://www.massage-zen-therapie.com/-huiles-essentielles-aromatherapie-.html%20"><span style="color: #0000ff;"> aromatherapie</span></a>.</span><br />

<p style="text-align: center;" align="left">Vous y trouverez notamment un descriptif très complet sur les huiles et le</p>

<p style="text-align: center;" align="left">massage, ainsi que des idées d'utilisation. Une bonne première information.</p>

</div>

<hr size="2" width="100%" />

<p align="center"><img style="width: 120px; height: 120px;" title="Dépannage informatique" src="http://www.vieenzen.com/decosite/partenaires/minimicrosup.gif" alt="Notre partenaire link en dépannage informatique" /></p>

<p align="center"><span style="color: #0000ff;"><span style="color: #000000;">Des problèmes avec votre PC ?</span><a title="depannage informatique" href="http://www.microsupport.fr" target="_blank"><span style="color: #0000ff;"><span style="color: #000000;"> :</span> Dépannage informatique</span></a></span></p>

<p align="center"><a title="depannage informatique" href="http://www.microsupport.fr" target="_blank">Comme son nom l'indique, pour le dépannage a domicile</a></p>

<p align="left"> </p>

<hr size="2" width="100%" />

<p align="center"><img style="width: 88px; height: 31px;" title="AX-Design" src="http://www.ax-design.fr/images/ref/ref.jpg" alt="Notre partnaire AX-Design" /></p>

<p align="center">AX-Design est une jeune société créatrice de Sites Web clé en main pour les petites entreprises situés dans le Morbihan. <a href="http://www.ax-design.fr" target="_blank">Un site web : Un interlocuteur.</a></p>

<p> </p>

<hr size="2" width="100%" />

<div align="center"><br /> <img style="width: 120px; height: 40px;" title="Notre partenaire en réduction reduc.fr" src="http://static.reduc.fr/img/banner/reduc-fr-120-40.png" alt="Reduc.fr spécialiste des bons de réduction" /><br /> Les bons plans réductions sont sur<a href="http://reduc.fr"> ce site</a>.. Et si vous regardiez pour nos codes ??</div>

<hr size="2" width="100%" />

<div align="center"><br /> <img style="width: 120px; height: 75px;" title="Cigarette electronique" src="http://www.vieenzen.com/decosite/partenaires/minicig.gif" alt="Notre partenaire en cigarettes électroniques" /><br /> Breizh e-cig et les cigarettes electroniques : <a href="http://www.breizh-e-cig.fr">Boutique en ligne de cigarette électronique</a> ou e-cig, de e-liquides et d’accessoires pour e-cigarette . Nos e-liquides sont de fabrication française et nos prix sont parmi les plus bas du marché.</div>

<hr size="2" width="100%" />

<p align="left"> </p>

<div align="center"><a href="http://noodles.fr" target="_blank"><img style="width: 88px; height: 31px;" src="http://www.noodles.fr/noodles.gif" alt="noodle" /></a><br /> <a href="http://noodles.fr" target="_blank">Noodles.fr</a> est un site qui repertorie les meilleurs adresses du web et les propose selon diverses catégories.</div>

<p align="left"> </p>

<hr size="2" width="100%" />

<p align="left"> </p>

<div align="center"><img style="width: 138px; height: 107px;" title="Lingerie laur, la lingerie de marque discount" src="http://www.vieenzen.com/decosite/partenaires/lingerielaur.jpg" alt="La lingerie de marque à prix discount sur lingerielaur.fr" /><br /> <span style="color: #000000;">LingerieLaur.fr</span><br />

<p style="text-align: center;" align="left"><span style="color: #000000;">Le site à visiter pour s'offrir la lingerie des plus grandes marques à prix incroyablement mini ! </span></p>

<p style="text-align: center;" align="left"><span style="color: #000000;">Rendez vous sur le site : <a href="http://www.lingerielaur.fr">Cliquez ici </a></span></p>

</div>

<hr size="2" width="100%" />

<table style="width: 715px;" border="1" cellspacing="2" cellpadding="2">

<tbody>

<tr>

<td><a href="http://www.magnetiseur-guerisseurs.com" target="_blank">Le lien d'un partenaire en rapport avec le bien être : Chassard magnetiseur reconnu</a></td>

</tr>

</tbody>

</table>

<p> </p>

<p><br /> <br /> La liste des annuaires et des backlinks simple est ici :<span style="color: #0000ff;"> <a href="http://www.vieenzen.com/content/42-liste-simple-des-annuaires-et-backlink-texte"><span style="color: #0000ff;">Les échanges de liens simples</span></a><br /> <br /> </span></p>

<p>Notre site La vie en zen est listé dans la catégorie <a href="http://www.webrankinfo.com/annuaire/cat-2024-cosmetiques.htm"> Cosmétiques</a> : <a href="http://www.webrankinfo.com/annuaire/cat-5135-huiles-essentielles.htm"> Huiles essentielles</a> de l'annuaire WEBRANKINFO</p>

<p><span style="color: #000000;">Note : Si vous souhaitez mettre notre bannière sur votre site, voici un exemple de code à intégrer :</span></p>

<p> </p>

<table style="background-color: #ccffff; width: 598px;" border="1">

<tbody>

<tr>

<td style="text-align: center;"><a href="http://www.vieenzen.com"><img'>http://www.vieenzen.com"><img style="float: left;" src="http://www.vieenzen.com/decosite/vieenzenbadge.png" alt="ecigarette" width="120" height="106" /></a><span style="color: #000000; font-size: 14pt;">La vie en zen</span><br /> <span style="color: #000000;">Boutique en ligne d'huiles essentielles très haut de gamme, diffuseurs bien-être, objets zen et décoratifs. Prix zen et livraison des huiles essentielles gratuite sur toute la france !</span><br /> <a href="http://www.vieenzen.com" target="_blank">Rendez vous sur : www.vieenzen.com</a></td>

</tr>

</tbody>

</table>

[Jean Francois G]

si quelqu'un pouvait regarder le départ du source de la page CMS de mon site et me dire si il y a une ligne qui manquerait ou si le thème que j'utilise empeche les cms de bien s'afficher..