mon texte est décalé

knopflerized · Message par **knopflerized** » 22 juil. 2007, 23:25

Bonjour encore moi

cette fois ci le texte est décalé pourtant j'utilise les cellule qu'ai je mal fait:

http://perso.orange.fr/markknopfler/AMIT/amitindex.html

merci pour votre aide (j'utilise NVU)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 23 juil. 2007, 00:49

Il est très déconseillé d'utiliser des tableaux...
Tu n'as besoin que d'un div (une boîte) pour mettre ton image de fond, ensuite un autre div pour mettre ton menu.
Puis il te reste à positionner le second div pour qu'il soit bien mis là où tu veux.

knpflerized · Message par **knpflerized** » 23 juil. 2007, 00:59

Ahh

je ne sais pas ce que c'est un div ( boite) comment je crée ça?

je decouvre NVu à taton...

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 23 juil. 2007, 01:13

Découvrir à tâton, tu risques de te casser la gueule...commences par allumer une chandelle.
Bref commence par lire un manuel tu gagneras beaucoup de temps et découvrira de quoi enrichir ton site , par exemple
http://info.sio2.be/kpz/
ou http://www.geckozone.org/forum/viewtopic.php?t=20704

Remplace Nvu par Kompozer c'est la même chose avec des bugs en moins et des possibilités supplémentaires. voir http://www.geckozone.org/forum/viewtopic.php?t=51228

Mongo Bob · Message par **Mongo Bob** » 23 juil. 2007, 01:20

Le texte dont tu parles, c'est le menu et il est décalé verticalement, pas vrai?
Il devrait être plus vers le bas?
Bon, pourquoi faire une mise en pages en tableau, aussi, ce menu devrait être présenté par <ul> et <li> : un menu, c'est une liste.
Et à quoi servent toutes ces cellules vides :

Code : Tout sélectionner

<td style="width: 98px;" nowrap="nowrap"></td>

      <td style="width: 82px;" nowrap="nowrap"></td>

      <td style="width: 126px;" nowrap="nowrap"></td>

      <td style="width: 127px;" nowrap="nowrap"></td>

à caler les cellules qui contiennent les éléments du menu?
Je trouve que tu t'embêtes vraiment avec ton tableau qui englobe -pourquoi?- toute la page : il y a 80 (à peu près) cellules vides avec l'attribut "nowrap" (pas de retour à la ligne), mais à quoi elles servent? Tu veux mettre quelquechose dedans plus tard, et elles sont là en attente?
Plein de code trés lourd, déjà que tu as une image en fond du <body> de 368 Ko?
Cale plutôt un menu comme ça :

Code : Tout sélectionner

<ul>
<li>Member login</li>
<li>Search</li>
<li>etc... etc... etc...</li>
<li>Links</li>
</ul>

Bien sûr, il faudra le positionner mais on verra après.

knopflerized a écrit :le texte est décalé pourtant j'utilise les cellule

Ben, si les cellules sont décalées, le texte dedans aussi...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

knopflerized · Message par **knopflerized** » 23 juil. 2007, 01:26

c'est juste que je ne sais pas faire et comme indiqué plus haut en faisant a taton oui on fait des conneries... mais là j'comprend rien a ce que tu m'as marquer il va falloir que je planche à fond !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

knopflerized · Message par **knopflerized** » 23 juil. 2007, 01:41

Bonne Nouvelle je viens de faire un ps en avant j'ai pris kompozer ( bon c'est anglais c'est moins facile mais j'vais géré lol)
enfait je ne trvaille pas du tout avec le html donc tous ces codes c'est du chinois... comment faire?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

knopflerized · Message par **knopflerized** » 23 juil. 2007, 02:34

Mongo bob,

j'ai suivi ton conseil

Code : Tout sélectionner

<ul> 
<li>Member login</li> 
<li>Search</li> 
<li>etc... etc... etc...</li> 
<li>Links</li> 
</ul>

A présent il faut que caler mon menu dans l'espace rouge... là j'ai besoin de toi

.
Est il possible que mes liens ne soient pas soulignés? ( ca fait pas beau je trouve)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

Mongo Bob · Message par **Mongo Bob** » 23 juil. 2007, 02:57

Tu as oublié <ul> et </ul> qui doivent contenir tous les <li></li>...
Puis positionner <ul> par marges gauche et haute... Mais tu ne connais pas le css?
Je regarde... Je te bricole quelquechose, à +...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

Mongo Bob · Message par **Mongo Bob** » 23 juil. 2007, 04:14

