XGM Forum
Сайт - Статьи - Проекты - Ресурсы - Блоги

Форуме в режиме ТОЛЬКО ЧТЕНИЕ. Вы можете задать вопросы в Q/A на сайте, либо создать свой проект или ресурс.
Вернуться   XGM Forum > Общение> Hard & Soft
Ник
Пароль
Войти через VK в один клик
Сайт использует только имя.

Закрытая тема
 
RazArt

offline
Опыт: 11,197
Активность:
css div
Решил заняться дивовой версткой и сразу столкнулся с проблемой скрин

» Код

Код:
<div id="server_info">
<table>
<tr><td id="left_block_top">asd</td></tr>
<tr><td id="left_block_main">asd</td></tr>
<tr><td id="left_block_down">asd</td></tr>
</table>
</div>

» css
Код:
#server_info{
    width: 200px;
    margin: 0 auto;
    padding:0px;
}
#left_block_top{
    background-image: url('../image/block_top.jpg');
    width: 200px;
    height: 50px;
}
#left_block_main{
    background-image: url('../image/block_main.jpg');
    width: 200px;
    height: 100%;
}
#left_block_down{
    background-image: url('../image/block_down.jpg');
    width: 200px;
    height: 20px;
}
Старый 21.11.2010, 18:41
Enein
Silenced by ZlaYa1000
offline
Опыт: 43,453
Активность:
margin-top: 0;
margin-bottom: 0;
и зачем id, если можно class?
Старый 21.11.2010, 18:45
RazArt

offline
Опыт: 11,197
Активность:
Enein, и в куда это пихать? И если заменяю на id, то картинки перестают отображаться
Старый 21.11.2010, 18:47
Enein
Silenced by ZlaYa1000
offline
Опыт: 43,453
Активность:
<div class="server_info">
<table>
<tr><td class="l block_top">asd</td></tr>
<tr><td class="l block_main">asd</td></tr>
<tr><td class="l block_down">asd</td></tr>
</table>
</div>
tr, td, th { margin-top: 0; margin-bottom: 0; }

.l td { width: 200px; }

.server_info { width: 200px; margin: 0 auto; padding: 0px; }

.block_top { background: #cccccc url('/image/block_top.jpg'); height: 50px; }
.block_main{ background: #cccccc url('/image/block_main.jpg'); height: 100%; }
.block_down{ background: #cccccc url('/image/block_down.jpg'); height: 20px; }
#cccccc - на случай отображения страницы без имг
Старый 21.11.2010, 18:55
RazArt

offline
Опыт: 11,197
Активность:
Enein, спс
Теперь другая проблема. Если внутри left_block_main написать длинный текст, то он будет в 1 строку, а как сделать так, что бы он переносился на следующую?

Отредактировано RazArt, 21.11.2010 в 19:10.
Старый 21.11.2010, 19:00
Toadcop

offline
Опыт: 54,313
Активность:
Цитата:
#cccccc - на случай отображения страницы без имг

c ними тоже будет =) попробй пнг с прозрачностью поставить -.-

Toadcop добавил:
Цитата:
Теперь другая проблема. Если внутри left_block_main написать длинный текст, то он будет в 1 строку, а как сделать так, что бы он переносился на следующую?

http://www.w3schools.com/css/pr_pos_overflow.asp

может и иное что то можно сделать идк.
Старый 21.11.2010, 19:56
ScorpioT1000
Работаем
offline
Опыт: отключен
там вобще всё можно, стоит только погуглить -.-
Старый 21.11.2010, 20:10
Enein
Silenced by ZlaYa1000
offline
Опыт: 43,453
Активность:
c ними тоже будет
ну офк, надо либо комбинировать цвета, либо юзать бордеры, иначе без картинок получится очень дерьмово и непонятно
Старый 21.11.2010, 20:12
RazArt

offline
Опыт: 11,197
Активность:
Всё решилось, как ни странно, подстановкой пробелов в текст, тему клоз
Старый 21.11.2010, 22:51
Enein
Silenced by ZlaYa1000
offline
Опыт: 43,453
Активность:
Цитата:
Всё решилось, как ни странно, подстановкой пробелов в текст, тему клоз

Старый 21.11.2010, 23:03
Toadcop

offline
Опыт: 54,313
Активность:
^ полностью согласен.
Старый 21.11.2010, 23:35
ScorpioT1000
Работаем
offline
Опыт: отключен
.согласен полностью ^
Старый 21.11.2010, 23:55
Закрытая тема

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы можете скачивать файлы

BB-коды Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Часовой пояс GMT +3, время: 19:37.