Accueil > Forum > > > > Contenu de Bdd et affichage avec retour a la ligne
 Contenu de Bdd et affichage avec retour a la ligne
mercredi 14 mai 2008 à 11:05:21 |
Contenu de Bdd et affichage avec retour a la ligne
DjChat
|
Bonjour a tous, je gere un affichage dynamique qui est stoqué dans une Bdd en varchar qui est du texte, pour le positionner je l'ai mi dans des div que je place via mon CSS, je lui ai mi une largeur et un margin left et right mais il ne tiens pas compte de ma marge right et de sa largeur droite, j'pensait que le texte une fois arriver a la fin de la largeur de la div ce mettrai a la ligne... S'avez vous comment on peux faire pour qu'il prenne les marge en compte et qu'il fasse un saut de ligne une fois cette limite ateint... Mon HTML: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 | <body><tableid="page-table"><tr><tdid="page-td"><divid="conteneur"><divid="menu_gauche"><?php$serveur="localhost";$login="root";$mot_passe="";$base="artkateo";$connexion=mysql_pconnect($serveur,$login,$mot_passe)ordie("impossible de se connecter a MySQL : ".mysql_error());$mabase=mysql_select_db($base)ordie("impossible de ce connecter ma table : ".mysql_error());$requete="select * from actualite";$resultat=mysql_query($requete);while($row=mysql_fetch_row($resultat)){$titre=$row[1];$date=$row[2];$lieu=$row[3];$resume=$row[4];echo'<div id="titre">'.$titre.'</div>';echo'<div id="date">'.$date.'</div>';echo'<div id="lieu">'.$lieu.'</div>';echo'<div id="resume">'.$resume.'</div>';}?> <div id="img"> <A HREF="#" onClick="window.open('image_actu/3.jpg','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=yes, resizable=1, copyhistory=0, menuBar=0, width=460, height=470');return(false)">Voir Affiche</A> </div> </div><divid="menu_haut"></div><divid="menu_droit"></div><divid="contenu"><iframename="contenu"src=""marginheight="0"marginwidth="0"width="460"height="470"scrolling="auto"frameborder="0">accueil</iframe></div><divid="bas_page"></div></div></td></tr></table></body></html> |
Mon CSS: Code : CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 | {list-style-type:none;margin:0px;padding:0px;}html{height:100%;}body{font-family:"Times New Roman",Times,serif;height:100%;margin:0px;padding:0px;background-color:#ffffff;}/*------------ Les 3 étapes suivantes sont pour centrer le contenu de la page */.centrer{margin-left:auto;margin-right:auto;width:1000px;text-align:left;/* pour résoudre le bug de centrage de IE */}#page-table{height:100%;width:100%;border-collapse:collapse;text-align:center;}#page-td{height:100%;padding:0;vertical-align:middle;}/* ----------- Div principal (ou conteneur)*/#conteneur{position:relative;margin-left:auto;margin-right:auto;text-align:left;width:810px;height:610px;}/*-------------Div du menu gauche */#menu_gauche{width:280px;height:610px;background-image:url(../images/menu_gauche.jpg);}/*-------------------Div du menu du haut */#menu_haut{position:absolute;top:0px;width:460px;height:90px;margin-left:280px;background-image:url(../images/menu_haut.jpg);}#menu_droit{position:absolute;top:0px;margin-left:740px;width:70px;height:610px;background-image:url(../images/menu_droit.jpg);}#contenu{position:absolute;margin-left:280px;margin-bottom:0px;margin-right:0px;margin-top:0px;top:90px;width:460px;height:470px;}#bas_page{position:absolute;margin-left:280px;top:560px;width:460px;height:50px;background-image:url(../images/bas.jpg);}#titre{text-align:center;margin-top:20px;margin-left:30px;margin-right:70px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;width:180px;color:White;}#date{text-align:center;margin-top:20px;margin-left:30px;margin-right:70px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;width:180px;color:White;<codetype="html">}#lieu{text-align:center;margin-top:20px;margin-left:30px;margin-right:70px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;width:180px;color:White;}#resume{text-align:center;margin-top:30px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin-left:30px;margin-right:70px;width:180px;color:White;}#img{text-align:center;margin-top:50px;margin-left:30px;margin-right:70px;width:180px;color:White;} |
Et j'te met un screen pour que vous ayez une idée visuelle: [IMG]http://img125.imageshack.us/img125/6426/artif5.jpg[/IMG] Merci d'avance!!!  |
|
mercredi 14 mai 2008 à 11:10:00 |
Re : Contenu de Bdd et affichage avec retour a la ligne
DjChat
|
J'arrive pas a editer le post, j'ai pas trouver ou il faut aller et je comprend pas pour quoi mon code a beuguer...
HTML:
<body> <table id= "page-table" ><tr><td id= "page-td" > <div id= "conteneur" > <div id= "menu_gauche" > <?php $serveur = "localhost" ; $login = "root" ; $mot_passe = "" ; $base = "artkateo" ; $connexion = mysql_pconnect ( $serveur , $login , $mot_passe ) or die ( "impossible de se connecter a MySQL : " . mysql_error ()); $mabase = mysql_select_db ( $base ) or die ( "impossible de ce connecter ma table : " . mysql_error ()); $requete = "select * from actualite" ; $resultat = mysql_query ( $requete ); while ( $row = mysql_fetch_row ( $resultat )) { $titre = $row [ 1 ]; $date = $row [ 2 ]; $lieu = $row [ 3 ]; $resume = $row [ 4 ]; echo '<div id="titre">' . $titre . '</div>' ; echo '<div id="date">' . $date . '</div>' ; echo '<div id="lieu">' . $lieu . '</div>' ; echo '<div id="resume">' . $resume . '</div>' ; } ?> <div id="img"> <A HREF="#" onClick="window.open('image_actu/3.jpg','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=yes, resizable=1, copyhistory=0, menuBar=0, width=460, height=470');return(false)">Voir Affiche</A> </div> </div><divid="menu_haut"></div><divid="menu_droit"></div><divid="contenu"><iframename="contenu"src=""marginheight="0"marginwidth="0"width="460"height="470"scrolling="auto"frameborder="0">accueil</iframe></div><divid="bas_page"></div></div></td></tr></table></body></html>
Et le CSS:
{list-style-type:none;margin:0px;padding:0px;}html{height:100%;}body{font-family:"Times New Roman",Times,serif;height:100%;margin:0px;padding:0px;background-color:#ffffff;}/*------------ Les 3 étapes suivantes sont pour centrer le contenu de la page */.centrer{margin-left:auto;margin-right:auto;width:1000px;text-align:left;/* pour résoudre le bug de centrage de IE */}#page-table{height:100%;width:100%;border-collapse:collapse;text-align:center;}#page-td{height:100%;padding:0;vertical-align:middle;}/* ----------- Div principal (ou conteneur)*/#conteneur{position:relative;margin-left:auto;margin-right:auto;text-align:left;width:810px;height:610px;}/*-------------Div du menu gauche */#menu_gauche{width:280px;height:610px;background-image:url(../images/menu_gauche.jpg);}/*-------------------Div du menu du haut */#menu_haut{position:absolute;top:0px;width:460px;height:90px;margin-left:280px;background-image:url(../images/menu_haut.jpg);}#menu_droit{position:absolute;top:0px;margin-left:740px;width:70px;height:610px;background-image:url(../images/menu_droit.jpg);}#contenu{position:absolute;margin-left:280px;margin-bottom:0px;margin-right:0px;margin-top:0px;top:90px;width:460px;height:470px;}#bas_page{position:absolute;margin-left:280px;top:560px;width:460px;height:50px;background-image:url(../images/bas.jpg);}#titre{text-align:center;margin-top:20px;margin-left:30px;margin-right:70px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;width:180px;color:White;}#date{text-align:center;margin-top:20px;margin-left:30px;margin-right:70px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;width:180px;color:White;<codetype="html">}#lieu{text-align:center;margin-top:20px;margin-left:30px;margin-right:70px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;width:180px;color:White;}#resume{text-align:center;margin-top:30px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin-left:30px;margin-right:70px;width:180px;color:White;}#img{text-align:center;margin-top:50px;margin-left:30px;margin-right:70px;width:180px;color:White;}
|
|
mercredi 14 mai 2008 à 11:12:47 |
Re : Contenu de Bdd et affichage avec retour a la ligne
DjChat
|
Si un modo peux virer le post, parcque la c'est ilisible, d'ailleur si quelqu'un c'est ou la partie pour editer un de ces poste....
|
|
mercredi 14 mai 2008 à 12:06:49 |
Re : Contenu de Bdd et affichage avec retour a la ligne
nicomilville
|
Salut, Pour l'instant il n'y a pas de fonction d'édition de post et je crois que ce n'est pas au programme ! Effectivement c'est illisible ! non je déconne, juste un peu ! a++ Si t'a besoin d'aide, MP !!!
Un forum...
 |
|
mercredi 14 mai 2008 à 14:08:03 |
Re : Contenu de Bdd et affichage avec retour a la ligne
DjChat
|
Ok merci pour ton info... ;)
j'ai trouvée la solution, faut utiliser la fonction CSS white-space...
|
|
mercredi 14 mai 2008 à 14:11:27 |
Re : Contenu de Bdd et affichage avec retour a la ligne
nicomilville
|
Réponse acceptée !
tu pouvais aussi utiliser text-align, float et clear ! a++ PS : met ta réponse en réponse accèpté ! Si t'a besoin d'aide, MP !!!
Un forum...
|
|
Cette discussion est classée dans : menu, width, left, height, margin
 Répondre à ce message
 Sujets en rapport avec ce message
feuilles de style et Mac [ par c_hippo ]
Bonjour,J'ai une page qui marche très bien sous Windows (IE 6.0) mais qui fonctionne plus très bien sous Mac (IE 5.0) !En fait j'ai un bloc 'profile'
contenu du site décalé sous internet explorer [ par loblobloblob ]
Bonjour,voila j'ai créer une page d'accueil qui est divisé en 3 partie: visuel sur la gauche, contenu au milieu et petit message sur la droite,pour ce
taille du site [ par loblobloblob ]
Bonjour,Je voudrais changer la taille de mon site qui est en 1024 par du 980 de large, mais lorsque je change l'attribu width de 1024 a 980 de ma page
alignés 3 div [ par kwantine ]
Bonjour voici mon probleme je souhaite alignés 3 div horizontalement mais la 3eme div va tout le temps se mettre sous la 3eme div voici mon code: page
CSS - Alignement de divs horizontalement - différence IE7 & FF [ par smoke ]
Salut tout le monde ;) Je ne parviens pas à aligner horizontalement mes divs sous Firefox. Voici ce que a donne sous IE7: [img]http://www.netside-v2
[XHTML] Menu deroulant [ par Frenzey ]
Bonjour, j'ai récupérer un template gratuit sur internet, je l'ai adapté mais il y a quelques problème avec affichage par rapport à mon menu. voila mo
probleme php avec div et include [ par oeann ]
bonjour, j'ai besoin de votre aide.. normalement je code en flash mais j'ai decidé d'utiliser le php car je fais un outl de gestion avec spaw2.j'ai un
Problème redimension image [ par psyckan ]
Bonjour,Voila j'essaie de redimensionner une image au moment de l'upload mais ça marche pas et ça m'affiche plein des caractère spéciaux à l'endroit o
faire une bouclze sur un fichier contenant des photo et les redimmensionner [ par hannao ]
salut à tous, voilà j'ai un petit code qui redimensionne une photo (contenu dans un dossier) à la fois j'aimerais pouvoir faire une boucle dans le fic
Si quelqu'un à l'explication je suis preneur ... [ par Mo11 ]
Bonjour à tous,J'ai une étrangité à partager avec la communeauté. Voici deja le code : <br /
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|