Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > PHP: Общие вопросы > как сделать поля где коды

Автор: mr.fox 20.6.2005, 02:45

Значит, на форуме есть поля где вписываются коды.. мне пронумеровка строк не нужна.. а вот как сделать такое поле что бы прокрутка была?

Автор: Opik 20.6.2005, 02:53

Код


<style type="text/css">
   .test {
         border: #000000 1px solid;
         overflow: auto;     
         widht: 2px;
   }
</style>
<div class="test">some text</div>

Добавлено @ 02:53
Только PHP тут никак не причем

Автор: Payne 20.6.2005, 14:38

Могу предложить следующий вариант:

Код


<html>
<head><title>Мой кусок кода</title>
<style type="text/css">
.code    {
    padding: 5px 5px 5px 5px;
    border: 2px solid #000000;
                overflow: auto;
    background-color: #f5f5a5;
    text-align: center;
    vertical-align: top;
    font-family: 'Courier New', Courier, mono;
    font-size: 15px;
    line-height: 20px;
    }
</style>
</head>
<body>
<div class="code">
for i := 1 to 10 do
begin
  operators;
end;
</div>
</body>

То, что тебе нужно, находится между тэгами <style> и </style>.
padding отвечает за то, на каком расстоянии будет сам код находиться от краев рамки;
border - толщина, тип (solid - сплошной) и цвет рамки;
background-color - это цвет фона;
text-align, vertical-align - выравнивание текста;
font-family, font-size - вид и размер шрифта;
line-height - высота строки (грубо говоря, расстояние между строками).
При помощи тэгов </br> и спец. символа пробела ( ) можно задавать форматирование кода в соответствии с установившимися для данного языка правилами.