Image rebelle !

Résolu/Fermé
Sairiko - 21 févr. 2010 à 16:53
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 22 févr. 2010 à 18:31
Bonjour,

Grâce à vos forums, j'ai réussi à débuter dans la création de mon site.
Le titre=ok, le tableau=ok.... mais l'image dans le tableau ne veut pas aller à droite et au top de la cellule !
Pouvez-vous me montrer mon erreur ?

Merci d'avance.
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cr" lang="fr">
<head>
<meta name="generator" content="PSPad editor, www.pspad.com" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Les bétons décoratifs de Betonam Création
</title>
</head>
<body>
<body bgcolor=#FFCC99>
<table border=2><tr><td width=33% align="left" valign="top" >
<font size=6>
<font color=blue><b>BETONAM Création,<br>
Le spécialiste de vos sols en béton décoratif.
</font size>
</font color></b></td><td width=33%></td>
<td width=34% align="rigth" valign="medium"><img src="C:\Users\user\Desktop\Eric\Betonam\photosite\logobetonamdef.jpg" alt="Logo Betonam Création" width=248 height:172></td></table>
<hr size=5 width=33% align=center bgcolor=gray font color= blue />
</html>
A voir également:

5 réponses

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
21 févr. 2010 à 17:50
Ouh la la...
Il y a quelques trucs qui ont du vous échapper.

1. Coder en xhtml strict veut dire qu'on utilise du html+CSS : il n'y a pas une once de CSS dans votre code.
2. Cela veut dire aussi qu'on n'utilise pas de balises et d'attributs dépréciés. Or <font>, bgcolor, align, border etc sont tous dépréciés.
3. cela veut dire aussi que tous les attributs doivent être entre guillemets et que toutes les balises doivent être fermées. Ce n'est pas le cas.
4. Vous avez 2 body dans votre page. Il y en a 1 de trop.
5.</font size> et </font color> n'existent pas.
6. height:172 ne peut pas fonctionner comme ça. Soit c'est un attribut height="172", soit c'est du CSS (style="height:172px")
7. img src="C:\Users\user\[...] est un chemin relatif à votre ordinateur. Une fois en ligne, ça ne passera pas.
8. La mise en page par tableaux n'est pas conseillée : il faut, là aussi, utiliser des CSS.

Avec tout ça, je n'ai pas répondu à votre question. Mais si vous codez vraiment en xhtml 1.0 strict, cette question ne se posera plus car vous coderez les choses différemment.

Et cela pourrait ressembler à ça :

<p style="float:right">
<img src="logobetonamdef.jpg" alt="Logo Betonam Création" />
</p>
<h1 style="font-size:3em; color:blue">BETONAM Création<br />
Le spécialiste de vos sols en béton décoratif. </h1>




0
sairiko Messages postés 1 Date d'inscription dimanche 21 février 2010 Statut Membre Dernière intervention 22 février 2010
22 févr. 2010 à 15:40
Ok, je viens de comprendre le message, j'utilise un éditeur nommé pspad, et ce dernier s'est occupé de l'entète du codage. Après moult recherche, j'ai pigé la différence entre strict et html tout court. Alors déjà qu'en html, c'est vachement nouveau pour moi, faut pas compter sur le css avant 10 ans !
Merci quand même !
0
Titial69 Messages postés 259 Date d'inscription lundi 22 février 2010 Statut Membre Dernière intervention 11 mars 2010 20
22 févr. 2010 à 16:19
notobe :

"
<p style="float:right">
<img src="logobetonamdef.jpg" alt="Logo Betonam Création" />
</p>
<h1 style="font-size:3em; color:blue">BETONAM Création<br />
Le spécialiste de vos sols en béton décoratif. </h1>
"
C'est du XHTML strict mais tu as oublié son intéret : séparé le html du css, donc éviter les balises styles. ET mettre tout ca dans un fichier CSS.

Pour résoudre ton problème sairiko (bien que je soit tout à fait d'accord avec notobe : OULALA quel code!!!), tu peut résoudre ton problème comme en modifiant ca :

valign="medium" => valign="top"
et dans image tu ajoute : align="right"

Sinon, je pense que le mieux serait que tu prennes le temps d'étudier le xhtml et le css sur ce site : www.siteduzero.com et de refaire ton site codé manuellement et propre, tu aura bien moins de problème par la suite que de passer par un wysiwyg

0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
22 févr. 2010 à 18:24
@titial : je n'ai oublié aucun intérêt... le conditionnel de ma phrase t'aurait-il échappé ?
Parler de CSS externe à quelqu'un qui visiblement n'a aucune notion de ce que sont les CSS, ce n'est pas très judicieux...

@sairiko : les css existent déjà depuis plus de 10 ans (1996), faut pas attendre encore 10 ans pour s'y mettre, car dans 10 ans, c'est du html5 qui sera le + utilisé ! Et alors là vous aurez plus de 20 ans de retard ;)
PSPad est un bon éditeur. Le Site du zéro effectivement pour apprendre les bases, et d'autres sites encore à consulter sans modération :
https://www.alsacreations.com/
http://www.pompage.net/
http://css.mammouthland.net/
https://www.developpez.net/forums/
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Titial69 Messages postés 259 Date d'inscription lundi 22 février 2010 Statut Membre Dernière intervention 11 mars 2010 20
22 févr. 2010 à 18:28
@notobe : désolé je ne voulais pas être méchant, c'était juste une remarque pour bien montrer l'intéret du XHTML.
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
22 févr. 2010 à 18:31
;) y'a pas de mal..
0