Texte qui dépasse une div + footer décalé

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Texte qui dépasse une div + footer décalé

Re: Texte qui dépasse une div + footer décalé

par reverb » 31 juil. 2013, 13:36

Salut à toi ^^ je crois avoir trouvé d'ou viens ton problème ^^
<?php
 echo "<div id=\"news\">"; /*Pourquoi tu mais des '\' dans le div ^^' ? */
?>
la définition d'un id ou d'une classe dans une div ou autre se présente de la manière suivante :
<?php
 echo '<div id="news">';
?>
si tu met un .class pour une div est que tu essaye ensuite d'y ajouté les même fonctionnalité css que pour un id, ça ne fonctionnera pas ^^ met toute tes div avec id,
par la suite si tu veut donné un style a tes 'phrases de texte' utilise <p class"''>

dans ton fichier css fait bien attention, un id correspond a un commencement par # dans ton css, une class par un .

Essaye ça sur ton code :
<?php
echo '<div id="news">';
 echo '<div id="news_titre">';
  echo '<div class="newstitre">'.$data['titre'].'</div>';
 echo '</div>';
  echo '<div id="news_contenue">';
  echo '<p class="">'.$texte.'</p>';
  echo '</div>';
  echo '<div id="news_posteur">'."Posté le $datepar $auteur".'</div>';
 echo '</div>';
  echo '<div id="news_foot">';
  echo '</div>';
?>

Re: Texte qui dépasse une div + footer décalé

par MasterVG » 23 juil. 2013, 19:34

bonsoir, avez vous trouvé une solution ?

Texte qui dépasse une div + footer décalé

par idate » 15 févr. 2013, 22:33

Bonjour,

Je demande votre aide pour un problème de mise en page.

Je dois faire un site web pour un serveur, j'ai donc pas mal de catégorie à créer et à coordonner mais ce n'est pas ce qui me donne le plus de mal apparement ! ^^

Premièrement, mon index a tout ce qu'il y a de plus banal. Je fais un include pour que toutes mes pages aient le même design.

Cependant, j'ai un problème avec ma page de news. J'ai codé un système de news basique avec php et mysql, mais je rencontre des problèmes de mise en page.

http://www.hostingpics.net/viewer.php?id=774686site.jpg

Comme vous pouvez le voir , chaque news est écrite dans une div que je design à l'aide de mon fichier .css cependant, mon texte sort de cette div et je ne trouve pas d'où ça vient.

Voici mon code de news et le css associé:

Code : Tout sélectionner

<?php // on se connecte à notre base $base = mysql_connect ('localhost', 'root', 'root'); mysql_select_db('aumtuto', $base); // lancement de la requête. on sélectionne les news que l'on va ordonner suivant l'ordre "inverse" des dates (de la plus récente à la plus vieille : DESC) tout en ne sélectionnant que le nombre voulu de news à afficher (LIMIT) $sql = 'SELECT * FROM aumtuto_news ORDER BY date DESC;'; // on lance la requête (mysql_query) et on impose un message d'erreur si la requête ne se passe pas bien (or die) $req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error()); // on compte le nombre de news stockées dans la base de données $nb_news = mysql_num_rows($req); if ($nb_news == 0) {     echo 'Aucune news enregistrée.'; } else {     // si on a au moins une news, on l'affiche     while ($data = mysql_fetch_array($req)) {         // on décompose la date         sscanf($data['date'], "%4s-%2s-%2s %2s:%2s:%2s", $an, $mois, $jour, $heure, $min, $sec);         $date = $data['date'];         $texte = $data['texte'];         $auteur = $data['auteur'];         $texte = strtr($texte,array('''=>'''));         $texte = nl2br($texte);         // on affiche les résultats  echo "<div id=\"news\">";         echo "<div id=\"news_titre\">";         echo "<div class=\"newstitre\">".$data['titre']."</div></div>                 <div class=\"news_contenue\">";         echo $texte;         echo "</div>                 <div class=\"news_posteur\">Posté le$datepar$auteur</div>             </div>             <div id=\"news_foot\"></div>             <br />";     } } // on libère l'espace mémoire alloué à cette requête mysql_free_result ($req); // on ferme la connexion à la base de données mysql_close (); ?>

Code : Tout sélectionner

/* News */ #News { width: 450px; min-height: 200px; float: left; } #news { background-image:url(images/design/news.png); width: 509px; min-height: 20px; } #news_titre { background-image:url(images/design/news_top.png); width: 501px; height: 51px; margin-left: 8px; } .newstitre { padding-left: 45px; padding-top: 8px; font-weight: bold; color: #FFFFFF; font-size: 28px; } .news_contenue{ width: 450px; margin-left: 30px; font-size: 18px; } .news_posteur { margin-left: 10px; font-style: italic ; float: right; margin-right: 20px; } #news_foot { background-image:url(images/design/news_foot.png); width: 508px; height: 35px; margin-left: 4px; }
e plus, j'ai du mal à positionner mon footer, malgré beaucoup de modifications, je vous joins le code css. Sachant que mon footer est dans ma div "global".

Illustration:

http://www.hostingpics.net/viewer.php?i ... footer.jpg

Code css:

Code : Tout sélectionner

/*Footer*/ footer { background-image:url(images/design/footer.png); width:925px; height:223px; clear: both; margin:auto; padding-left: 6px; }

Si quelqu'un pouvait m'éclairer sur ces différents problèmes, je lui en serais très reconnaissant.

Merci d'avance.

Peace