Régler la taille de la longueur du texte

Régler la taille de la longueur du texte - HTML/CSS - Programmation

Marsh Posté le 04-04-2010 à 17:28:33    

Bonjour tout le monde !
 
Je suis débutant en codes... voilà depuis presque 4 jours je n'arrete pas d'essayer de régler la longueur d'un texte, en fait j'ai trouvé un bout de code et je crois qui me permet de mettre des commentaires dans mon site, mon soucis est la 2ème ligne :
 
echo("document.write('<h6>{$t[0]}, ".date("d/m/Y H:i", $t[1])."</h6>'); \r\n " );
echo("document.write('<h7>". preg_replace("'(\r\n|\r|\n)'", "<br />", str_replace("'", "\\'", $t[2])) ."</h7>'); \r\n" );
 
la 1ère ligne c'est OK avec <h6> que j'ai mis la longueur à 300px maxi.
Mais voilà le 2ème avec <h7> qui est exactement les même (sauf les couleurs) ne veut pas écouter mon CSS... ça me fait tout le long jusqu'à la fin du texte en une seule ligne...
 
Dans mon CSS pour ce code :
 
h6 { color: #06c; font-size: 12px; font-family: Verdana; font-weight: bold; margin-bottom: 6px; padding-right: 10px; padding-left: 10px; width: 600px }
 
h7 { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; padding-right: 10px; padding-left: 30px; width: 300px }  
 
 
Savez vous pourquoi ? Avez vous une astuce ?
N'hésitez pas à me demander ce que vous avez besoin pour mieux voir.
 
Merci infiniment pour votre aide !
 
Phoenix

Reply

Marsh Posté le 04-04-2010 à 17:28:33   

Reply

Marsh Posté le 04-04-2010 à 18:35:11    

La balise h7 n'existe pas, tout simplement

Reply

Marsh Posté le 04-04-2010 à 18:58:21    

Merci pour votre aide ! J'ai essayé de remplacer avec h6 pour voir, c'est toujours pareil... j'ai juste besoin que ça fasse 600px maxi par ex snif...
 
Une autre idée ?
 
Merci encore !

Reply

Marsh Posté le 04-04-2010 à 19:07:28    

Tu peux faire cela de différentes façons
Par exemple

Code :
  1. <span class="h7">Level title 7</span>


Code :
  1. .h7 { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; padding-right: 10px; padding-left: 30px; width: 300px;display:block }


 
Mais bon, c'est louche d'avoir 7 niveau de titre, c'est beaucoup
Tu peux montrer ton html généré ?

Reply

Marsh Posté le 04-04-2010 à 20:46:48    

Re, ça n'a pas marché.... ouin ouin...
 
la page où il y a tout les codes si c'est bien ça ce que tu veux dire :
 
<?php
$fileName = "page_snowgliss2010p.dat";
 
if (isset($_POST["msg"])) {
$msg = $_POST["msg"];
$pseudo = $_POST["pseudo"];
$date = time();
 
if (!$msg) die("ERREUR : veuillez spécifier un message" );
if (!$pseudo) die("ERREUR : veuillez spécifier un pseudo !" );
 
$str = @file_get_contents($fileName);
$fd = @fopen($fileName, "w" )
or die("ERREUR : impossible d'écrire dans le fichier $fileName." );
 
$msg = htmlspecialchars($msg);
$pseudo = htmlspecialchars($pseudo);
 
$msg = str_replace("§", "&#167;", $msg);
$pseudo = str_replace("§", "&#167;", $pseudo);
$msg = str_replace("|", "&#124;", $msg);
$pseudo = str_replace("|", "&#124;", $pseudo);
 
if ($str) $str.="§";
$str .= "$pseudo|$date|$msg";
 
@fwrite($fd, $str);
@fclose($fd);
 
$x = $_SERVER["HTTP_REFERER"];
if ($x) header("Location:$x" );
else echo("Merci d'avoir posté votre commentaire !<br />Cliquez sur page précédente pour revenir à la liste des commentaires !" );
 
exit();
}
 
 
$action = "";
if (isset($_GET["action"])) $action = $_GET["action"];
$action = strtolower($action);
 
if ($action == "show" ) {
$str = @file_get_contents($fileName);
 
if (!$str) {
echo("\r\n document.write('<p>Aucun commentaire enregistré pour l\\'instant.</p>'); \r\n" );
exit();
}
$tab = explode("§", $str);
$tab = array_reverse($tab);
$n = count($tab);
 
echo("\r\n document.write('<p><strong>$n</strong> commentaires actuellement enregistrés : </p>'); \r\n" );
 
for ($i = 0; $i < count($tab); $i++) {
$t = explode("|", $tab[$i]);
echo("document.write('<h6>{$t[0]}, ".date("d/m/Y H:i", $t[1])."</h6>'); \r\n " );
echo("document.write('<h6>". preg_replace("`(\r\n|\r|\n)`", "<br />", str_replace("'", "\\'", $t[2])) ."</h6>'); \r\n" );
}
 
}
else if ($action == "form" ) {
echo('
document.write(
\'<center><form action="page_snowgliss2010p_com.php" method="post">\'+
\'<p>\'+
\'<label for="pseudo">Votre nom : </label><input type="text" name="pseudo" id="pseudo" size="30" />\'+
\'</p><p>\'+
\'<label for="msg">Commentaire : </label><br />\'+
\'<textarea name="msg" id="msg" rows="4" cols="60"></textarea>\'+
\'</p><p><button accesskey="v" type="submit">Valider</button>\'+
\'</p></form></center>\');
'); // fin
}
 
?>
 
merci !!

Reply

Marsh Posté le 04-04-2010 à 23:35:45    

J'ai bien dit html généré.
Donc le rendu de ton code php

Reply

Marsh Posté le 04-04-2010 à 23:52:42    

vraiment excuse moi je ne comprend pas ce que c'est un html généré ni le rendu du code php... peux tu m'expliquer ce que tu veux le plus simplement possible pour faire rentrer ma pauvre cervelle... merci !!

Reply

Marsh Posté le 05-04-2010 à 00:04:51    

peut etre tu veux dire que je te montre mon site avec ce code afin de voir le soucis ?

Reply

Marsh Posté le 05-04-2010 à 00:12:12    

Si ton site est ligne, oui donne l'adresse.

Reply

Marsh Posté le 05-04-2010 à 00:21:42    

non il n'est pas en ligne mais je le met maintenant en ligne seulement pour ce soir là voilà l'adresse : http://www.cssannemasse.fr/
 
pour voir mon problème entrez dans le lien SnowGliss 2010 (20 et 21 mars 2010)

Reply

Marsh Posté le 05-04-2010 à 00:21:42   

Reply

Marsh Posté le 05-04-2010 à 01:20:03    

Je propose comme html

Code :
  1. <h1>Week-end SnowGliss 2010 : Val Thorens</h1>
  2. <p class="baseline">Merci à Carole Marchandeau pour les photos ! (vidéo en cours de montage)</p>
  3. <div id="video"></div>
  4. <ul class="gal">
  5. <li><a><img /</a></li>
  6. <li><a><img /</a></li>
  7. <ul/>
  8. <h2><strong>6</strong> commentaires actuellement enregistrés :</h2>
  9. <div class="com">
  10. <h3> luciferphoenix</h3>
  11. <span class="date">01/04/2010 03:24</span>
  12. <p>,;mùl;ml;ll;m;mùl;ml,ml,;mùl;ml;</p>
  13. <p>mùl;ml,ml,;mùl;ml;</p>
  14. </div>


 
Et donnes à .com la bonne largeur
 
Tu dois avoir une hiérarchie de titre dans ta page. Tu dois passer par h1, h2, h3, etc
Aller de h3 à à h6 n'est pas la bonne méthode.
http://www.alsacreations.com/astuc [...] itres.html

Reply

Marsh Posté le 05-04-2010 à 01:26:06    

merci pour ta proposition, mais je ne comprend pas... les codes qu'il y avait avant était pour que les visiteurs mettent son commentaire et là avec ta proposition le systeme de commentaire ne va plus marcher...
Tu vois ce que je veux dire ?
En fait je veux juste pouvoir avoir une largeur maxi de 600px par ex afin de pas voir la ligne dépasser.
Le systeme de commentaire que j'ai marche parfaitement, il reste juste la largeur à régler...
Merci encore !

Reply

Marsh Posté le 05-04-2010 à 12:39:03    

personne?

Reply

Marsh Posté le 05-04-2010 à 13:26:19    

Normalement, c'est plus simple d'avoir une largeur dans un container, mais bon soit
Dans ton code, tu veux employé des h7 alors que tu gaspilles plein de balise de titres.
Change ton h6 par un h4, et mets un h5 à la place du deuxième h6

Reply

Marsh Posté le 05-04-2010 à 13:50:25    

J'ai déjà essayé avec h1, h2, h3, h4, h5 rien à faire...
J'abandonne je vais essayer de faire avec une base de donnée...
 
Merci sincèrement pour ton aide !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed