probleme de mise en page div et php

Version imprimable

26/04/2006, 11h24
nal

probleme de mise en page div et php

Bonjour,
Je souhaiterais pouvoir mettre en page dans la même page php une image contenue dans un div et qui représente une partie de la reponse et la partie de la reponse concernant la fiche d'identité de l'image, à côté et pas en dessous de l'image mais je ne sais pas comment faire pour positionner le calque de l'image à côté de la reponse en php sur la fiche d'identité, il se place toujours au dessus ou au dessous!!
Cette question peut vous sembler primaire mais je débute et ne trouve pas la solution...
j'ai pourtant créé un calque général (width:100%, top:0%, right:0%,letf:0% )
qui contient à la fois le calque contenant la reponse en php "fiche identité"(width:15% margin_left:15%, top:8%) censé ne prendre que 15% de largeur à 0% du bord gauche tandis que l'image se trouve dans un autre calque (width:85%, top:2%, left:15%, right:0%)
Si quelqu'un a la solution, merci d'avance. Nal
26/04/2006, 11h58
Steph82

Salut,

ton probleme et plus du html/css que du php. Regarde du coté de display:inline et float:left pour les styles css.
26/04/2006, 12h24
nal

[débutant] problème de mise en page div et php

Merci, je vais voir ça.
26/04/2006, 12h58
nal

[débutant]div et php

Tu veux dire que le positionnement de mes balises div dans la page php sont bonnes (en incluant les calques fiche identité et image dans le même conteneur) mais qu'il faut modifier le css du genre:
calque_fiche_identité (display:inline, float:left, width:15%, top:2% ect...
Excuse moi mais je ne suis pas fortiche en html non plus, j'apprends un peu sur le tas pour le moment j'avais jamais eu besoin de ça.

J'ai essayé avec display:inline et float: left dans le css pour le calque "fiche_identite" et ça marche toujours pas, ça considère toujours le top:0% comme le bas de la réponse précédente.
Pourrais-tu, s'il te plait me préciser ta réponse. Merci
26/04/2006, 13h13
nal

En gros ce que j'ai compris c'est que la réponse dans le balises en php est du type display: bloc (qui s'affiche une en dessous de l'autre) et qu'il faut la mettre inline mais concrètement dans le css je comprends pas bien comment.
26/04/2006, 13h19
nal

En gros ce que j'ai compris c'est que la réponse dans le balises en php est du type display: bloc (qui s'affiche une en dessous de l'autre) et qu'il faut la mettre inline mais concrètement dans le css je comprends pas bien comment.
26/04/2006, 13h21
Steph82

En fait le display:bloc affiche ton conteneur en bloc, c'est a dire l'un en dessous de l'autre. En mettant display:inline, cela te permet de mettre tout sur la même ligne.

Par exemple, si tu a 2 div:

Code:

<div>...</div><div>...</div>

La deuxieme div va s'afficher en dessous. Avec ça:

Code:

<div style="display:inline">...</div><div>...</div>

La deuxième div va se coller a la 1ere.
26/04/2006, 13h27
nal

donc dans la reponse en php je place le contenu de echo '... dans les div fiche_identité puis images à la suite les un des autres en les incluant dans un calque general et en mettant display:inline aux deux calques contenu?
26/04/2006, 13h31
Steph82

Faudrait que je voye ton code car là je n'ai rien sous les yeux. En plus je ne connais pas les calques, de simple div devraient suffir.
26/04/2006, 13h45
nal

[débutant] div et php

Voilà mon code php:

<?php
include('connect.php');
$test=$_GET['cote'];

$lalala="SELECT Titre_cartes_postales, Image_cartes_postales ";
$lalala=$lalala."FROM Cartes_postales ";
$lalala=$lalala."WHERE Cote_cartes_postales = '$test'";

$resultat=mysql_query($lalala,$bd);

$maligne=mysql_fetch_array($resultat);
echo "<div id=general>";
echo "<div id=fiche_identite>$maligne['Titre_cartes_postales']</div>";

echo "<div id=images><img src=".$maligne['Image_cartes_postales']."></div>";
echo "</div>";
?>
26/04/2006, 13h58
nal

et dans le css j'ai mis :
pour le calque "general": position: absolute, width:100%, height:100%,top:0%, bottom:0%, left:0%, right:0%

pour le calque"fiche_identite": position:absolute, display:inline, width:15%, height:90%, left:0%, right:85%, top:8%
pour le calque "Images": position:absolute, display:inline, width:84%, top:1%, height:98%, bottom:1%, left:15%,right:1%

Ben essaie ça:

Code:

1
2
3
4
5
    echo '<div id="general">';
   echo '<div id="fiche_identite" style="display:inline">'.$maligne['Titre_cartes_postales'].'</div>';
 
   echo '<div id="images" style="display:inline"><img src="'.$maligne['Image_cartes_postales'].'" /></div>';
   echo '</div>';

26/04/2006, 14h38
nal

[débutant] div et php

Effectivement le problème semblait venir de display:inline ...

Merci pour ta patience. :D

Nal
26/04/2006, 14h52
Steph82

De rien, on est là pour ça. Tu peux mettre le tag résolu.
Par contre tu peux t'amuser maintenant a enlever les styles que j'ai mis des balises div, et a les incorporer dans ta fauille de style si tu le désires.
26/04/2006, 15h11
nal

oui oui merci :D