MOTD.txt не скроллится

Fire in the Asshole! Taking fire!
Закрыто
Сообщение
Автор
7human7
Сержант
Сержант
Сообщения: 78
Зарегистрирован: 02.01.2009
Поблагодарили: 1 раз
Контактная информация:

#1 Сообщение 02.01.2009, 03:17

MOTD отвечает за окно перед входом в кс, так вот он у меня не "скроллится :\

Код: Выделить всё

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Cs 1.6</title>
<style type="text/css">
pre     {
        font-family:Verdana,Tahoma;
        color:#FFB000;
        }
body    {
        background:#000000;
        margin-left:8px;
        margin-top:0px;
        }
a    {
        text-decoration:    underline;
    }
a:link  {
    color:  #FFFFFF;
    }
a:visited   {
    color:  #FFFFFF;
    }
a:active    {
    color:  #FFFFFF;
    }
a:hover {
    color:  #FFFFFF;
    text-decoration:    underline;
    }
</style>
</head>
<body scroll="yes">
<pre>
<FONT size="5" color=#eb9801 face=Arial><div align="center">Welcome to the Cs 1.6 Server</font></div></div><br>
</pre>
</body>
<FONT -Х-=-Counter-Strike 
<SPAN style="LINE-HEIGHT: 1.3em; FONT-SIZE: 14pt"><SPAN 
style="COLOR: #f06320"><STRONG>Server configuration:</STRONG></SPAN></SPAN><br>
<FONT color=#f06320>
<li>cl_timeout 405</li>
<li><FONT color=#f06320>sv_maxupdaterate 75</li>
<li>sv_minupdaterate 13</li></FONT><br><br><br>
<div align="center"><SPAN 
style="LINE-HEIGHT: 1.3em; FONT-SIZE: 14pt"><SPAN 
style="FONT-FAMILY: Verdana">thanks for playing, have 
fun</SPAN>!</SPAN></TD></TR><br>
<A target=_blank href="http://store.steampowered.com/app/240"><IMG align="center" src="http://s52.radikal.ru/i135/0901/bb/23d14085b833.jpg" border="0" width=300 height=136></A></div>
</html>

Аватара пользователя
t0x1c_r1v3r
HL Fan
HL Fan
Сообщения: 412
Зарегистрирован: 03.08.2008
Благодарил (а): 2 раза
Поблагодарили: 13 раз

#2 Сообщение 02.01.2009, 04:36

омг ну и код у тебя :shock: :D учи хтмл!!!

Код: Выделить всё

<html>
<head>
<title>Cs 1.6</title>
<style type="text/css">
body    {
        background:#000000;
        margin-left:8px;
        margin-top:0px;
        color: #F06320;
        font-family:Verdana,Tahoma;

        }
a    {
        text-decoration:    underline;
    }
a:link  {
    color:  #FFFFFF;
    }
a:visited   {
    color:  #FFFFFF;
    }
a:active    {
    color:  #FFFFFF;
    }
a:hover {
    color:  #FFFFFF;
    text-decoration:    underline;
    }
</style>
</head>
<body>

<p align="center"><b><font size="4">Welcome to the Cs 1.6 Server</font></b></p>
<p align="center">
<li>cl_timeout 405</li>
<li>sv_maxupdaterate 75</li>
<li>sv_minupdaterate 13</li>
<br><br><br>
<p align="center">thanks for playing, have fun!<br>
<a href="http://store.steampowered.com/app/240">
<IMG align="center" src="http://s52.radikal.ru/i135/0901/bb/23d14085b833.jpg" border="0" width=300 height=136></a>

</body>
</html>
t_rrrrrrrrrrrrrrkl

7human7
Сержант
Сержант
Сообщения: 78
Зарегистрирован: 02.01.2009
Поблагодарили: 1 раз
Контактная информация:

#3 Сообщение 02.01.2009, 16:36

t0x1c_r1v3r писал(а):омг ну и код у тебя :shock: :D учи хтмл!!!
все бы хорошо, только последняя картина не центрируется :\
Изображение

