Rechercher : dans
Par :

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

Dernière réponse le 2 fév 2007 à 22:31:17 dangcd, le 21 jan 2007 à 18:57:35 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « [editeur web] choix d'un éditeur wysiwyg top? » dans :
[Webmaster] Choisir un bon éditeur, les éditeurs à éviter Voir Introduction I Les éditeurs à éviter I.1 Frontpage I.2 Word I.3 Publisher II Les éditeurs recommandés II.1 Editeurs WYSIWYG II.1.1 Dreamweaver II.1.2 Web Expert II.1.3 Nvu / Kompozer II.1.4 Amaya II.2 Editeurs en mode code
[Outils] Freewares pour la création de sites Voir1. Éditeurs WYSIWYG 2. Éditeurs de code 3. Client FTP 4. Graphisme et retouche d'images 5. Graphisme de style FLASH 6. Édition audio 7. Serveur web Freewares pour la création de sites Vu le nombre de demandes pour créer un site,...
Bien choisir une web agency VoirBien choisir une web agency Une web agency (agence web en français) est une entreprise dont le métier consiste à gérer l'intégralité d'un projet web (design de logo, conception de site, hébergement, référencement, etc.). Le budget Internet d'une...
Choisir une distribution Linux VoirChoisir sa distribution GNU/Linux est loin d'être évident ! Surtout quand on débute sur la banquise ;-) Ceci n'a pas la prétention de promouvoir une distribution au détriment des autres. C'est plutôt une liste de solutions classées par...
Webmastering - Introduction à la création de pages web VoirNotion de site web Un site web (aussi appelé site internet par abus de langage) est un ensemble de fichiers HTML, liés par des liens hypertextes, stockés sur un serveur web, c'est-à-dire un ordinateur connecté en permanence à internet, hébergeant...
J2EE - Java 2 Enterprise Edition VoirIntroduction au Java Framework Le «Java Framework» (Java 2 Platform) est composé de trois éditions, destinées à des usages différents : J2ME : Java 2 Micro Edition est prévu pour le développement d'applications embarquées, notamment sur des...
Web designer VoirWeb designer Le web designer conçoit l'identité visuelle des sites web et définit leur charte graphique (maquette, position des éléments graphiques, choix des images, couleurs, polices, etc.). L'objectif du web designer est de valoriser l'image de...

1

Ssylvainsab, le 21 jan 2007 à 19:21:09

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 ? Sylvain
"Join us now, and share the software. You'll be Free, hackers."

Répondre à Ssylvainsab

2

dangcd, le 21 jan 2007 à 19:40:13

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.

Répondre à dangcd

3

Gihef, le 21 jan 2007 à 20:52:18

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%;}
 

Répondre à Gihef

4

dangcd, le 22 jan 2007 à 21:44:58

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 !

Répondre à dangcd

5

Ssylvainsab, le 22 jan 2007 à 21:59:35

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 Sylvain
"Join us now, and share the software. You'll be Free, hackers."

Répondre à Ssylvainsab

6

Gihef, le 23 jan 2007 à 17:16:04

 ❝❝❝❞❞
 ☀  ☀
     >
     O
    √
 

Répondre à Gihef

7

Ssylvainsab, le 23 jan 2007 à 18:24:21

.---'.- ..   -.. ..-   -- .- .-..   .-   -.-. --- -- .--. .-. . -. -.. .-. .   - --- -.   -- . ... ... .- --. .
Sylvain
"Join us now, and share the software. You'll be Free, hackers."

Répondre à Ssylvainsab

8

Gihef, le 24 jan 2007 à 14:42:05

Si ce message est incompréhensible, c'est de sa faute http://www.docmemo.com/divers/morse.php

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

 

Répondre à Gihef

10

Ssylvainsab, le 24 jan 2007 à 16:10:27

Bon d'accord j'abandonne... Sylvain
"Join us now, and share the software. You'll be Free, hackers."

Répondre à Ssylvainsab

11

Gihef, le 24 jan 2007 à 22:22:53

Ce petit personnage est tout ébaubi. ll en frise, a des étoiles plein les yeux et reste bouche bée devant tant de compliments…

 

Répondre à Gihef

9

Gihef, le 24 jan 2007 à 15:24:29

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 (?)
 

Répondre à Gihef

12

 dangcd, le 2 fév 2007 à 22:31:17

Merci GIHEF pour tout !

Répondre à dangcd
Collection CommentÇaMarche.net