Une image et plus de texte! sur le forum Création de sites web - 11-07-2006 03:28:41

Liste des sujets

Une image et plus de texte!

Moicesmoi

Niveau 10

11 juillet 2006 à 03:28:41

:bonjour: (bonsoir)

Voilà, alors que je vérifiais une de mes pages web, j´ai remarqué qu´au lieu de trouver un texte à un endroit, il n´y avait que l´image que j´avais mis au-dessus. Et si j´enlève l´image, le texte revient.

Alors en fait, je cherchais un moyen de pouvoir éviter ce problème, en conservant l´image et en récupérant le texte...

Quoiqu´il en soit je m´en remets à votre savoir.

Le code XHTML de la page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Les personnages principaux</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Chapitre1" href="dark.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="Parce que c´est dark!" href="css" />
</head>
<body>
<div id="menu">
<div class="element_menu">
<h3> Chapitres: </h3>
<ul>
<li> <a href="chapitre1">-1- L´histoire de l´anneau </a> </li>
<li> <a href="chapitre2">-2- Divers compagnons </a> </li>
<li> <a href="chapitre3">-3- Les dangers des terres du PC </a> </li>
<li> <a href="chapitre4">-4- Le troll du Linux </a></li>
<li> <a href="chapitre5">-5- Le siège du -15 </a> </li>
<li> <a href="chapitre6">-6- Terreur Marine </a> </li>
<li> <a href="chapitre7">-7- L´ombre des montagnes du +35 </a> </li>
<li> <a href="chapitre8">-8- Deuil </a> </li>
<li> <a href="chapitre9">-9- Les morts debout </a> </li>
<li> <a href="chapitre10">-10- Le forum fantôme, les deux tours </a> </li> </ul> </div> </div>
<div id="corps">
<h1> Les personnages principaux </h1>

<p> Ici, je vais vous présenter les personnages principaux, càd ceux qui participeront dans la quête. </p>
<h1> Le mal </h1>
<h2> Focus </h2>
<img src="image_sit/guerrier.jpg" alt="Focus,le maître des ténèbres" />

<p>Focus est un être avide de pouvoir, corrompu par la puissance des anneaux.Autrefois, il se dévoua en toute sincérité, avant que son âme
ne devienne propice à la folie qu´engendre le pouvoir.Il fut autrefois vaincu par un puissant sorcier,qu´il
tua et damna pour l´éternité.Focus a disparu de ce monde, mais ne tardera pas à revenir. <br/> <q> "Je ne
lutte pas contre le mal: je régule son statut" </q> </p>

<h2> L´ombre </h2> <img src="image_sit/ombre.jpg" alt="L´ombre mystérieuse" />
<p> Apparaissant la première fois à Essenoïs, cette ombre s´avère être en fait un serviteur de l´ennemi.
Les aventuriers arriveront-ils à se défaire de cette bête? <br/>
<q> "Mon pouvoir, c´est de savoir comment pense les bons" </q> </p>

<h2> Itsmi </h2> <img src="image_sit/magicien.jpg" alt="Itsmi, le magicien polymorphe" />
<p> Itsmi est un magicien polymorphe, un terrible guerrier de l´ombre. En échange d´un anneau rouge,il a
offert ses services à Focus. Il peut se revêtir de toutes les formes animales, bien que sa préférence se
porte sur les trolls.<br/> </p>
<p> <q> "Grand Prêtre du Chaos au chômage temporaire pour cause de faillite définitive" </q> </p>
<div/>
</body>
</html>

Voilà... Je crois que vous n´aurez pas besoin du code CSS (je pense que c´est la page qui est trop courte mais je n´en suis pas sûr )

Yoda_Software

Niveau 30

11 juillet 2006 à 04:11:56

Bon, tu nous as donné le code de ta page, mais ça serait bien que tu nous dises plus précisément quel est l´endroit qui déconne, tu ne crois pas ?

Sinon, je vois quelques erreurs de xhtml.
Les balises <img .../> doivent être placées entre 2 balises de type block comme <p>, <div>, ..., etc., ...

Yoda_Software

Niveau 30

11 juillet 2006 à 04:13:56

Autant pour moi, ne tiens pas compte de ma remarque sur les balises <img .../>, je n´avais pas fais attention à ton <div id="corps">.

Moicesmoi

Niveau 10

11 juillet 2006 à 15:56:02

j´ai oublié de préciser?

C´est la dernière

Si je mets l´image, plus de texte qui est en-dessous, et si je l´enlève il est là

solidsquall

Niveau 8

11 juillet 2006 à 16:22:41

Je vois que tu n´as pas fait de tableau, fais en, avec une cellule pour l´image et une autre pour le texte

I_am_a_mootix

Niveau 7

