Espace

donald7 · Message par **donald7** » 13 déc. 2007, 11:37

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

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 13 déc. 2007, 12:37

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

Message par **chinon37** » 13 déc. 2007, 13:31

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.

donald7 · Message par **donald7** » 13 déc. 2007, 14:35

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&nbsp;</p><br><p>.
</p></div><div id="pied" style="">Mon
nom - contact (at)&nbsp;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

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 13 déc. 2007, 16:31

C'est bien les marges qui provoquent tes décalages! Donc il faut que tu revois le css, voir cet exemple

donald7 · Message par **donald7** » 13 déc. 2007, 16:52

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

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 13 déc. 2007, 17:13

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!

donald7 · Message par **donald7** » 13 déc. 2007, 17:24

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

donald7 · Message par **donald7** » 13 déc. 2007, 17:31

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

Geckozone

Espace

Espace

Qui est en ligne ?