X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> [Вопрос] CSS, создание блока
BossArturKA
BossArturKA
Topic Starter сообщение 13.10.2013, 20:41; Ответить: BossArturKA
Сообщение #1


Здравствуйте!
Прошу помощи в создании блока.
Мне нужно добиться такого результата:
[IMG]http://i.imgur.com/OWAsl4t.png[/IMG]
А получается такое:
[IMG]http://i.imgur.com/t5xDTZs.png[/IMG]

Вот мой CSS:
[CSS].box1 {
border:1px solid #e0e5e3;
background:url(../images/box1_bot.gif) bottom repeat-x #f9fffd;
border-radius:10px;-moz-border-radius:10px;
-webkit-border-radius:10px;behavior:url(js/PIE.htc);
position:relative;
padding:5px 25px
}


footer {color:#676767;text-align:center;padding:35px 0 36px 0}
.pad_left1 {padding-left:70%}
.marg_right2 { margin-right: 32%}[/CSS]
А вот мой HTML:
<header>
<div>
<ul id="nav">
<li><a href="#">Главная</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Аккаунт</a></li>
<li><a href="#">Мониторинг</a></li>
<li><a href="#">Донат</a></li>
</ul>
</div>
<article class="col2 marg_right2">
<div class="box1">
asdsadasda sdas ds <br>
jhasgd asd <br>
asdasdasda sd as <br>
d asd asd <br>
</div>
</article>
<article class="col2 pad_left1">
<div class="box1">
<h2>Мониторинг серверов</h2>
Server: One <br>
IP: localhost <br>
ping: NONE <br>
Status: Online <br>
Players: None <br>
</div>
</article>
<footer>
НИЗ
</footer>
</header>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 14.10.2013, 13:00; Ответить: Degradator
Сообщение #2


Тут все просто.Блок по умолчанию занимает всю ширину экрана. Для того, чтобы сделать то что вы хотите, надо использовать свойство css float
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BossArturKA
BossArturKA
Topic Starter сообщение 15.10.2013, 17:01; Ответить: BossArturKA
Сообщение #3


Благодарю!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) как заслужить право на создание новой темы?
7 writer80 2120 12.3.2024, 22:54
автор: Lumex
Открытая тема (нет новых ответов) <Braga/> Создание Telegram-ботов, web-приложений, крипто-бирж, сайтов.
2 newbraga 1672 10.3.2024, 22:04
автор: newbraga
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3328 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3289 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Создание и ведение аккаунтов в соцсетях ("В контакте"/Telegram)
Услуги от профессионального журналиста и SMM-менеджера
2 AvtorXXX 1653 13.11.2023, 23:47
автор: AvtorXXX


 



RSS Текстовая версия Сейчас: 28.3.2024, 13:59
Дизайн