Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Тег <pre></pre> вылазит за div (https://forum.antichat.xyz/showthread.php?t=176991)

Fantom3D 07.02.2010 17:20
Тег <pre></pre> вылазит за div
 
Есть в html такой тег: <pre></pre> . Он позволяет показывать текст так, как он был набран, с ентерами, без вставки тега <br>. Но он так и показывает текст, как есть, строкой, и текст вылазит за размеры div-а и портит все. Помогите, как побороть этот ад? Может есть какой-то нормальный тег?

Deathdreams 07.02.2010 17:39
Юзай параметр style

Zombi **** 07.02.2010 17:42
сделай через стили!

Fantom3D 07.02.2010 17:53
А подскажите как.. я в css практически нолик

Zombi **** 07.02.2010 17:55
скин дай что там у тя не так?

Fantom3D 07.02.2010 18:34
Вот создаю я новость, все норм:

http://i1.fastpic.ru/thumb/2010/0207...35e3805b6.jpeg

А когда окружаю ее тегом , то вылезает за все дивы, соблюдая длину строки:

http://i1.fastpic.ru/thumb/2010/0207...c3556a35f.jpeg

Вот код из css, который отвечает за div новостей(насколько я понял из такого дива - "<div id="left">"):

PHP код:
#left
{
        
    width: 549px;
    padding: 6px 8px 0px 26px;
    margin-left: 0px;
    float:left;
}

#left H2 {
    background:url(images/bg_tl.jpg) 0px 0px no-repeat;
    border-bottom: 1px dashed #C58E36;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#C58E36;
    padding: 10px 0px 5px 0px;
    font-weight: bold;
    
}

#left li ul {
    border: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding: 0px;
    
    
}

#left ol {
    margin: 10px 25px;
}

#left a {
    color: #4DA0C6;
    text-decoration: none;
}

#left a:hover {
    color: #4DA0C6;
    text-decoration: underline;
}

#left a:visited {
    color: #4DA0C6;
} 

imajo.ati 07.02.2010 21:34
#left, #left * {
white-space: normal;
}

Fantom3D 07.02.2010 22:27
Цитата:
Сообщение от imajo.ati
#left, #left * {
white-space: normal;
}

Добвил везде:

PHP код:
white-space: normal; 
Вышло так:

PHP код:
#left
{
        
    width: 549px;
    padding: 6px 8px 0px 26px;
    margin-left: 0px;
    float:left;
    white-space: normal;
}

#left H2 {
    background:url(images/bg_tl.jpg) 0px 0px no-repeat;
    border-bottom: 1px dashed #C58E36;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#C58E36;
    padding: 10px 0px 5px 0px;
    font-weight: bold;
    white-space: normal;
}

#left li ul {
    border: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding: 0px;
    white-space: normal;
    
}

#left ol {
    margin: 10px 25px;
    white-space: normal;
}

#left a {
    color: #4DA0C6;
    text-decoration: none;
    white-space: normal;
}

#left a:hover {
    color: #4DA0C6;
    text-decoration: underline;
    white-space: normal;
}

#left a:visited {
    color: #4DA0C6;
    white-space: normal;
} 
Ноль реакции. :confused:

Deathdreams 07.02.2010 22:30
<pre style="white-space: normal;"></pre>
?

Тоже в CSS не алё.

Fantom3D 09.02.2010 20:43
Deathdreams
Если сделать так, то вообще ничего не происходит =(

WNZRS 09.02.2010 20:51
<pre style="overflow:scroll;width:600px;height:300px;"> ....</pre>

Fantom3D 10.02.2010 11:28
Ну. тогда уже скорее так:

PHP код:
 <pre style="overflow:scroll;width:570px;height:300px;">
...
</pre> 
Смотрите что выходит:

http://i3.fastpic.ru/thumb/2010/0210...bc6a58c4c.jpeg


Помогите.. :confused:

Fantom3D 15.02.2010 21:44
Ау...... помогите..

t4Nk 15.02.2010 22:09
Цитата:
Сообщение от Fantom3D
Ау...... помогите..
Добавь в css или в style перепиши
PHP код:
pre {
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
} 

Seravin 15.02.2010 23:30
или если у тебя в пхп то можно заменить
Код:
\n на <br />
и вставить в тэг
Код:
<P>

Solker 16.02.2010 01:13
Забудь про <pre>, он явно не для твоего случая.
<br/> это плохой стиль верстки.

Чем тебе не нравится вариант, который ты в самом начале предложил, без <pre>?
Такие вещи как у тебя, всегда делаются с помощи <p> и подгоняются стилями.

Посмотри например, как сделано у WordPress.

miniden 16.02.2010 02:03
ТС,тебе везде скажут, юзать pre это как GOTO, никто его не юзает, это еще очень давно, а сейчас прочитай книжки 2 про HTML и про CSS, мое ИМХО HTML без CSS не правильно, все должно быть красиво!


Время: 01:20