Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
Я хочу зарегистрироваться!
06:24:02
, 25.11.2024, Пн |
RSS
Правила сайта и форума
Задать вопрос администрации
Получить услуги сайта
Вступить в команду сайта
Наша группа в Telegram
Войти
Регистрация
Главная
Форум
Статьи
Новости
Правила
Участники
Поиск
Обновленные темы
Страница
1
из
1
1
Модератор форума:
-SAM-
Активный форум
»
WEB-мастеру
»
Технический раздел (домены, хостинг, настройка CMS и шаблонов)
»
Как разделить два блока; уменьшить разъем
Как разделить два блока; уменьшить разъем
Numiaa
Дата: Пт, 27.12.2013, 03:31:30 | Сообщение #
1
Начинающий SEO
Постоянный
782
Сообщения:
6
Награды:
37
Отзывы:
Skype
пользователя:
Нужно разделить два блока, которые изображены на скрине. Как это выполнить, я не знаю. Прошу помощи у вас. Надеюсь, что вы ответите на мой вопрос.
/* :--[Main]--: */
.main {
width: 640px;
margin-left: 240px;
color: #000;
}
.main a {
color: #000;
}
/*About*/
.main-about {
background: #6d3d20;
padding-bottom: 4px;
margin-bottom: 10px;
border-radius: 3px;
overflow: hidden;
width: 100%;
}
.main-about .about-top {
background: url(../images/block-top-b.png) repeat-x 0 bottom;
padding: 5px 10px 9px;
font-size: 12px;
color: #fff;
}
.main-about .about-top span {
margin-top: 3px;
font-size: 10px;
display: block;
color: #b09d94;
}
.main-about .about-cont {
padding: 0 10px;
color: #fff;
}
.main-about .about-cont p{
margin: 0;
font-size: 12px;
}
/*News*/
.main-news {
float: left;
background: #6d3d20;
margin-bottom: 10px;
border-radius: 4px;
width: 315px;
}
.news-top {
background: #546A2D;
border-bottom: 3px solid #5D341B;
height: 30px;
line-height: 30px;
border-radius: 4px;
padding: 0 10px;
}
.news-top a {
color: #fff;
}
.news-top span {
background: #fff;
color: #546A2D;
font-weight: bold;
border-radius: 4px;
height: 16px;
display: inline-block;
line-height: 16px;
float: right;
margin: 6px;
padding: 0 5px;
}
.news-cont {
text-align: center;
margin: 5px 0;
}
.news-info {
background: #546A2D;
height: 24px;
line-height: 24px;
border-radius: 4px;
padding: 0 10px;
color: #fff;
}
.news-info:before {
content: " ";
background: #6D3D20;
color: #6D3D20;
height: 2px;
width: 2px;
display: block;
margin-top: 11px;
margin-right: 4px;
float: left;
}
.news-img {
background: url(../images/news-block.png);
width: 295px;
height: 120px;
display: inline-block;
position:relative;
overflow:hidden;
}
.news-img:hover span {
background:url(../images/llloo.png) no-repeat center center;
width: 289px;
height: 110px;
position:absolute;
margin:3px;
left:0;
background-color:rgba(0,0,0,.5);
}
.news-img img {
width: 289px;
margin: 3px;
max-height: 110px;
display: block
}
/* Paginator */
vasa3000
Дата: Пт, 27.12.2013, 03:34:34 | Сообщение #
2
Пользователь
61
Сообщения:
1
Отзывы:
Сайт
пользователя:
поставь в самый главный класс вида материала:
Код
margin: 3px;
Numiaa
Дата: Сб, 28.12.2013, 00:19:28 | Сообщение #
3
Начинающий SEO
Постоянный
782
Сообщения:
6
Награды:
37
Отзывы:
Skype
пользователя:
Как уменьшить высоту между блоками, которые изображены на скрине. Облазил код, нечего такого, не нашел. Пожалуйста помогите, добрые люди.
Вот собственно исходный код этого блоков категорий.
.menunav ul {
padding:3px 0px 0px 2px;
margin:0; list-style:none;
}
.menunav li {
display:block;
height:32px;
width:196px;
margin-bottom:0px;
line-height:21px;
}
.menunav li a {
display:block;
background:url(/design/menus.png) no-repeat 0 0px;
height:26px;
width:196px;
padding-left:24px;
color:#ddd;text-decoration:none;text-shadow:0 1px 0 #34271b;
font-family:Calibri;
font-size:12px;
float:center;
}
.menunav li a:hover {
background-position:0 -26px;
height:26px;
}
-SAM-
Дата: Сб, 28.12.2013, 00:24:30 | Сообщение #
4
⇚ Stand Alone Man ⇛
Гл. Администратор
5630
Сообщения:
88
Награды:
262
Отзывы:
Сайт
пользователя:
Цитата
Numiaa
(
)
.menunav li {
display:block;
height:32px;
высоту пробуй уменьшить
P.S.:
https://diz-cs.ru/forum/95-211144-1
- все темы из-за незнания этого, видимо.
Numiaa
Дата: Сб, 28.12.2013, 00:32:49 | Сообщение #
5
Начинающий SEO
Постоянный
782
Сообщения:
6
Награды:
37
Отзывы:
Skype
пользователя:
Спасибо получилось.
wizzistar
Дата: Сб, 28.12.2013, 00:41:27 | Сообщение #
6
Премиум
2891
Сообщения:
137
Отзывы:
Skype
пользователя:
Цитата
Numiaa
(
)
Нужно разделить два блока, которые изображены на скрине. Как это выполнить, я не знаю. Прошу помощи у вас. Надеюсь, что вы ответите на мой вопрос.
Код
<div style="float:left;width:50%;">Код левого блока</div>
<div style="float:left;width:50%;">Код правого блока</div>
Активный форум
»
WEB-мастеру
»
Технический раздел (домены, хостинг, настройка CMS и шаблонов)
»
Как разделить два блока; уменьшить разъем
Страница
1
из
1
1
Главная страница форума
WEB-мастеру
Вопросы по раскрутке сайтов, seo-софт и сервисы
Технический раздел (домены, хостинг, настройка CMS и шаблонов)
Вопросы и ответы на FAQ по uCoz
SEO-услуги, пиар и раскрутка сайтов
Услуги по наполнению сайтов контентом
Верстка, создание и настройка сайтов, прочие web-услуги
Вакансии, персонал на сайт
Оценка сайтов
Скрипты для uCoz
Форум
Пользователи
Новости сайта
Каталог сайтов
Каталог файлов
Скрипты от Diz-CS
Финансовый раздел
Заработок
Продажа и обмен
Платные шаблоны/макеты сайтов
Покупка
Кредиты
Раздача халявы
Черный список / Мошенники и клоны
Социальные сети
Вконтакте
Facebook
Youtube
Instagram
Другие социальные сети
Программы и сервисы
Продажа/покупка, услуги в соц. сетях
Общение
О разном
Блоги и интервью
Фильмы, музыка, смешное видео
Компьютеры, телефоны, планшеты и софт для них
Ставки на спорт
Новости спорта
Раздел графики
Услуги дизайнеров
Уроки фотошопа и вопросы
Готовые PSD работы
Оценка работ дизайнеров
Графика для DIZ-CS.RU
Игровой форум
CS:GO
Minecraft
PUBG
Fortnite
Игровые новости и обзоры
Counter-Strike
Ваши серверы
Всё для серверов
Minecraft
Плагины
Grand Theft Auto
SAMP
World of Tanks
World of Warcraft
Обсуждение Dota 2
Продажа вещей
Покупка вещей
Прочие игры
Игры для смартфонов и планшетов
Главный раздел форума
Сайт и форум
Правила сайта и форума, жалобы
Архив тем
Обмен - архив
Поиск: