[résolu] problème de 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 »

Breat a écrit :si je passe par le bouton image dans la barre d'outil j'ai bien mon image mais elle n'est pas en fond donc je peux pas écrire dessus.
oui, je sais que ça sert pas à ça mais si l'icône avait été grisée, ça eût signalé un problème récurrent, général, que Kpz a avec le traitement des images, problème dont Ymai se fit un jour l'écho ici, et auquel je n'avais de toute façon aucune solution!
Le fait que tu aies installé Kpz à partir d'un zip n'est pas à mettre en cause, tu es avec Vista? Pas vu que Kpz ait un problème avec Vista, on en aurait déjà entendu parler.
La dernière chose que je vois, c'est que tu colles quand même ton code ici entre les balises

Code : Tout sélectionner

, en général c'est  ce qu'on demande en 1er.
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
Volter

Message par Volter »

Hello!

Il y a une autre solution:
-clic droit sur <body>, en bas à gauche de la fenetre
- clic gauche sur "style interne"
- " " " "fond"
- image, parcourir.

Tu peux en même temps régler la répétition, le défilement, etc



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Oui, ce serait très intéressant de voir si ça marche comme ça, car dans les deux cas, ça crée exactement la même chose : un style interne css avec background-image et l'url de l'image, auquel cas, on a trouvé un bug Kpz.
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
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

non désolé ça change rien, mise à part la partie du code en citation qui à té ajoutée. avant cela n'affichait rien.

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>index</title>
</head>
<body
 style="direction: ltr; background-repeat: no-repeat; background-position: center;">
<br>
</body>
</html>
style="direction: ltr; background-repeat: no-repeat; background-position: center;">
Je suis sous Vista Ultimate x64.

sinon j'ai voulu créer mon fichier .css mais il ne le lit que pour le texte et pas les images.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Tu devrais avoir ça :

Code : Tout sélectionner

<body
 style="direction: ltr; background-image: url(all.png);background-repeat: no-repeat; background-position: center;"> 
Tu peux pas rajouter juste ce qui te manque:

Code : Tout sélectionner

background-image: url(all.png);
a la mano dans le code, en installant Handcoder et un éditeur-texte comme Notepad++?
:arrow:
http://www.geckozone.org/forum/viewtopic.php?t=51228 a écrit :Les extensions indispensables pour gagner en efficacité:
- Handcoder: permet de ne plus utiliser l'onglet source (source de bugs), mais un éditeur texte externe. Handcoder possède une icône qui peut être placée dans la barre d'outils. Ainsi, le lancement de l'éditeur texte de externe peut se faire par un simple clic dans la barre d'outils (quasi aussi rapide que l'onglet source!). L'éditeur et Kompozer sont synchro: si une modification est faite dans l'une des deux applications et le fichier enregistré, lors du passage à l'autre application, il est demandé si on accepte les modifications effectuées.
Handcoder couplé avec tidy, le code est indenté et nettoyé à l'ouverture dans l'éditeur texte et Php/Asp/Jsp sont supportés,
Incroyable, ton histoire...
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
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

Voici mon fichier style style.css que j'ai fait avec Notepad++, mais rien

Code : Tout sélectionner

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}

/*Arrière-plan du site*/
	
	{
	background-color: #FFFFFF;
	background-image: url("URL/all.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
  }
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Voici mon image de fond, est-ce que au moins je pourrais mettre un lien sur chaque mot de mon menu?

Sinon, comme moi ça passe pas est-ce que quelqu'un pourrait me mettre cette image en fond sur une page HTML vierge, pour ensuite me la renvoyer par mail ou MSN?

Image
Dernière modification par Breat le 18 oct. 2008, 00:08, modifié 2 fois.
KompoZer v0.7.10
ImageImage
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

non, plutôt :

Code : Tout sélectionner

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}

/*Arrière-plan du site*/
   
   {
   background-color: #FFFFFF;
   background-image: url(all.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
  }
tu vois la différence dans la ligne background-image?

<edit>ton image est dans un dossier?</edit>
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
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

pour le moment est elle est mon PC, mais oui elle sera dans un dossier, c'est pour ça que je ne sais pas vraiment comment taper mon code css.

edit: sinon si je fait éditeur CSS j'ai accès que à "Général".

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Dernière modification par Breat le 18 oct. 2008, 00:15, modifié 1 fois.
KompoZer v0.7.10
ImageImage
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Breat a écrit :je ne sais pas vraiment comment taper mon code css.
si pas dans un dossier comme je viens de te le dire :

Code : Tout sélectionner

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}

/*Arrière-plan du site*/
   
   {
   background-color: #FFFFFF;
   background-image: url(all.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
  }
(BIS)
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
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

j'ai édité en même temps que ton message désolé, sinon tu peux pas me la mettre et me dire pour mes liens?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

L'éditeur css, c'est pour une feuille de style, je croyais que tu en étais à vouloir faire du style css interne, auquel cas tu modifies le code dans la page html, on pourrait peut-être chasser un seul lièvre à la fois et continuer en style interne et je te repose la question : est-ce que tu as bien ça dans ta page html :

Code : Tout sélectionner

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}

/*Arrière-plan du site*/
   
   {
   background-color: #FFFFFF;
   background-image: url(all.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
  }
parce que c'est ça qui doit marcher : pas le moindre guillement ni majuscule dans la ligne background-image!
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 »

Breat a écrit :Voici mon image de fond, est-ce que au moins je pourrais mettre un lien sur chaque mot de mon menu?
non, puisque c'est une image une seule. Il faudrait que chaque mot de ton menu soit une image ou mieux, un texte séparé(e).
Breat a écrit :Sinon, comme moi ça passe pas est-ce que quelqu'un pourrait me mettre cette image en fond sur une page HTML vierge, pour ensuite me la renvoyer par mail ou MSN?
c'est pas une solution, trop compliqué, pose d'autres problèmes
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
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

en quoi ça pose d'autres problèmes?

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Accueil</title>
</head>
<body>
<style type="text/css">
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}
/*Arrière-plan du site*/
{
background-color: #FFFFFF;
background-image: url(all.png);
background-attachment: fixed;
background-repeat: no-repeat;
}
</style><br>
</body>
</html>
Voici le code de ma page en ayant pris soins de mettre l'image dans le même dossier que ma page, mais rien et même si je met le tout sur internet

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

non!
Alors maintenant tu nous fais plus de style interne mais une feuille de style incorporée? En fait c'est un mélange des 2. Le code que tu m'as donné n'est pas bon, reste en style css interne pour l'instant, supprime <style type="text/css"> et </style> et tu ne gardes que :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Accueil</title>
</head>
<body style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;
background-color: #ffffff;
background-image: url(all.png);
background-attachment: fixed;
background-repeat: no-repeat;">
<br>
</body>
</html>
Est-ce que tu peux copier mon code ci-dessus et le coller à la place du tien?
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
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

Yes, I LOVE YOU. euh, je m'enflamme un peu là, non?

ça à marché, mais j'ai d'autres questions.

mon fond parait très, très petit dans KompoZer donc comment je vais faire pour mettre mon contenu, si tu regarde l'image plus haut mon contenu est dans le cadre central et mes pubs dans celui de droite

ce que je veux en fait c'est avoir un fichier *.css qui organise toutes mes pages.

et comment superposer des images en css et en html? car là ça donne çà:
Breat's Site - Test

eh désolé mais je suis débutant avant j'utilisais IziSpot, donc il faisait tout à ma place ou presque et le choix des designs étaient plutôt limité c'est pourquoi je veux le faire entièrement soit par code soit comme ça au moins je suis libre de faire ce que je veux.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité