Posez votre question Signaler

[editeur web] choix d'un éditeur wysiwyg top? [Résolu]

dangcd 9Messages postés 21 janvier 2007Date d'inscription 26 novembre 2010Dernière intervention - Dernière réponse le 2 févr. 2007 à 22:31
Bonjour,
J'utilise l'éditeur SITE CREATEUR EXPERT , mais je ne parviens pas à adapter mon site automatiquement à la résolution écran des visiteurs .
J'ai tenté la solution "body{width:100%;}" sans succès.
Dois-je changer d'éditeur ? Si oui, quel éditeur (wysiwyg) me recommandez vous ? Merci
Lire la suite 

[editeur web] choix d'un éditeur wysiwyg top »

12 réponses
Réponse
+0
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 21 janv. 2007 à 19:21
Salut.

Deux questions :
- Le logiciel que tu utilises actuellement c'est un WYSIWYG ou en mode code ?
- "J'ai tenté la solution "body{width:100%;}" sans succès."
Ce bout de code, tu le mets ou ?

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
dangcd 9Messages postés 21 janvier 2007Date d'inscription 26 novembre 2010Dernière intervention 21 janv. 2007 à 19:40
l'éditeur "site createur express" evite d'ecrire du code, on part de site modèle. il permet toutefois d'ajouter du html, j'ai tenté d'ajouter "body{width:100%;}" dans le title, dans le corp, et en fin de page html, sans succès. merci de votre attention.

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 21 janv. 2007 à 20:52
Bonjour,

Je te propose de regarder comment c'est fait à partir d'exemples cités chez l'éditeur du logiciel.

— choisis-en un
— clique dessus pour l'afficher (le premier, par exemple)
— fais un clic droit dans la page
— dans le menu contextuel, choisis d'Afficher le code source (ou quelque chose comme ça)
La source s'affiche. Tu y trouveras
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<!--Serif WebPlus 9 HTML Export-->
<!--Supports HTML 4.01-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus 9.0.1b">
<title>Contact</title>
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
.Normal-P
        {
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:left; font-weight:400; 
        }
.Normal-C
        {
        font-family:"Arial", sans-serif; font-size:6.8pt; line-height:1.33; 
        color:#006699; 
        }
-->
</style>
…
</head>
Tu peux vérifier que ce qui concerne le
body {margin: 0px; padding: 0px;}
se trouve entre
<style type="text/css"> ••• </style>
lui même entre
<head> ••• </head>
C'est là que tu peux ajouter ce que tu veux :
body {margin: 0px; padding: 0px; width:100%;}

 Ajouter un commentaire
dangcd- 22 janv. 2007 à 21:44
Merci Gihef pour cette réponse claire et détaillée.

J'ai appliqué tes recommandations sur le site :
http://perso.orange.fr/olivetvousaccueille/
écrit avec SITE CREATEUR EXPERT

Je n'ai tjrs pas de prise en compte d'une résolution d'écran importante (1280*1024)

Il me semble que des ordres BODY viennent contredire celui de début de pgm en figeant les tailles ...
Mais je préfère avoir ton avis d'expert si tu as le temps de regarder le code généré du site ci-dessus.
A l'avance merci !
Ajouter un commentaire
Réponse
+0
moins plus
Ssylvainsab 2869Messages postés 30 juillet 2006Date d'inscription 30 septembre 2010Dernière intervention 22 janv. 2007 à 21:59
Salut.

Pour adapter un site à toutes les résolutions, voir :
webmaster adapter un site a toutes les resolutions le centrer

je préfère avoir ton avis d'expert
Je confirme, l'avis de Gihef est celui d'un expert, qui prend le temps d'aider ;-)

Bravo Gihef ; )-


a plus

Ajouter un commentaire
Afficher les 5 commentaires
Gihef- 24 janv. 2007 à 14:42
Si ce message est incompréhensible, c'est de sa faute http://www.docmemo.com/divers/morse.php 

-.-. .----. . ... -   ..- -. .   . ... .--. -.-. .   -.. .   ... -- .. .-.. . -.--   --.- ..- .. --..--   -.. . ...- .- -. -   - .- -. -   -.. .   -.-. --- -- .--. .-.. .. -- . -. - ... --..--   ..-. .-. .. ... .   -.. .   -... --- -. .... . ..- .-. .-.-.-   .. .-..   .-   -.. . ...   - --- .. .-.. . ...   -.. .- -. ...   .-.. . ...   -.-- . ..- -..-   . -   . -.   .-. . ... - .   -... .- -... .-   --- ..-   ... .. ..-. ..-. .-.. . .-.-.-

Ssylvainsab- 24 janv. 2007 à 16:10
Bon d'accord j'abandonne...
Gihef- 24 janv. 2007 à 22:22
Ce petit personnage est tout ébaubi. ll en frise, a des étoiles plein les yeux et reste bouche bée devant tant de compliments…

Ajouter un commentaire
Réponse
+0
moins plus
Gihef 5246Messages postés 20 juillet 2005Date d'inscription 24 janv. 2007 à 15:24
Revenons à tes moutons.

Tu souhaites bien faire en sorte que ta page occupe toute la largeur de la fenêtre quelles que soient ses dimensions, à la fenêtre ?
Le
width:100%;
sert à ça.

Ça ne changera rien, mais commence par supprimer
<body{width:100%;}>
Nos navigateurs t'en remercierons (-;

Ce que tu as fait ensuite est bon.
Mais reste sans effet parce que tout ce que contient ton bloc principal est défini avec des dimensions précises
width:338px;
width:720px;
width:44px;
etc.
Avec en plus, des 
position:absolute;
Tout ça est très précis et indique très clairement que la structure ne doit pas bouger.
Essaye en agrandissant la taille du texte à l'écran. Il sort de tes blocs. Les blocs restent immuables.

Si tu veux que ça s'adapte, tu dois choisir les parties auxquelles tu vas donner de la souplesse, de l'élasticité et leur donner des dimensions en “%”. Tu devras aussi adapter les marges avec des “%”.
Mais ça risque de te mettre un sacré bazar…

Mais en y regardant bien, le contenu est adapté au contenant.
Et comme ton bloc principal fait 720px de large, il est adapté à des résolutions “anciennes” en 800x600.
Ça ne me gêne pas de l'avoir au milieu de la fenêtre de mon navigateur (en 1680x1050).
Ça serait peut-être plus logique qu'il ne soit pas collé en haut (?)

Ajouter un commentaire
dangcd- 2 févr. 2007 à 22:31
Merci GIHEF pour tout !
Ajouter un commentaire
Posez votre question
Ce document intitulé « [editeur web] choix d'un éditeur wysiwyg top? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?