fond de page

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Beasm a écrit :Tout le monde n'utilise malheureusement pas mozilla firefox! et oui il y a encore de grand adèpte d'internet explorer!
ben justement, pour t'aider dans ton travail de webmaster, il vaudrait mieux utiliser Firefox et Webdeveloper. Je répondais à ta remarque sur le souci de tester dans les différentes définitions d'écran, c'est pas IExpl qui va t'aider, là.
Il convient donc de l'abandonner radicalement, et de ne l'utiliser que pour tester ton affichage, puisqu'en effet beaucoup de gens vont voir ton site avec cette horreur, pas pour créer ton site... :?
(Webdeveloper ne peut s'utiliser que avec FF)
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Beasm
Arias
Messages : 15
Inscription : 15 janv. 2008, 21:30

Message par Beasm »

Mongo Bob a écrit :Il convient donc de l'abandonner radicalement, et de ne l'utiliser que pour tester ton affichage, puisqu'en effet beaucoup de gens vont voir ton site avec cette horreur, pas pour créer ton site... :?
(Webdeveloper ne peut s'utiliser que avec FF)
Je ne l'utilise que pour tester l'affichage! Et encore j'utilise IE quand c'est déjà hébergé!
Fabrice.Tres.Net a écrit :Un peu de lecture pour comprendre ton problème
http://css.alsacreations.com/Bases-et-i ... ses-en-CSS
et
http://css.alsacreations.com/Faire-une- ... situations
Merci beaucoup pour ces postes, j'ai trouvé mon erreur!





Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
Accepte moi comme je suis et je t'accepterais comme tu es!
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Beasm a écrit : Merci beaucoup pour ces postes, j'ai trouvé mon erreur!
Qui était? ça peut servir à d'autres!
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Beasm
Arias
Messages : 15
Inscription : 15 janv. 2008, 21:30

Message par Beasm »

chinon37 a écrit :
Beasm a écrit : Merci beaucoup pour ces postes, j'ai trouvé mon erreur!
Qui était? ça peut servir à d'autres!
C'est vrai je n'y avais pas pensé!

En fait pour ma page j'ai mis un conteneur avec largeur 900px
Ensuite mon menu flottant gauche largeur 150px
En ce qui concerne le texte, j'avais mis 700px de largeur avec marges haut 20px et gauche 190px et 10px d'espacements.

Apparemment pour internet exploreur 190+10+700 est égal à plus de 900px!
D'où j'ai supprimé la largeur du texte qui de toute façon est inutile en y réfléchissant!

voilà! :lol:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.8.1.11) Gecko/20071127 Dealio Toolbar 3.1 Firefox/2.0.0.11
Accepte moi comme je suis et je t'accepterais comme tu es!
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Beasm a écrit :Et encore j'utilise IE quand c'est déjà hébergé!
euh... je comprends pas
Beasm a écrit :En fait pour ma page j'ai mis un conteneur avec largeur 900px
Ensuite mon menu flottant gauche largeur 150px
En ce qui concerne le texte, j'avais mis 700px de largeur avec marges haut 20px et gauche 190px et 10px d'espacements.
je te conseille fortement de n'utiliser que des largeurs en % surtout pour les grandes largeurs, si tu as comme tu le dis ci-dessus -si je pige bien- 700+190+20 px en largeur, ton site n'est pas "liquide", il est rigide et va prendre la même place en largeur sur n'importe quelle définition d'écran (définition que tu peux tester avec FFX + Webdeveloper (bis!)). Ceci dit, c'est personnel, je préfère comme ça mais on peut avoir des largeurs en pixels en s'astreignant alors à ne pas trop dépasser les 800px pour ne pas voir apparaître le maudit scroll horizontal dans les petites définitions (800x600, peau de chagrin désormais, mais 1024x768 encore beaucoup d'écrans...).
D'où ce post précédent un peu + haut dans le topic :
Fabrice.Tres.Net a écrit :Trop large ton site... fixe une limite de 800 à 1024 max !
à+...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Invité

Message par Invité »

C'est une idée fantastique les % c'est clair que c'est beaucoup, beaucoup mieux!

Seulement pour les images ont fait comment parce qu'en fait mon titre est une image et je n'arrive pas à le paramètrer de sorte à ce que ça fasse la même chose que pour les cadre texte, menu, pied, entete? :roll:

voir http://users.tvcablenet.be/personal/tvc ... cueil.html

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.8.1.11) Gecko/20071127 Dealio Toolbar 3.1 Firefox/2.0.0.11
Beasm
Arias
Messages : 15
Inscription : 15 janv. 2008, 21:30

Message par Beasm »

Laissez tomber!

Je sais pas pourquoi il y avait un bug et maintenant y en a plus pour les images! bizarre!

Merci pour tout en tout cas! :D

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.8.1.11) Gecko/20071127 Dealio Toolbar 3.1 Firefox/2.0.0.11
Accepte moi comme je suis et je t'accepterais comme tu es!
Chtine3354

