Etrange résultat

**Surfeurdu33** · 04/02/2006, 13h45

Bonjour je viens de créer un page mais la présentation ne donne pas du tout ce à quoi je m'ttendais.

Voiçi le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
// XHTML --------------------------------------------------
 
<?php echo"<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n" ?>
<!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="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-language" content="fr" />
<title>Surfeurdu33</title>
<meta name="description" content="Le site perso de Greg Alias Surfeurdu33" />
<meta name="keywords" lang="fr" content="surfeurdu33, greg, surfeur33" />
<meta name="category" content="internet" />
<meta name="revisit-after" content="1 days" />
<meta name="author" lang="fr" content="Greg / Surfeurdu33 / Surfeur33" />
<meta name="copyright" content="Surfeurdu33" />
<meta name="generator" content="WebExpert6" />
<meta name="identifier-url" content="http://surfeurdu33.free.fr" />
<?php
$ip = $_SERVER['REMOTE_ADDR'];
if ($ip=="127.0.0.1") $chemin2 = "http://127.0.0.1/surfeurdu33" ;
else $chemin2 = "http://surfeurdu33.free.fr";
?>
<script type="text/javascript" src="<?php echo $chemin2 ?>/script.js"></script>
<link rel="stylesheet" type="text/css" href="style_sms.css" />
</head><?php echo"\n\n" ?>
 
<body>
<div class="phone">
 
<p>
<img src="sharp_top.jpg" width="187" height="73" alt="top" />
</p>
 
<p>
<img src="sharp_left.jpg" width="23" height="185" alt="left" />
<span class="mess"><?php echo /*$lire ; */ ?></span>
<img src="sharp_right.jpg" width="23" height="185" alt="right" />
</p>
 
<p>
<img src="sharp_bottom.jpg" width="187" height="162" alt="bottom" />
</p>
 
</div>
</body>
</html>
 
// CSS --------------------------------------------------
 
* {margin:0;padding:0}
body {margin-top:20px;overflow:auto;}
img {border:none;}
ul {list-style-type:none;}
img.coll {border:none;display:block;}
div.phone {background-color:#D6FFB0;width:512px;float:left}
span.mess {width:138px;overflow:auto;}

et une capture d'écran

Déja j'aimerai que l'image du bas (sharp_bottom.jpg) soit collée au reste (haut) et ensuite pourquoi le "<span class="mess"> depasse de l'image ?

J'espère que vous m'avez compris merçi

**OverCat** · 04/02/2006, 14h16

Salut,

Est-ce que tu pourrais m'envoyer un fichier zip avec tout dedans (images, pages ....).

Ou bien tu peux le mettre sur un serveur.

Comme ça je pourrai tester .

@+

**francis m** · 04/02/2006, 14h22

personnellement je pense que tu vas avoir du mal, mais bon :

pour que les images se touchent : comme tes images sont à l'intérieur d'une balise p, tu dois mettre un margin à la balise p (et peut-être qu'il doit être négatif, et peut-être différent d'un navigateur à l'autre...).

pour ton span : déjà, j'aurais écrit .mess et non span.mess (peut-être que c'est bon, mais ce n'est pas habituel). certaines personnes vont peut-être me contredire, mais à mon avis un overflow doit se faire sur un bloc (donc un div) et pas sur un inline (un span). je suis persuadé que certains navigateurs ne le gèrent pas bien.

tu as aussi la possibilité de positionner avec des position:absolute, je pense que cela sera plus simple

**ilood** · 04/02/2006, 15h29

Le fait de rajouter cette ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php echo"<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n" ?>

fait passer IE en mode quircks mode (avec son modèle de boite Miscrosoft)
Fait un teste en supprimant cette ligne.

Envoyé par francis m

pour ton span : déjà, j'aurais écrit .mess et non span.mess (peut-être que c'est bon, mais ce n'est pas habituel).

Cela ne pose pas de problème, on spécifie juste que les propriétés s'appliqueront aux span de classe mess.

Envoyé par francis m

mais à mon avis un overflow doit se faire sur un bloc (donc un div) et pas sur un inline (un span). je suis persuadé que certains navigateurs ne le gèrent pas bien.

Exact. Le inline s'adapte au contenu (impossibilité de lui définir une largeur avec un width ni un height) donc le overflow n'a pa lieu d'être utilisé.
Pour définir une taille à une balise inline il faut la passer en block grace au css.

**Surfeurdu33** · 04/02/2006, 18h50

Avant je l'avai réalisé avec un tableau mais je voulais me mettre au normes et n'utiliser les tableau que pour présenter des données et pas faire de la présentation. Mais j'ai l'impression que je vais devoir m'en contenter

Etrange résultat

HTML

Discussions similaires

Partager

Partager