Page 1 sur 1
Espace
Publié : 13 déc. 2007, 11:37
par donald7
bonjour
je decouvre avec bonheur Kompozer depuis 2 jours avec l'aide de cet excellent site
http://info.sio2.be/kpz/index.php 
Maintenant j'essaye ma premiere creation et je bute sur une difficulté certainement très bête.
J'ai créé trois blocs, "entete", "texte" et "menu".
Il subsiste un espace entre "entete" et "texte" que je n'arrive pas à réduire.
voila le lien pour voir une copie de mon écran (je n'arrive pas à insérer une image dans le post)
http://cjoint.com/?mnlrcRWCW3
j'ai essayé dans cascades de modifier les marges et espacements mais sans succès.
désolé de vous sollicite pour une question aussi simple mais je termine de digérer le fonctionnement des feuilles de style.
merci
donald
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
Publié : 13 déc. 2007, 12:37
par Fabrice.Tres.Net
Met ta page en ligne et donne nous l'adresse comme cela on pourra te donner un verdict + précis.
Tu peux ajouter cela dans ta feuille de styles css
* {
margin: 0;
padding: 0;
}
Publié : 13 déc. 2007, 13:31
par chinon37
Bonjour,
Je viens de faire un essai sur KpZ et je n'ai pas d'espace entre les blocs.
Comme le dit Fabrice, mets ta page en ligne ou copie les codes html et css dans ta réponse sur ce forum afin qu'on puisse y voir plus clair.
Publié : 13 déc. 2007, 14:35
par donald7
bonjour
merci de vos réponses
j'ai mis en ligne ma page ici
http://loutrel.ovh.org/
et voila le code
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
style="direction: ltr;" lang="fr-fr"><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>Avantage coach !</title><link
rel="stylesheet" href="Style%20avantage%20coach%20essai%202.css"
type="text/css"></head>
<body><div id="entete"><h1>Titre de mon site !</h1></div><div
id="menu">Accueil<br>Item
1<br>Item 2<br>Item 3<br>Item 4<br>Item 5<br>Item
6</div><div id="Texte"><p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis
venenatis urna vitae nisl. Vestibulum ut est vitae leo blandit
tincidunt. Duis </p><br><p>.
</p></div><div id="pied" style="">Mon
nom - contact (at) nom.com</div></body></html>
je suis newbie en css mais je me soigne
donald
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
Publié : 13 déc. 2007, 16:31
par Fabrice.Tres.Net
C'est bien les marges qui provoquent tes décalages! Donc il faut que tu revois le css, voir cet exemple
Publié : 13 déc. 2007, 16:52
par donald7
merci de ta réponse. Je vais chercher comment corriger les marges.
j'en ai profité pour installer l'extension Web Developper et je sens que je vais apprécier de suivre ma feuille de style dans une fenêtre.
comment fais tu pour coller une image dans un post ? j'ai essayé avec la balise img en logeant mon image chez
www.cjoint.com mais cela n'a pas marché.
merci
donald
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
Publié : 13 déc. 2007, 17:13
par Fabrice.Tres.Net
Pour coller l'image, j'ai fait comme toi:
tu cliques une fois sur Img, tu colles l'adresse de l'image, tu "fermes la balise image" avec le bouton Img qui contient une * tant que la balise n'est pas fermée.
Pour les css je te conseille de lire le site du zero et faire les manips avec webdevelopper.
A noter que webdevelopper te permet de lire/sauvegarder/modifier un fichier css. Pratique pour enregistrer une modif satisfaisante.
Je te conseille d'éviter les "blancs" dans les noms de fichiers!
Publié : 13 déc. 2007, 17:24
par donald7
ok, j'arrive maintenant à poster une image en changeant d'hebergement
Il faut éviter d'utiliser cjoint.com pour cela
merci
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
Publié : 13 déc. 2007, 17:31
par donald7
Fabrice.Tres.Net a écrit :
Pour les css je te conseille de lire le site du zero et faire les manips avec webdevelopper.
j'ai installé web developper, handcoder et notepad-plus
merci pour le site
http://www.siteduzero.com/tuto-3-6-0-ap ... e-web.html
Fabrice.Tres.Net a écrit :
Je te conseille d'éviter les "blancs" dans les noms de fichiers!
oui, c'est noté. les carateres accentués posent un probleme de codage également.
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