Message par Chtine3354 »

Bonjour,
J'ai également des problèmes avec mon fond de page. La photo se met en mosaïc. J'ai essayé vos conseilles mais ne m'y connaissant peu en informatique je n'ai réussi à rien. Je me permet de coller les codes en espèrant que quelqu'un pourra m'aider. merci

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>ACCUEIL</title>
</head>
<body style="background-image: url(image/LOGO%20INTERNET.bmp);">
<div style="text-align: center;"><br>
&nbsp; &nbsp;<br>
<br>
<table
style="text-align: left; width: 100%; background-color: rgb(0, 0, 0);"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="height: 34px; width: 195px; background-color: rgb(255, 102, 102); text-align: center;"><a
href="entreprise.html">L'Entreprise</a></td>
<td
style="height: 34px; width: 195px; background-color: rgb(255, 102, 102); text-align: center;"><a
href="realisation.html">Nos R&eacute;alisations</a></td>
<td
style="height: 34px; width: 195px; background-color: rgb(255, 102, 102); text-align: center;"><a
href="news.html">News</a></td>
<td
style="height: 34px; width: 195px; background-color: rgb(255, 102, 102); text-align: center;"><a
href="contact.html">Contactez-nous</a></td>
<td
style="height: 34px; width: 195px; background-color: rgb(255, 102, 102); text-align: center;"><a
href="plandacces.html">Plan d'acc&egrave;s<br>
</a></td>
</tr>
</tbody>
</table>
<br>
<h1>Accueil</h1>
<div style="text-align: left;"><br>
</div>
<div style="text-align: left;"></div>
</div>
</body>
</html>


Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Je pense qu'il faut rajouter la propriété pour que l'image ne se répète pas, si c'est ce que tu veux dire par
La photo se met en mosaïc
Ce qui donnera :

Code : Tout sélectionner

<body style="background-image: url(image/LOGO%20INTERNET.bmp); background-repeat: no-repeat;"> 
Si tu l'as fait par <body>/styles internes/ Fond, il faut donc choisir "pas de répétition" dans le menu déroulant de Répétition...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

précision : évite les espaces et les majuscules dans les noms d'images, et convertis au format jpg ou png, bien moins lourds que bmp, ce qui pourrait donner au lieu de :

Code : Tout sélectionner

LOGO%20INTERNET.bmp
celà :

Code : Tout sélectionner

logointernet.jpg
à plus...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chtine3354

Message par chtine3354 »

J'ai essayer de rajouter background no-repeat dans le code source ms j'ai pa du l'implanter où il fallait dc j'ai abandonné.


Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
chtine3354

Message par chtine3354 »

merci j'ai enfin compris ce qu'il fallait faire. j'ai suivi ton conseil g mi du jpeg. et j'ai modifier mon code source et ca marche. merci bcp

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
chtine3354

Message par chtine3354 »

encore un pti pb!!! et ouui c'est ca quand on débute!!
mon image de fond n'est pa o format de la page!! alors ca fé moche!! comment redimmensionner l'image pr quel soit à la taille de la page!!! merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

la taille de ta page, c'est la définition de ton écran, chez moi, 1280x1024px.
Mais chez toi, c'est peut-être différent, et les visiteurs de ton site aussi.
Tu peux mettre ton image à la taille de ta page, donc de ton écran. Mais pour d'autres, elle sera soit trop grande soit trop petite, soit par chance, pil-poil.
C'est pourquoi en général, on évite de mettre des images trop grandes en fond de <body>...
On peut redimensionner les images avec un logiciel d'images, parfois elles perdent en netteté, du coup.
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités