Retour à la ligne quand un mot est trop long !
TBMaster59 Le 20 mars 2017 à 21:30 (Édité le 25 janvier 2019 à 17:53)
voici ce que j'ai tester :
- word-warp
- overflow: hidden;
- etc
TheFlameflo Le 20 mars 2017 à 22:16
Pourrais-tu nous donner ton code, comme ça, nous pourrons voir ce qui ne fonctionne pas ?
TheOldNoob Le 21 mars 2017 à 08:14
https://developer.mozilla.org/fr/docs/Web/CSS/word-break
TBMaster59 Le 21 mars 2017 à 19:56 (Édité le 21 mars 2017 à 20:39)
et j'ai deja été voir cette page mais rien de fonctionne ! TheOldNoob
je vous est mis le passage de mon forum ou il affiche le msg (oui j'utilise 1 seule page pour afficher topic, categories et liste des topics, voila pourquoi il y a un "elseif")
<!-- je vous est mis le <head> ici -->
<head>
<meta charset="UTF-8">
<title>Aniblock - Survival - TheBigMaster59</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/modal.css">
<link rel="icon" type="image/x-icon" href="img/ani.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js/jquery.wysibb.js"></script>
<link rel="stylesheet" href="css/wbbtheme.css" />
<link rel="stylesheet" href="admin/dist/css/Aniblock.min.css">
<link rel="stylesheet" href="admin/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<!-- Init WysiBB BBCode editor -->
<script>
$(function() {
$("#bbcode").wysibb();
})
</script>
</head>
<!-- fin du head j'ai pas mis le debut du body et tout ce qui il y a à l'intérieur ! -->
<?php
elseif (isset($_GET['topics']) AND !isset($_GET['categories'])) {
$topid = htmlspecialchars($_GET['topics']);
$topq = $bdd->prepare('SELECT * FROM `aniblock_topcis_list` WHERE id = ?');
$topq->execute(array($topid));
$rto = $topq->rowCount();
if (isset($_SESSION['id'])) {
$idverif = $bdd->prepare('SELECT * FROM `aniblock_topcis_list` WHERE id_posteur = ? AND id = ?');
$idverif->execute(array($_SESSION['id'],$_GET['topics']));
$rowid = $idverif->rowCount();
}
while ($top = $topq->fetch()) {
?>
<div class="content" style="background-color: #ededed;">
<!-- top -->
<?php
$parser = new JBBCode\Parser();
$parser->addCodeDefinitionSet(new JBBCode\DefaultCodeDefinitionSet());
$parser->addBBCode("quote", '<blockquote class="w3-panel w3-leftbar w3-light-gray" style="margin:25px;">{param}</blockquote>');
$parser->addBBCode("right", '<div align="right">{param}</div>');
$parser->addBBCode("center", '<div align="center">{param}</div>');
$parser->addBBCode("left", '<div align="left">{param}</div>');
$parser->addBBCode("s", '<s>{param}</s>');
$parser->addBBCode("sup", '<sup>{param}</sup>');
$parser->addBBCode("sub", '<sub>{param}</sub>');
$parser->addBBCode("list", '<ul>{param}</ul>');
$parser->addBBCode("*", '<li>{param}</li>');
$parser->addBBCode("code", '<pre class="w3-panel w3-light-grey w3-border w3-round">{param}</pre>');
$parser->addBBCode("num", '<ol>{param}</ol>');
$parser->addBBCode("table", '<table id="table">{param}</table>');
$parser->addBBCode("tr", '<tr id="tr">{param}</tr>');
$parser->addBBCode("td", '<td id="td">{param}</td>');
$parser->addBBCode("video", '<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/{param}?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>');
$parser->addBBCode("size", '<font style="font-size:{option};">{param}</font>>');
$contenue = $top['contenue'];
$contenue = utf8_encode($contenue);
$contenue = str_replace("?", " ", $contenue);
$contenue = utf8_decode($contenue);
$parser->parse($contenue);
$contenue = $parser->getAsHtml();
$edit = str_replace("<br>", "\n", $top['contenue']);
$edit = str_replace("?", " ", $edit);
?>
<!-- Contenue -->
<ul class="timeline" >
<li class="time-label">
<span class="bg-red">
<?= $top['date_post'] ?>
</span>
</li>
<li>
<!-- timeline icon -->
<i class="fa fa-envelope bg-blue"></i>
<div class="timeline-item" style="">
<span class="time"><i class="fa fa-clock-o"></i><?= $top['stats'] ?></span>
<h3 class="timeline-header"><a href="#">@<?= $top['nom_posteur'] ?></a><h3>
<div class="timeline-body">
<?= $contenue ?>
</div>
</div>
</li>
<li class="time-label">
<span class="bg-red">
A venir
</span>
</li>
<li>
<!-- timeline icon -->
<i class="fa fa-envelope bg-blue"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
<h3 class="timeline-header"><a href="#">Support Team</a> ...</h3>
<div class="timeline-body">
<?= $contenue ?>
</div>
</div>
</li>
</ul>
</div>
<?php
}
?>
TheOldNoob Le 21 mars 2017 à 22:49
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap
TheFlameflo Le 21 mars 2017 à 23:22
J'ai oublié de préciser qu'il faudrait préciser quelle div et quel texte pose problème.
Peut-être que c'est seulement parce que ta div qui contient le texte est en float ?
On aurait aussi besoin du code CSS, c'est le plus important dans ce cas. 😀
TBMaster59 Le 22 mars 2017 à 12:25
Voici le BBCode sur notre site Internetle Internet ne vas pas a la ligne mais continue a travers le div
