Discussion :

[nal]

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

[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.

[nal]

Merci, je vais voir ça.

[nal]

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

[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.

[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.

[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 :

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

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

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

Code :

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

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

La deuxième div va se coller a la 1ere.

[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?

[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.

[nal]

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>";
?>

[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%

[Steph82]

Ben essaie ça:

Code :

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

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>';

[nal]

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

Merci pour ta patience.

Nal

[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.

[nal]

oui oui merci