Помогите плиз с motd - html

Статус
В этой теме нельзя размещать новые ответы.
Сообщения
3
Реакции
1
Подскажите как нужно сделать чтоб, отображало как мне надо не только слева но и в середине допустим блок такой же информации

Код:
<html>
<head>
<title>Главная Motd</title>
<link href="css/motd.css" rel="stylesheet">
<!--[if lt IE 9]>     
   <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="main">
    <div class="title"><i class="cstrike"></i><h1>Главная страница MOTD окна</h1></div>

    <div class="menu">
    <ul>
    <li><a href="main.html">Главная</a></li>
    <li><a href="contacts.html">Контакты</a></li>
    <li><a href="commands.html">Чат команды</a></li>
    <li><a href="privileges.html">Привелегии</a></li>
    <li><a href="rules.html">Правила</a></li>
    <li><a href="example.html">Примеры</a></li>
    </ul>
    </div>
    
    
    <div class="content">
    <h2>Информация о сервере</h2>
    <ul>
        <li>IP адрес сервера : 188.143.175.34:27015</li>
        <li>Страна : Россия</il>
        <li>Город : Санкт-Петербург</il>
        <li>FPS сервера : 1000</il>
        <li>Cтрельба огонь : o_O</il>
        <li>Сайт сервера: <a href="https://ссылка">www.csgamers.ru</a></li>
        <li>Купить привилегии: <a href="https://ссылка">Магазин</a></li>
        <li>Группа сервера : <a href="https://ссылка">ВКонтакте</a></li>
        <li>Группа сервера : <a href="https://ссылка">Стим (Steam)</a></li>
        <li>Список ущербных: <a href="https://ссылка">Кунскамера</a></li>
        <li>Подробная : <a href="https://ссылка">Статистика сервера </a></li>
    </ul>
    <hr />
    На сегодняшний день на нашем сервере установлены только самые популярные <b>карты</b>,современная защита от <span class="red">читеров</span> - детёнышей <span class="red">Кунскамеры</span>,красивая <span class="blue"><b>статистика</b></span>, а за порядком следит адекватная и опытная <span class="red">Администрация</span>. Так же мы не стали вносить <span class="orange">дисбалан(не равную игру)</span> между обычными и привилегиолванными игроками. Доступ к бонусам в виде дополнительного здоровья, мощной гранаты и прочего есть у всех наших игроков. Вы не увидите на сервере ни двойных прыжков, ни увеличенной скорости передвижения и прочего <span class="yellow">хлама</span>,доступного только вип-игрокам.Сохранение максимально классической и комфортной игры,настолько, насколько это возможно в <span class="yellow">2021 году</span> - наша основная цель.
        <hr>
        <p>А если использовать параграф <b>&lt;p&gt;текст&lt;p/&gt;</b> тогда добавляются отспуты по <b>10px</b> <span>слева</span> и <span>справа</span>
        <br>А что-бы сделать такую линию как ниже добавьте в нужное место тег <b>&lt;hr&gt;</b>.
        <br>Чуть не забыл самое главное, ссылки — <a href="https://ссылка">выглядят вот так</a>
        <div class="alert blue">Связь с администрацией сервера проходит через Сайт,Вконтакте и Стим(Steam)<br>Будьте внимательны, мы не когда не попросим ваших паролей или каких либо ваших данных.<br></div>
        <hr>
    <i style="float:right">Все права защищены защищены 2009-2021 ©  | <a href="https://ссылка" target="_blank">текст</a></i>
<br>
    </div>


</div>
</body>
</html>
5fQoUkXM[1].jpg
 
Сообщения
957
Реакции
1,185
Помог
52 раз(а)
HTML:
<table>
    <tr>
        <td>1 column</td>
        <td>2 column</td>
    </tr>
</table>
 
Сообщения
775
Реакции
293
Помог
11 раз(а)
использовать float: right
 
Сообщения
3
Реакции
1
Сообщения
775
Реакции
293
Помог
11 раз(а)
@fanat1k,блоки div слева
<div style="float:left">text</div>
блоки div справа
<div style="float:right">text</div>
 
Сообщения
957
Реакции
1,185
Помог
52 раз(а)
maFFyoZZyk не советую
1621744427701.png
на пиратках в основной массе IE 5.5, соответственно работать не будет
 

d3m37r4

111111
Сообщения
1,451
Реакции
1,177
Помог
10 раз(а)
Sonyx, ты чо, посоны развиваются, билды >4554 раздают на сайтах сейчас)
 
Статус
В этой теме нельзя размещать новые ответы.

Пользователи, просматривающие эту тему

Сейчас на форуме нет ни одного пользователя.
Сверху Снизу