Bonjour, je suis nouveau sur ce forum. Je pratique de plus en plus le XHTML/CSS depuis peu. Et pour tout vous dire je m'apercois surtout que les différents sites que j'ai pu faire me semblent à présent plus qu'obsolètes.
Dans ce but je me suis mis à la refonte totale de 2-3 Sites perso/Associatifs. Et donc de virer les tableaux qui n'ont rien à faire là.
Cependant voilatipa que le premier probleme surgit. Le fameux pb de l'espace. Donc je cherche pdt des heures, je regarde mes bibles (OpenWeb, Alsacreation, ou autre Pompage). Mais je ne trouve rien de vraiment précis. Donc je m'inscris ici et je m'apercois que l'on m'invite à faire mon chemin de croix en 6 étapes (
). Donc je repasse un coup sur les liens que l'on m'a indiqué dans le postit. Mais rien de rien. Je dois etre fatigué.
Donc je me permet de vous poser la question, aux risques de me faire rouspéter.
Donc voici le code HTML :
Et le code CSS :
et le lien correspondant
http://www.nikohk.com/test2.php
Sous MSIE tout semble correct. Les 2 images sont collées. Parfait.
Par contre sous Firefox, les blocs semblent être trop grands. J'ai essayé de travaillé sur la hauteur du bloc mais il y a alors un effet de chevauchement. Ensuite j'ai remplacé les div par des balises p. C'est pareil. Puis j'ai mis un br/. Tout pareil. De toute facon, il ne me semble pas que ce soit la manière de procéder.
Donc voila si qqun à une idée sur la facon de coller deux images en vertical, je suis preneur.
Merci d'avance pour vos réponses.
Modifié par Darkness (26 Apr 2005 - 23:03)
Dans ce but je me suis mis à la refonte totale de 2-3 Sites perso/Associatifs. Et donc de virer les tableaux qui n'ont rien à faire là.
Cependant voilatipa que le premier probleme surgit. Le fameux pb de l'espace. Donc je cherche pdt des heures, je regarde mes bibles (OpenWeb, Alsacreation, ou autre Pompage). Mais je ne trouve rien de vraiment précis. Donc je m'inscris ici et je m'apercois que l'on m'invite à faire mon chemin de croix en 6 étapes (
). Donc je repasse un coup sur les liens que l'on m'a indiqué dans le postit. Mais rien de rien. Je dois etre fatigué.Donc je me permet de vous poser la question, aux risques de me faire rouspéter.
Donc voici le code HTML :
<!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" />
<title>test</title>
<link href="MifaTest2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div><img alt="" src="Images/Interface/titre_news.jpg" /></div>
<div><img alt="" src="Images/Interface/titre_news.jpg" /></div>
</body>
</html>
Et le code CSS :
body {
margin: 0px;
padding: 0px;
}
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {margin=0; padding:0; border: 1px solid yellow;}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
et le lien correspondant
http://www.nikohk.com/test2.php
Sous MSIE tout semble correct. Les 2 images sont collées. Parfait.
Par contre sous Firefox, les blocs semblent être trop grands. J'ai essayé de travaillé sur la hauteur du bloc mais il y a alors un effet de chevauchement. Ensuite j'ai remplacé les div par des balises p. C'est pareil. Puis j'ai mis un br/. Tout pareil. De toute facon, il ne me semble pas que ce soit la manière de procéder.
Donc voila si qqun à une idée sur la facon de coller deux images en vertical, je suis preneur.
Merci d'avance pour vos réponses.
Modifié par Darkness (26 Apr 2005 - 23:03)
