[CSS, BDD] image importer d'un BDD

Résolu/Fermé
zimeau Messages postés 710 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 - 16 févr. 2010 à 12:39
zimeau Messages postés 710 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 - 23 mars 2010 à 15:21
Bonjour,
voila, je refais actuellement mon blog qui était fait sous joomla. j'ai supprimé joomla pour des raisons de sécurité et je créés mon propre code. je souhaite quand même réimporter mes 300 articles sans les recopier. les articles étaient stocker par joomla dans la base de données. j'ai donc fait la requête qui va bien et j'affiche tous mes articles. le problème est pour les images. dans la base de données, les articles sont rédiger en texte et les images sont insérer avec une balise html <img src="images/stories/ImageBlog/190.jpg" border="0" align="left" />. Mais lorsqu'en css je souhaite avoir un cadre autour de mon article, il encadre le texte, mais l'image dépasse du cadre. j'affiche mon article ainsi :

echo "<div id='article'>";
echo "<strong>";
echo $donnees['title'];
echo "</strong>";
echo "<br>";
echo $donnees['introtext'];
echo "<br>";
echo "</div>";

donc dans mon CSS, j'ai :

#article
{
padding: 5px;
clear: both;
text-align: center;
background-color:#ffffff;
border: 2px solid black;
}

Sauriez vous comment je pourrais créer mon cadre sans que l'image ne dépasse? (pour que le cadre englobe le texte ET l'image).
voici ce que sa donne en réél : http://zimeau.fr/blog.php (ne prêtez pas attention a l'orthographe plutôt terrible des articles ^^ j'étais jeune lol)
Merci.

A voir également:

11 réponses

ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
16 févr. 2010 à 12:56
Bonjour, tout d'abord pourrais tu mettre ton code dans la balise code prévu a cette effet ...

Définit la largeur et la hauteur de tes conteneur grace aux attributs width et height, et définit les en pixel.
0
zimeau Messages postés 710 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 117
16 févr. 2010 à 14:02
le problème est que mes images et articles ont une taille très variable, si je defini une taille standard, le cadre sera parfois trop grand, parfois trop petit :-s
je peux plus modifier mon post pour mettre le code entre balise... j'y penserais la prochaine fois.
0
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
16 févr. 2010 à 17:42
Ok ok j'ai relu un peu plus précisement ton post, essaie d'enlever le clear:both; pour voir :) . Sinon ce n'est pas acette endroit du css qu'il faut voir a mon avis ..

EDIT : /!\ Houla ! Grosse faute en vue ! Si tu veux mettre plusieurs articles avec le même id opte plutot pour les classes ! tu remplaces tout tes id="articles" par des class="articles" et dans ton css tu mets .artcles au lieu de #article !!

Tu risque d'avoir de sérieux ennuis sinon !
0
Bonjour!
alors j'ai fait quelque tentative, j'ai remplacer mes id="article" par des class="article" et j'ai mis dans mon css .artcles au lieu de #article, j'ai aussi enlevé le clear:both; mais cela a rendu la mise en page un peu moins jolie. j'ai laisser le résultat que cela donne en ligne.
Merci.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
17 févr. 2010 à 12:01
Je vais regarder ça plus profrondement mais .. assez des créer une classe ".article img { display:block; }" je ne suis pas sur du résultat mais bon ...

Je vois ça tout a l'heure !
0
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
17 févr. 2010 à 12:50
Bon ! Ce n'est pas la méthode la plus propore mais ça marche :

construite tes articles de cette façon :
<div class='article'><strong>baaaa jvais commencer par moi....</strong><table><tr><td><img src="215.jpg" border="0" width="400" height="300" /></td><td>ban, voila, j'mapelle julien (mais ceux qui auron l'adresse le savent deja ^^) j'ai 19 ans (age phisique, pas mental ;) ) j'habite kelke par, dans une ville lol... enfin bref j'ai pas trop l'intention de devoiler mon identiter....</td></tr></table></div><br /><br />


En enlevant le align=left
0
zimeau Messages postés 710 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 117
17 févr. 2010 à 15:41
le problème est que mes articles sont déjà rédigé dans la base de données, et j'ai 297 articles (donc un temps énorme pour tout modifier). il me faudrait une solution sans avoir a modifier le contenu de l'article.
j'ai essayé le .article img { display:block; }, sa change pas.
0
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
18 févr. 2010 à 02:11
Il n'y a pas moyen de changer la façon dont c'est récupréré dans la bdd ? Ce n'set que php qui construit tes articles non ?
0
zimeau Messages postés 710 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 117
19 févr. 2010 à 08:59
On peux changer la façon dont c'est récupérer mais pas le contenu. j'ai trouvé d'où venais le problème, chacune de mes images a un attribut "align=left" dans la base de données. quand je le supprime, le cadre reprend sa place. je pense que je vais donc devoir retouché mes 397 articles... qui ne passent de toute façon pas au w3c validator (j'aimerais quand même xD ). je met le sujet comme résolue même si c'est pas la solution que je recherchais vraiment. Encore merci a joomla d'avoir correctement rédigé mes articles, dans la norme! *sarcastique*
Merci bien à toi pour le coup de main! Bonne continuation!
0
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
19 févr. 2010 à 18:01
Sinon ... tu peux t'amuser a creer un script qui prend le contenu de la bdd et qui le modifie pour le remettre tout seul dans la bdd :) . Et comme c'est cool (mais pas simple) .

Bonne continuation a toi !
0
zimeau Messages postés 710 Date d'inscription jeudi 19 avril 2007 Statut Membre Dernière intervention 10 juin 2014 117
23 mars 2010 à 15:21
j'y pense, je pense que je ferrais sa quand j'aurai un peu plus de temps. merci!
0