popoffka666
VIP
VIP
Сообщения: 2463
Зарегистрирован: 13.12.2007
Откуда: Latvia
Поблагодарили: 2 раза

#4 Сообщение 04.01.2009, 18:16

токсик, учи хтмл, атрибут align у тега IMG не имеет значения center, и чтобы отцентровать картинку, её надо заключить в <center></center>
7human7, поменяй

Код: Выделить всё

<IMG align="center" src="http://s52.radikal.ru/i135/0901/bb/23d14085b833.jpg" border="0" width=300 height=136></a>
на

Код: Выделить всё

<center><IMG src="http://s52.radikal.ru/i135/0901/bb/23d14085b833.jpg" border="0" width=300 height=136></a></center>
The Planet is fine. The people are fucked. — George Carlin
Science is interesting, and if you don't agree you can fuck off. — Richard Dawkins

Мой рогалик на JavaScriptМой профиль на GitHub

Аватара пользователя
t0x1c_r1v3r
HL Fan
HL Fan
Сообщения: 412
Зарегистрирован: 03.08.2008
Благодарил (а): 2 раза
Поблагодарили: 13 раз

#5 Сообщение 04.01.2009, 19:38

у него изначально так было, а я не заметил
t_rrrrrrrrrrrrrrkl

7human7
Сержант
Сержант
Сообщения: 78
Зарегистрирован: 02.01.2009
Поблагодарили: 1 раз
Контактная информация:

#6 Сообщение 04.01.2009, 20:45

спасибо.
Но все равно, центрируется не относительно текста. Можно-ли вручную, чтоб на пару px влево/право двигать?

Аватара пользователя
t0x1c_r1v3r
HL Fan
HL Fan
Сообщения: 412
Зарегистрирован: 03.08.2008
Благодарил (а): 2 раза
Поблагодарили: 13 раз

#7 Сообщение 04.01.2009, 23:03

Код: Выделить всё

<html>
<head>
<title>Cs 1.6</title>
<style type="text/css">
body    {
        background:#000000;
        margin-left:0px;
        margin-top:5px;
        color: #F06320;
        font-family:Verdana,Tahoma;

        }
a    {
        text-decoration:    underline;
    }
a:link  {
    color:  #FFFFFF;
    }
a:hover {
    color:  #FFFFFF;
    text-decoration:    underline;
    }
</style>
</head>
<body>

<p align="center"><b><font size="4">Welcome to the Cs 1.6 Server</font></b></p>
<ul>
<li>cl_timeout 405</li>
<li>sv_maxupdaterate 75</li>
<li>sv_minupdaterate 13</li></ul>
<br>
<p align="center">thanks for playing, have fun!<br>
<a href="http://store.steampowered.com/app/240">
<IMG src="23d14085b833.jpg" border="0" width=300 height=136></a></p>

</body>
</html>
должно быть все ок
t_rrrrrrrrrrrrrrkl

7human7
Сержант
Сержант
Сообщения: 78
Зарегистрирован: 02.01.2009
Поблагодарили: 1 раз
Контактная информация:

#8 Сообщение 05.01.2009, 01:50

да не, все равно мне как-то хочется чуть правее/левее сделать, буквально на пару px.
Как это можно сделать?

Аватара пользователя
t0x1c_r1v3r
HL Fan
HL Fan
Сообщения: 412
Зарегистрирован: 03.08.2008
Благодарил (а): 2 раза
Поблагодарили: 13 раз

#9 Сообщение 05.01.2009, 02:55

не извени, вон пусть тебе popoffka объяснит, он у нас великий верстальщик.. я иду хтмл учить :crazy:
t_rrrrrrrrrrrrrrkl

r4mZeS
Сержант
Сержант
Сообщения: 70
Зарегистрирован: 13.06.2006

#10 Сообщение 05.01.2009, 05:29

