Максимальная ширина выводимого текста
Всем доброго времени суток!Незнаю к кому можно обратиться, но вот возник такой вопрос, постараюсь обьяснить!
Сделал гостевую книгу,вот только такая загвоздка, когда пользователь написл длинное сообщение, то это сообщение выходит за границы самого сайта!Можно ли как-то сделать так, что-бы при большом сооебщении, оно не в длинну уходило, а доходило до определённого момента и потом начинался с новой строки?)))Как-то так!? Зарание благодарю) |
Цитата:
|
Даю ссылку на GuestBook
Дам ссылку сразу на гостевую книгу -
Попробуйте написан какое нибудь длинное сообщение))):) |
Цитата:
1000р за час. Переводи на мой телефон и я начинаю смотреть твою ссылку. Либо начинай мастырить тут тестовый пример... |
Ёпть -
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd/>
<head>
<title>Test Drive</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<http-equiv="Content-type" content="text/html; charset=windows-1251" />
<script type="text/javascript">
function validate_form ( )
{
valid = true;
if (document.gb.name.value == "")
{
alert ("Пожалуйста введите ваше имя.");
valid = false;
}
else if (document.gb.secondname.value == "")
{
alert("Пожалуйста введите вашу фамилию.");
valid = false;
}
else if (document.gb.rules.checked == false)
{
alert("Поставте галочку, что вы прочитали и соглашаетесь с правилами");
valid = false;
}
return true;
}
</script>
</head>
<body>
<div id="main">
<div><img src="images/top.jpg" style="width:790px; height:300px; margin-top:50px; margin-left:50px;">
</div>
<div><img src="images/test1.jpg" style="width:790px; height:20px; margin-left:50px;"></div>
<div id="menu2" >
<ul>
<li><a href=""><img src="images/main.png" onmouseover="this.src='images/main1.png'" onmouseout="this.src='images/main.png'"/></a></li>
<li style="padding:50px;"><a href=""><img src="images/archive.png" onmouseover="this.src='images/archive1.png'" onmouseout="this.src='images/archive.png'"/></a></li>
<li><a href=""><img src="images/testdrive.png" onmouseover="this.src='images/testdrive1.png'" onmouseout="this.src='images/testdrive.png'" /></a></li>
<li style="padding:50px;"><a href=""><img src="images/contact.png" onmouseover="this.src='images/contact1.png'" onmouseout="this.src='images/contact.png'"></a></li>
<ul>
</div>
</div>
<form action='post.php' method='post' name='gb' onsubmit='return validate_form ( );'>
<table id="gb">
<tr><td class="td">Имя:<span style="color:red;">*</span></td><td><input type='text' name='name' /></td></tr>
<tr><td class="td">Фамилия:<span style="color:red;">*</span></td><td><input type='text' name='secondname' /></td></tr>
<tr><td class="td">Сообщение:</td><td><textarea type='text' name='message' rows='7' cols='45'></textarea></td></tr>
<tr><td style="color:red;position:absolute;margin-left:65;"><input type='checkbox' name='rules' value='rules'/>Я ознакомлен(-а) с правилами</td></tr>
<tr><td style="position:absolute;margin-top:30;margin-left:90;" ><input type='submit' name='submit' value='Отправить'/></td><td><input type="reset" name="Reset" value="Сбросить"/></td></tr>
</table>
</form>
<br>
<br>
<table border="1" id="gb1">
<?php
while($row = mysql_fetch_array($sql)){
echo "<tr><td><span style=\"color:#ffffff\">".$row['content']."</span><br/><b><span style=\"color:#0000FF\">Имя: ".$row['name']." | Фамилия: ".$row['secondname']." | Дата: ".$row['date']." </span></td></tr>";
}
?>
</table>
<div id="footer"><span style="color:blue;font-size:18px;">Design by Denis</span></div>
<div id="footer1"><span style="color:blue;font-size:18px;">© 2012 Test Drive</span></div>
<div id="abg"></div>
</body>
</html>
|
Это тестовый пример? :blink:
|
DeHver, DOCTYPE должен быть таки первой строкой в файле... ;)
|
DeHver,
<style type="text/css">
#gb1 td{
max-width:637px;
word-wrap:break-word!important;
white-space:pre-wrap!important;
}
</style>
|
Цитата:
|
| Часовой пояс GMT +3, время: 19:39. |