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

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

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

Ответ
 
Опции темы
Сегодня
от 149р за .RU
Аренда сервера
2x Intel Hexa-Core Xeon E5-2420
Всего 79 евро!

с видеокартой GeForce GTX 1080 Ti
всего 99 евро!

от 149р за .РФ Реклама на DomenForum.net
Старый 13.03.2016, 10:41   #1
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
Форма div через css

Нужно сделать 3 div вот такой формы, чтобы они идеально прижимались краями и получалось такое (общая ширина 960, низ по 320, верх: 300 360 300, высота 150). Помогите пожалуйста.
Изображения
Тип файла: jpg 3div.jpg (28.2 Кб, 40 просмотров)
Port_Artur вне форума   Ответить с цитированием
Старый 13.03.2016, 10:56   #2
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
Ширина бордюра между ними должна быть 1 пиксель когда они друг к другу прижмутся, т.е. у среднего DIV не должно быть рамки справа и слева.
Изображения
Тип файла: jpg 3div1.jpg (26.0 Кб, 41 просмотров)
Port_Artur вне форума   Ответить с цитированием
Старый 13.03.2016, 15:42   #3
 
Регистрация: 28.09.2014
Сообщений: 435
Доменные сделки: 13
Реноме: 374
Одобрения
Спасибо (Отдано): 96
Спасибо (Получено): 109
Проще всего сделать фоном
Сложнее - у второго дива два потомка с rotate + border

А вообще нужно видеть макет и знать фиксированные ли габариты у блоков
lname вне форума   Ответить с цитированием
Старый 13.03.2016, 16:48   #4
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
Нужно именно на 3-х DIV.
Всё фиксированное:
 
(общая ширина 960, низ по 320 , верх (слева направо): 300 360 300, высота 150)
Port_Artur вне форума   Ответить с цитированием
Старый 15.03.2016, 00:57   #5
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
Есть на форуме профи в CSS?
Port_Artur вне форума   Ответить с цитированием
Старый 15.03.2016, 01:05   #6
 
Регистрация: 28.09.2014
Сообщений: 435
Доменные сделки: 13
Реноме: 374
Одобрения
Спасибо (Отдано): 96
Спасибо (Получено): 109
покажите макет - это можно и нельзя сделать разными способами
lname вне форума   Ответить с цитированием
Старый 15.03.2016, 07:50   #7
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для 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
Реноме: 3071
Одобрения
Можно начать с этого -
http://stackoverflow.com/questions/1...angled-borders
Crimea вне форума   Ответить с цитированием
Старый 16.03.2016, 00:06   #9
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для 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
Сообщений: 484
Доменные сделки: 22
Реноме: 1238
Одобрения
Спасибо (Отдано): 82
Спасибо (Получено): 87
Отправить сообщение для domensearch с помощью ICQ
Сообщение

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



Реклама

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

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

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

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


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