5568 sujets

Sémantique web et HTML

bonjour,

je ne sais pas où poster mon problème (accumulation de trucs bizarres) donc je le mets ici.

voilà le problème, j'ai plusieurs visionneuses en javascript inscrite dans des <div> côte à côte qui marchent très bien.
Mais lorsque j'ajoute une <div>, ces dernieres ne marchent plus.
j'ai pensé que c'était un problème de chevauchement ou autre mais rien n'y fait.
quelqu'un a-t-il une idée? merci de votre réponse ou attention.
Modifié par hophop (27 Apr 2006 - 18:28)
pardon je vous laisse le code au cas où:

a écrit :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>kd.INFORMES</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="JavaScript" type="text/JavaScript">
thisImg = 1
imgCtabris = 2
function newSlideAbris(direction) {
if (document.images) {
thisImg = thisImg + direction
if (thisImg < 1) { thisImg = imgCtabris }
if (thisImg > imgCtabris) { thisImg=1 }
document.slideabris.src = "images/vignettes/informes/abrisbus/slide" + thisImg + ".jpg" }
}
thisImg = 1
imgCt = 4
function newSlideAquarell(direction) {
if (document.images) {
thisImg = thisImg + direction
if (thisImg < 1) { thisImg = imgCt }
if (thisImg > imgCt) { thisImg=1 }
document.slideaquarell.src = "images/vignettes/informes/aquarell/slide" + thisImg + ".jpg" }
}
thisImg = 1
imgCtsans = 7
function newSlideSans(direction) {
if (document.images) {
thisImg = thisImg + direction
if (thisImg < 1) { thisImg = imgCtsans }
if (thisImg > imgCtsans) { thisImg=1 }
document.slidesans.src = "images/vignettes/informes/tablo/slide" + thisImg + ".jpg" }
}
thisImg = 1
imgCtphoto = 5
function newSlidePhoto(direction) {
if (document.images) {
thisImg = thisImg + direction
if (thisImg < 1) { thisImg = imgCtphoto }
if (thisImg > imgCtphoto) { thisImg=1 }
document.slidephoto.src = "images/vignettes/informes/photos/slide" + thisImg + ".jpg" }
}
thisImg = 1
imgCt = 4
function newSlidePrestige(direction) {
if (document.images) {
thisImg = thisImg + direction
if (thisImg < 1) { thisImg = imgCt }
if (thisImg > imgCt) { thisImg=1 }
document.slideprestige.src = "images/vignettes/informes/prestige/slide" + thisImg + ".gif" }
}
</SCRIPT>
<link href="file:///C|/Documents%20and%20Settings/kaze/Mes%20documents/boulot/site_internet/liens.css" rel="stylesheet" type="text/css">
</head>

<body class="body">

<div id="page">
<div class="float">
<div id="otoportrait" class="diapo"><img src="images/vignettes/informes/h-couvert.jpg" border="0" name="autoportrait" alt="autoportrait"></div>
<div class="legende">
<dl>
<dt>autoportrait</dt>
<dt>impression numérique, plexyglass</dt>
<dt>2003</dt></dl>
</div>
</div>

<div class="float">
<div id="icone" class="diapo"><img src="images/vignettes/informes/iconechristweb.jpg" border="0" name="icône" alt="icone"></div>
<div class="legende">
<dl>
<dt>icône</dt>
<dt>techniques mixtes sur bois</dt>
<dt>2004</dt></dl>
</div>
</div>

<div class="float">
<div id="abris" class="diapo"><img src="images/vignettes/informes/abrisbus/slide1.jpg" border="0" name="slideabris" alt="abris-bus"></div>
<div class="legende">
<dl>
<dt>abris-bus</dt>
<dt>impression numérique, caisson lumineux</dt>
<dt>2005</dt></dl>

<div class="fleches">
<A HREF="javascript:newSlideAbris(-1)"><</A>
<A HREF="javascript:newSlideAbris(1)">></A>
</div>
</div>
</div>

<div class="float">
<div id="regarde" class="diapo"><img src="images/vignettes/informes/doigt.jpg" border="0" name="regarde" alt="regarde..."></div>
<div class="legende">
<dl>
<dt>regarde...</dt>
<dt>impression numérique</dt>
<dt>2005</dt></dl>
</div>
</div>

<div class="float">
<div id="aquarell" class="diapo"><img src="images/vignettes/informes/aquarell/slide1.jpg" border="0" name="slideaquarell" alt="aquarell"></div>
<div class="legende">
<dl>
<dt>aquarell, performances</dt>
<dt>tirage numérique sur A4, verre d'eau</dt>
<dt>2005</dt></dl>

<div class="fleches">
<A HREF="javascript:newSlideAquarell(-1)"><</A>
<A HREF="javascript:newSlideAquarell(1)">></A>
</div>
</div>
</div>

<div class="float">
<div id="sans" class="diapo"><img src="images/vignettes/informes/tablo/slide1.jpg" border="0" name="slidesans" alt="sans-titre"></div>
<div class="legende">
<dl>
<dt>sans-titre</dt>
<dt>tirage numérique sur A6</dt>
<dt>2006</dt></dl>

<div class="fleches">
<A HREF="javascript:newSlideSans(-1)"><</A>
<A HREF="javascript:newSlideSans(1)">></A>
</div>
</div>
</div>

<div class="float">
<div id="photos" class="diapo"><img src="images/vignettes/informes/photos/slide1.jpg" border="0" name="slidephoto" alt="photos de vacances"></div>
<div class="legende">
<dl>
<dt>photos de vacances</dt>
<dt>tirage numérique 10x15 cm</dt>
<dt>2006</dt></dl>

<div id="fleches" class="fleches">
<A HREF="javascript:newSlidePhoto(-1)"><</A>
<A HREF="javascript:newSlidePhoto(1)">></A>
</div>
</div>
</div>

<div class="float">
<div id="prestige" class="diapo"><img src="images/vignettes/informes/prestige/slide1.gif" border="0" name="slideprestige" alt="prestige"></div>
<div class="legende">
<dl>
<dt>prestige</dt>
<dt>encre de chine, impression numérique sur papier "prestige" A4</dt>
<dt>2006</dt></dl>

<div class="fleches">
<A HREF="javascript:newSlidePrestige(-1)"><</A>
<A HREF="javascript:newSlidePrestige(1)">></A>
</div>
</div>
</div>
</div>
<div id="menuinformes"><img src="images/menuinformes.png" alt="menuinformes"></div>
</body>
</html>


c'est la dernière <div> qui me pose problème....merci
Modifié par hophop (26 Apr 2006 - 23:54)
Salut ! a tout hasard c'est pas un probleme de profondeur (z-index)?
si depuis que tu as ajouté ton div ton lien ne marche plus c 'est peut-etre parce qu'une partie du div(même invisbible) le recouvre.
ok merci, c'était çà malheureusement. ça chamboule tout mon plan, je vais essayer autrement.
merci beaucoup.
kaz