Voici du code :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta name="generator" content=
    "HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      amitinex
    </title>
    <meta content="nelly" name="author">
    <meta content="menu" name="description">
	<style type="text/css">
	body {
	background-repeat: no-repeat; 
	/**réserver la couleur de texte à <li> : color: rgb(255, 255, 255);**/
	background-color: rgb(0, 0, 0); 
	background-image: url(AMITindex.jpg); 
	margin-top: 0px; 
	height: 710px; 
	width: 945px;
	}
	ul {
	margin-left:50%;
	margin-top:200px;
	}
	li {
	color: rgb(255, 255, 255);
	font-family: Arial Narrow;
	font-weight: bold;
	}
	</style>

  </head>
  <!--  ALINK, VLINK DEPRECIES EN HTML 4 -<body style=
  ""
  alink="white" link="white" vlink="white">-->
    <body>
	<ul>
      <li>Members Login
      </li>
      <li>Search
      </li>
      <li>Introduction
      </li>
      <li>Discography
      </li>
      <li>Torrents
      </li>
      <li>Dire Straits
      </li>
      <li>Mark Knopfler
      </li>
      <li>The Notting
      Hillbillies
      </li>
      <li>Studio Releases
      </li>
      <li>Guest sessions
      </li>
      <li>Covers
      </li>
      <li>
        <a href="amitgallery.html">Gallery</a>
      </li>
      <li>Tree
      </li>
      <li>Links
      </li>
    </ul>
  </body>
</html>

Les styles sont mis à part par l'éditeur css (palette marquée "Kazcades" dans la barre d'outils principale), j'ai mis en commentaires (/**, **/ ou  des remarques bonnes à prendre), tu peux copier ce code dans ton éditeur texte ou dans l'onglet Source et t'en inspirer pour modifier ou pour tes autres pages.
Tu vois qu'i y'avait pas besoin de 80 cellules de tableau.!
Si tu ne comprends pas, demande et :
http://info.sio2.be/kpz/
A+
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

knpoflerized · Message par **knpoflerized** » 23 juil. 2007, 11:21

merci beaucoup j'vais tenter de comprendre et si je te demande

( sympa

)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

Mongo Bob · Message par **Mongo Bob** » 23 juil. 2007, 12:01

Invité a écrit :Est il possible que mes liens ne soient pas soulignés? ( ca fait pas beau je trouve)

voir réponse chinon37 ici :
http://www.geckozone.org/forum/viewtopi ... 949#389949

knopflerized · Message par **knopflerized** » 23 juil. 2007, 15:46

je ne comprend absolument rien... je ne suis probablement pas faite pour tant de reflexions... y a t'il un moyen pluis simple pour y parvenir.

C'est a dire que j'aimerai bien cadrer mon menu et créer entre chaque mot un petit espace afin que tous ne soient pas à cheval les uns sur les autres. Question bete.... est ce qu'en re faisant des cellules et en insérant des png représentant mes mots ca irait? ( certes j'imagine que ca va faire plus lourd...)

Aiddddddeez moi s'il vous plait je déserpère !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

knopflerized · Message par **knopflerized** » 23 juil. 2007, 16:04

il semblerait que j'y soit parvenu mais je ne sais pas trop comment, enfin chez moi ca s'affiche comme je le voulais, à quoi ca ressemble chez vous?

j'aimerai aussi faire un bloc text pour y noter la chose suivante ( c'est actuellement écris sur le fond JPG mais je trouve pas ça joli):

"The AMARKINTIME PROJECT is devoted to compiling the complete and definitive database of Mark Knopfler's work, from earliest known performance in 1965, with Sue Hercombe, through the present day. Discographies, reviews, concert tours, interviews, photographs, and memorabilia are in the pages of this site. The site will never be finished. Information will be incorporated as new and rare finds are documented and as Mark Knopfler's musical genius continues to evolve."

merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

Mongo Bob · Message par **Mongo Bob** » 23 juil. 2007, 16:41

knopflerized a écrit :à quoi ca ressemble chez vous?

OK chez moi en 800x600 comme en 1280x1024, IE et FF.
Attention, il faudrait centrer et éviter le scroll horizontal en 800x600 mais avec une image de fond qui fait + de 900px de large, difficile... C'est optimisé pour le 1024x768, faudrait centrer pour une réso au-dessus, une chose à la fois.
Tu ne veux pas mettre les styles à part comme dans mon exemple? Bon, c'est du css au moins! Ca te fait plein de code trés lourd mais au moins, ça marche...
Pour espacer les liens, tu as trouvé tout seul, il fallait donner une hauteur égale et suffisante à chaque <li>, bravo!

knopflerized a écrit :il semblerait que j'y soit parvenu mais je ne sais pas trop comment

Comme ça :

Code : Tout sélectionner

<li style="(...) height: 30px;">

knopflerized a écrit :j'aimerai aussi faire un bloc text pour y noter la chose suivante

Le texte en anglais devrait être dans un <p> </p>, tu peux lui donner du style et le positionner comme tu as fait avec <ul> et <li>, lui donner une couleur de fond spécial, que sais-je...

Au risque de me répéter :
http://info.sio2.be/kpz/

Geckozone

mon texte est décalé

mon texte est décalé

Qui est en ligne ?