Для вступления в общество новичков и профессионалов домен-индустрии, пожалуйста нажмите здесь ...

   
 Купля-продажа и обсуждение доменных имён
        

  
Вернуться   Форум о доменах > Дизайн и развитие проектов > Программирование
Регистрация Реноме Правила форума Справка Пользователи Социальные группы Все разделы прочитаны
Программирование PHP, Perl, HTML, XHTML, CSS, JavaScript, MySQL и другие языки кодирования.

Ответ
 
Опции темы
Сегодня
85р за .RU
Ru-Tld.ru

Всего 85р за домен!


85р за .РФ Реклама на DomenForum.net
Старый 13.03.2016, 10:41   #1
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 2,960
Доменные сделки: 20
Реноме: 998
Одобрения
Спасибо (Отдано): 426
Спасибо (Получено): 658
Отправить сообщение для Port_Artur с помощью ICQ
Форма div через css

Нужно сделать 3 div вот такой формы, чтобы они идеально прижимались краями и получалось такое (общая ширина 960, низ по 320, верх: 300 360 300, высота 150). Помогите пожалуйста.
Изображения
Тип файла: jpg 3div.jpg (28.2 Кб, 39 просмотров)
Port_Artur на форуме   Ответить с цитированием
Старый 13.03.2016, 10:56   #2
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 2,960
Доменные сделки: 20
Реноме: 998
Одобрения
Спасибо (Отдано): 426
Спасибо (Получено): 658
Отправить сообщение для Port_Artur с помощью ICQ
Ширина бордюра между ними должна быть 1 пиксель когда они друг к другу прижмутся, т.е. у среднего DIV не должно быть рамки справа и слева.
Изображения
Тип файла: jpg 3div1.jpg (26.0 Кб, 40 просмотров)
Port_Artur на форуме   Ответить с цитированием
Старый 13.03.2016, 15:42   #3
 
Регистрация: 28.09.2014
Сообщений: 396
Доменные сделки: 9
Реноме: 247
Одобрения
Спасибо (Отдано): 91
Спасибо (Получено): 105
Проще всего сделать фоном
Сложнее - у второго дива два потомка с rotate + border

А вообще нужно видеть макет и знать фиксированные ли габариты у блоков
lname вне форума   Ответить с цитированием
Старый 13.03.2016, 16:48   #4
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 2,960
Доменные сделки: 20
Реноме: 998
Одобрения
Спасибо (Отдано): 426
Спасибо (Получено): 658
Отправить сообщение для Port_Artur с помощью ICQ
Нужно именно на 3-х DIV.
Всё фиксированное:
 
(общая ширина 960, низ по 320 , верх (слева направо): 300 360 300, высота 150)
Port_Artur на форуме   Ответить с цитированием
Старый 15.03.2016, 00:57   #5
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 2,960
Доменные сделки: 20
Реноме: 998
Одобрения
Спасибо (Отдано): 426
Спасибо (Получено): 658
Отправить сообщение для Port_Artur с помощью ICQ
Есть на форуме профи в CSS?
Port_Artur на форуме   Ответить с цитированием
Старый 15.03.2016, 01:05   #6
 
Регистрация: 28.09.2014
Сообщений: 396
Доменные сделки: 9
Реноме: 247
Одобрения
Спасибо (Отдано): 91
Спасибо (Получено): 105
покажите макет - это можно и нельзя сделать разными способами
lname вне форума   Ответить с цитированием
Старый 15.03.2016, 07:50   #7
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 2,960
Доменные сделки: 20
Реноме: 998
Одобрения
Спасибо (Отдано): 426
Спасибо (Получено): 658
Отправить сообщение для Port_Artur с помощью ICQ
Это обычная шапка сайта из 3-х необычных DIV. И показывать-то нечего собственно. Как расписать CSS?

 
<div class="levyy"></div>
<div class="centr"></div>
<div class="pravyy"></div>

.levyy
{

}

.centr
{

}

.pravyy
{

}
Port_Artur на форуме   Ответить с цитированием
Старый 15.03.2016, 12:41   #8
 
Аватар для Crimea
 
Регистрация: 07.11.2008
Сообщений: 1,264
Доменные сделки: 60
Реноме: 2130
Одобрения
Можно начать с этого -
http://stackoverflow.com/questions/1...angled-borders
Crimea вне форума   Ответить с цитированием
Старый 16.03.2016, 00:06   #9
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 2,960
Доменные сделки: 20
Реноме: 998
Одобрения
Спасибо (Отдано): 426
Спасибо (Получено): 658
Отправить сообщение для Port_Artur с помощью ICQ
Там короче эту трапецию белую между рисунками сделали из 2-х треугольников но дивы- так и остались прямоугольными, а я думал что можно сделать их неправильной формы и чтобы они краями соприкасались.
Неосуществимо получается.

добавлено через 1 час 8 минут
Вот ещё интересная статья - http://frontender.info/css-shapes/

Последний раз редактировалось Port_Artur; 16.03.2016 в 01:15. Причина: Добавлено сообщение
Port_Artur на форуме   Ответить с цитированием
Старый 17.03.2016, 20:06   #10
 
Аватар для domensearch
 
Регистрация: 22.08.2013
Сообщений: 483
Доменные сделки: 22
Реноме: 819
Одобрения
Спасибо (Отдано): 82
Спасибо (Получено): 87
Отправить сообщение для domensearch с помощью ICQ
Сообщение

Port_Artur, если я все правильно понял, то как-то так.
https://jsbin.com/qebinacipi/1/edit?css,output
Для того чтобы был border 1px, нужно уменьшить средний блок на 2px, либо левый и правый на 1px. После чего отредактировать позиционирование.
__________________
Выслушаю предложения:
domensearch вне форума   Ответить с цитированием
Ответ



Сегодня, 02:05

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Закладки Добавить Тема в закладки

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

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 01:49. Часовой пояс GMT +4.