Problème de mise en page

[conan]

Problème de mise en page

Bonjour,

Je butte depuis plusieurs semaine sur un problème de mise en page.

Dans le cadre d'une galerie d'image, lorsque j'arrive sur la page "zoom" de l'image, je dois affiché l'image en elle même ainsi qu'un bandeau.

- l'image ne peut avoir de taille fixe

- le bandeau se situe au dessus de l'image (et n'en depasse pas) et contient 3 parties hautes et 1 partie basse (facultative) :

> date et heure de la prise de vue (aligné à gauche)

> numéro d'image par rapport à la section (ex : 1/26) (aligné au centre)

> système de navigation (aligné à droite) qui lui contient :

>> "<<" pour l'accès à l'image précédente

>> "retour" pour retourner dans la section à laquelle l'image appartient

>> ">>" pour passer à l'image suivante

> le résumé de l'image si celle-ci en posséde un (overflow automatique) pour cette partie je n'ai pas eu de problème

j'ai donc essayé par tout les moyens de faire ceci pour que celà fonctionne sous IE/FX même des hacks sans succès et donc avant de devoir passer par des tableaux car je ne vois aucun moyen d'y arriver autrement, je me permet de poser ici mon problème afin d'éviter son utilisation.

Modifié 30 Septembre 2006 par conan

[xpatval]

Bonjour,

Une url serait un plus pour t'aider car sans, difficile de pouvoir te répondre...

xpatval

[conan]

Bonjour,

Une url serait un plus pour t'aider car sans, difficile de pouvoir te répondre...

xpatval

l'url je ne peux pas c'est sur une de mes machine ici en interne. C'est pourquoi j'ai bien décris la page.

sinon je peux très bien poster le code... en dure, c'est à dire sans la partie php.

[conan]

voici le code posant problème :

...
<div id="zoom">
  <div id="top">
	<div id="dh">16/09/2004 23:28:58</div>
	<div id="nbp">1/2</div>
	<div id="dpl">
	   <a id="prevlnk" href="?idPhoto=1380"><<</a>
	   <a id="retourlnk" href="?idDossier=22">retour</a>
	   <a id="nextlnk" href="?idPhoto=1480">>></a>
   </div>
  </div>
  <img src="img/galerie/hq/230920042100052.jpg" alt="gros plan sur l'image" /> 
</div>
...

maquette exemple :