Page 1 sur 1
fond ou arriere plan
Publié : 08 janv. 2010, 15:04
par Gallou
Bonjour,
Savez-vous comment on insére des zones de texte et des liens sur une image de fond ?
Merci par avance.
Re: fond ou arriere plan
Publié : 08 janv. 2010, 16:08
par chinon37
Bonjour,
En fait, tu prends un peu le problème à l'envers.
Il faut partir du contenu: soit du texte dans un conteneur <div>(ou toute autre balise: h1, h2, ....). Tu peux mettre une image de fond à ce div par un clic droit sur la balise <div> dans la barre située en bas de KompoZer > style interne > boite > image de fond
ensuite tu pourras mettre un lien sur ce texte ou partie de ce texte en sélectionnant celui-ci, clic droit sur la sélection > créer un lien (ou icone ancre de la barre d'outils)
Re: fond ou arriere plan
Publié : 12 janv. 2010, 16:53
par Gallou
Bonjour,
Merci pour ces précisions mais,
Si j'arrive bien à insérer l'image en fond du div, à l'enregistrer, elle n'apparait pas lorsque je veux la visualiser sur le navigateur.
Pourquoi ? Quelles explications ? Merci d'avance.
Re: fond ou arriere plan
Publié : 12 janv. 2010, 17:23
par Fabrice.Tres.Net
Visualisation en local ou sur le réseau ?
Dans le deuxième cas il faut que l'image ait été mise sur un serveur et à l'endroit correspondant au chemin d'accès!
Re: fond ou arriere plan
Publié : 12 janv. 2010, 20:58
par chinon37
Peux-tu préciser étape par étape comment tu insères cette image de fond qui ne s'affiche pas?
Re: fond ou arriere plan
Publié : 13 janv. 2010, 13:44
par Gallou
Ouverture d’une nouvelle page (sans titre),
Je vais dans « format », « paragraphe » et « conteneur générique (div) »,
Je tape mon texte,
Puis j’ajoute une image de fond par un clic droit sur la balise <div> dans la barre située en bas de KompoZer > style interne > boite > image de fond. L’image apparaît bien en fond.
J’enregistre la page dans un fichier et la ferme.
J’ouvre la page sous mon navigateur et seul le texte apparaît !
Où est mon erreur s’il vous plaît ?
Merci d’avance pour votre patience.
Re: fond ou arriere plan
Publié : 13 janv. 2010, 14:49
par chinon37
Peux-tu essayer en enregistrant ta page avant?
Où se trouve l'image? sur ton disque dur? à quel endroit par rapport au dossier où tu stockes tes pages web? dans le même dossier ou un sous dossier? ailleurs?
peux-tu copier coller ici le code source de la page?
merci
Re: fond ou arriere plan
Publié : 14 janv. 2010, 17:30
par Gallou
J'ai essayé en enregistrant la page avant, et cela ne fonctionne pas plus !
Mes images et les pages web sont dans deux sous dossiers différents, enregistré sur mon disque dur.
Le code source de la page, c'est quoi ?
Toujours et encore merci pour ce temps qui m'est accordé.
Gallou.
Re: fond ou arriere plan
Publié : 14 janv. 2010, 17:37
par Ymai
Bonjour
Gallou a écrit :Le code source de la page, c'est quoi ?
C'est le texte plutôt imbuvable que l'on trouve dans l'onglet "Source"
Re: fond ou arriere plan
Publié : 20 janv. 2010, 12:58
par Gallou
Voilà,
Code : Tout sélectionner
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Essai</title>
</head>
<body>
<div
style="background-image: url(file:///C:/Site/Fonds%20de%20ch%C3%A8que/fond8.jpg); background-position: center top; background-repeat: no-repeat;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div style="margin-left: 120px; font-family: Arial;">Nos activités<br>
Fabrication<br>
Réparation<br>
Peinture<br>
Refit<br>
Transformation<br>
Refite<br>
Prototype<br>
Semi-serie<br>
<br>
Nos produits<br>
Semi rigide<br>
Pêche Promenade 5,70<br>
Concessionnaire Méccana<br>
<br>
Découpe numérique<br>
<br>
Liens<br>
</div>
<br style="font-family: Arial;">
<br style="font-family: Arial;">
<br style="font-family: Arial;">
<div style="margin-left: 400px; font-family: Arial;"><br>
<br>
</div>
<br style="font-family: Arial;">
<span style="font-family: Arial;"> </span><br>
</div>
</body>
</html>
Re: fond ou arriere plan
Publié : 20 janv. 2010, 18:18
par Ymai
Et bien voilà: le lien vers l'image pointe vers le disque dur de l'ordinateur (voir le post-it relatif à ce problème).
Si la page qui contient la référence à cette image se trouve bien dans le répertoire C:/Site , un petit coup de nettoyeur de balises devrait résoudre le problème.
Rien à voir, mais ce serait mieux d'éviter les espaces (code %20) et les caractères accentués (%C3%A8) dans les noms de fichiers et de répertoires. Ce n'est pas strictement interdit, mais ça ne facilite pas toujours la lecture par des humains.