Форум АНТИЧАТ
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Форум АНТИЧАТ (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
Если сделать так, то вообще ничего не происходит =(


Время: 23:06
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице