|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 Sujet : Contenu de Bdd et affichage avec retour a la ligne [ Base de données / MySQL ] (DjChat)
 Informations & options pour cette discussion
|
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é 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'
Image !! [ par Dfx4 ]
Bonjour, j'ai petit problème avec les images, certain images qui viennent de MMS ne fonctionnne pas, cela me rend un carré noir !! Il copie pas l'ima
Probléme css !!! [ par texas77 ]
Bonjour,j'ai un pobléme avec mon css !!le probléme es-ce possible de mettre le pied de page en bas du menu de gauche et de droite et du milieu qui se
Problème avec createimagefromjpeg et thumnails [ par j_claude05 ]
Salut à tous je viens à vous après de longues heures la tête dans le code et à vrai dire à l'heure ou j'ecris je vois plus rien :-( Bon bref plus sér
menu... [ par Lucyberad ]
boujour. j'ai un prblm avec mon design et mes div. voila: voici les propriété css de mes menu gauche et droit, aisi que mon contenu central #menu_gauc
problème d'affichage [ par rachidphp93 ]
bonjour tout le monde, j(ai un problème d'affichage d'un menu à gauche, (je sais ce n'est pas trop du
probléme placement collone droite css [ par speedylol ]
bonjour voic le probléme que j'ai le positionement de la colone droite n'est pas bonne , je vois mon erreur car je debut en css voici le code ci contr
probleme avec imagecopyresized [ par ldevun ]
Bonjour,Je souhaite redimmensionner une image et l'enregistrer dans un répertoire. Après lecture des messages sur ce sujet sur le forum j'ai fait le c
menu deroulant special [ par alois4 ]
bonjour ..je me suis fait un ptit code vraiment pas dure pour me mettre des radio que j ai choisi sur mon forum bon c pas mal je souhaiterais avoir un
taille d'un flash en fonction de la résolution de l'affichage [ par oekrem ]
Je souhaite dimensionner une application en fonction de la résolution de l'écran. Ceci me permet alors de cacher les traitements de chargement de la p
 Livres en rapport
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|