11 juillet 2006 à 16:48:40

mmmmm, déplace l´image en position absolue , et apres normalement le texte y sera, sa doit etre l´image qui la cache.

Yoda_Software

Niveau 30

11 juillet 2006 à 18:03:02

solidsquall Arght !! ! Vade Retro Satanas
Utiliser un tableau pour ça ? Mais ça ne va pas malheureux ?

Non, sérieusement, les tableaux ne sont pas faits pour ça, pas pour mettre en page son design, mais pour mettre en page des données de façon tabulaire.

Yoda_Software

Niveau 30

11 juillet 2006 à 18:05:30

moicesmoi Tu veux parler de l´image "image_sit/magicien.jpg" ?

Tu ne pourrais pas nous donner l´URL de ta page, ce serait plus simple. On pourrait vérifier le code et voir le résultat, à quel endroit ça merde, ...

solidsquall

Niveau 8

11 juillet 2006 à 18:09:52

A l´époque ou je faisais mon site, j´utilisais des tableaux pour ça, enfin c´était compliqué car il y avait un tableau dans un tableau qui lui même se trouvait dans un tableau, enfin voilà.
Mais sa marchait

Yoda_Software

Niveau 30

11 juillet 2006 à 18:27:13

Oui, mais c´est une technique obsolète du HTML 4.0 (et inférieur) qui a disparu avec l´arrivée du XHTML 1.0 (et supérieur). Donc il ne faut plus utiliser les tableaux pour faire sa mise en page !

En plus, c´est très perturbant pour les mal-voyants !

Moicesmoi

Niveau 10

11 juillet 2006 à 18:50:08

j´aimerai bien vous envoyer le lien de la page mais y´a un bins

Je vais sur mon site, je clique sur le lien et ça m´affiche ´page non trouvée´

enfin voilà

http://membres.lycos.fr/anneauecarlate/

c´est sur personnages principaux

ah marche pas

Yoda_Software

Niveau 30

11 juillet 2006 à 18:56:49

Normal que ton lien ne fonctionne pas !
tu as écris ´Persos.html´ avec un ´P´ majuscule, or les serveurs font une différence entre les majuscules et les minuscules.

Pour éviter les problêmes de lien, pour vos noms de fichiers et dossiers n´utilisez que les caractères de ´a´ à ´z´, ´0´ à ´9´, ´-´ et ´_´. Pas de majuscules, d´espaces ou de caractères accentués.

Yoda_Software

Niveau 30

11 juillet 2006 à 18:58:29

L´image de "Elfindel, l´elfe guerrière" ne s´affiche pas.

Yoda_Software

Niveau 30

11 juillet 2006 à 19:00:43

Quelle est l´image qui te pose problème ? Quel personnage ?

Moicesmoi

Niveau 10

11 juillet 2006 à 19:00:55

c´était donc ça beaucoup

Et pour l´image du magicien, j´ai simplement réécrit l´adresse et y avait plus de problèmes (je sais pas comment ça se fait en tout cas)

Bon beaucoup pour votre aide

Yoda_Software

Niveau 30

11 juillet 2006 à 19:04:54

De rien !

P.S. : dommâge de faire une histoire sur un anneau écarlate et de mettre une image d´un anneau argenté

Moicesmoi

Niveau 10

11 juillet 2006 à 19:12:29

c´est juste que les autres images sont pas bel (et que j´ai pas de scan -_-)

enfin bon, on va pas en faire un fromage

Yoda_Software

Niveau 30

11 juillet 2006 à 19:26:17

Il doit y avoir moyen avec un logiciel de dessins de transformer la teinte en rouge.

Yoda_Software

Niveau 30

11 juillet 2006 à 19:37:18

Tiens, juste en ajoutant de la transparence et en jouant avec la teinte et la saturation :
image normale
http://perso.orange.fr/yoodas-world/download/anneau.png
La même en rouge
http://perso.orange.fr/yodas-world/download/anneau_ecarlate.png

Moicesmoi

Niveau 10

11 juillet 2006 à 19:52:53

encore beaucoup

Aide à l'achat Mac
Internet
Macintosh
Création de sites web
Création de Jeux
Linux
Programmation
Steam Deck
Hardware

La vidéo du moment

News jeu

199 256 spectateurs

Halo: Campaign Evolved fait de la coopération sa plus grande force

Loin de se limiter à une simple refonte graphique, Halo: Campaign Evolved reconstruit la campagne du premier Halo en accordant une place centrale à la coopération. Que ce soit pour découvrir l'aventure une première fois ou la parcourir à nouveau, le titre multiplie les options pour permettre aux joueurs de former facilement une escouade, tout en ajoutant de nouvelles mécaniques qui encouragent la rejouabilité.

Toutes les news jeu