Я бы вообще всю вёрстку сделал на CSS`ах, ну да ладно, один хрен полезного кода на такой страничке кот наплакал, а по сему...
Я бы предложил отыграть так:

Код: Выделить всё

<html>
<head>
<title>Cs 1.6</title>
<style type="text/css">
body    {
        background:#000000;
        margin-left:0px;
        margin-top:5px;
        color: #F06320;
        font-family:Verdana,Tahoma;

        }
a    {
        text-decoration:    underline;
    }
a:link  {
    color:  #FFFFFF;
    }
a:hover {
    color:  #FFFFFF;
    text-decoration:    underline;
    }
.wuzzup_nigga {margin-top: 0px; margin-left: 25%; border-width: 0px;}
</style>
</head>
<body>

<p align="center"><b><font size="4">Welcome to the Cs 1.6 Server</font></b></p>
<ul>
<li>cl_timeout 405</li>
<li>sv_maxupdaterate 75</li>
<li>sv_minupdaterate 13</li></ul>
<br>
<p align="center">thanks for playing, have fun!<br></p></center>
<div class="wuzzup_nigga"><a href="http://store.steampowered.com/app/240">
<IMG src="logo.gif" border="0" width=300 height=136></a>
</div>
</body>
</html>
В классе, wuzzup_nigga, тэг margin-left, как раз отвечает за отступ картинки слева, можно конечно прибить всё это дело на пикселы, НО! Крайне не рекомендовал бы это делать, потому как, имея моник с диагональю 22", периодически наблюдаю кривость вёрстки MOTD`а, горе-админами. По сему, в примере, применил именно конструкцию основанную на контейнерах (div`ах), исполненную в процентном соотношении. Конечно же, каждый может для себя решить сам, что ему в конечном итоге впихивать на сервер, я лишь высказал своё мнение. :)

7human7
Сержант
Сержант
Сообщения: 78
Зарегистрирован: 02.01.2009
Поблагодарили: 1 раз
Контактная информация:

#11 Сообщение 05.01.2009, 18:19

r4mZeS писал(а):Я бы вообще всю вёрстку сделал на CSS`ах
какбе почти так и есть, просто я об этом не сказал.
style.css

Код: Выделить всё

ul {
list-style-type: none;
}

li {
background: url('http://s47.radikal.ru/i117/0901/66/340487633452.jpg') no-repeat 0px 8px;
padding-left: 8px;
}
motd.txt

Код: Выделить всё

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Cs 1.6</title>
<p align="center"><b><font size="5" color=#eb9801 face=Arial>Welcome to the Cs 1.6 Server</font></b></p>
<style type="text/css">
body    {
        background:#000000;
        margin-left:8px;
        margin-top:0px;
        color: #F06320;
        font-family:Verdana,Tahoma;

        }
a    {
        text-decoration:    underline;
    }
a:link  {
    color:  #FFFFFF;
    }
a:visited   {
    color:  #FFFFFF;
    }
a:active    {
    color:  #FFFFFF;
    }
a:hover {
    color:  #FFFFFF;
    text-decoration:    underline;
    }
.toleft {margin-top: 0px; margin-left: 35%; border-width: 0px;}
</style>
</head>
<body>
<p align="left"><font color=#eb9801><b>Server configuration:</b></font></p>
<FONT color=#f06320>
<ul>
<li>cl_timeout 405</li>
<li>sv_maxupdaterate 75</li>
<li>sv_minupdaterate 13</li></ul>
<br>
<font color=#f06320><b>Contact:</b></font><br>
<SPAN></SPAN><IMG border=0 
align=absBottom
src="http://status.icq.com/online.gif?img=5&icq=123456789"> <font color=#f06320>123456789</font></A>
<br><br><p align="center"><font size="4" face=Verdana>thanks for playing, have fun!</font>
<div class="toleft"><a href="http://store.steampowered.com/app/240">
<IMG src="http://i004.radikal.ru/0901/9c/ec711f466545.jpg" border="0" width=300 height=136></a></p>
</div>
</body>
</html>

Закрыто