Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

Форум PHP

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: 3 div необычной формы
 
 автор: Port_Artur3   (15.03.2016 в 00:00)   письмо автору
28.2 Кб
 
 

Нужно сделать 3 div вот такой формы, чтобы они идеально прижимались краями и получалось такое (общая ширина 960, низ по 320, верх: 300 360 300, высота 150)

  Ответить  
 
 автор: Port_Artur3   (15.03.2016 в 00:01)   письмо автору
26 Кб
 
   для: Port_Artur3   (15.03.2016 в 00:00)
 

Ширина бордюра между ними должна быть 1 пиксель когда они друг к другу прижмутся, т.е. у среднего DIV не должно быть рамки справа и слева.
Размеры фиксированные

Помогите пожалуйста.

  Ответить  
 
 автор: Port_Artur3   (15.03.2016 в 06:52)   письмо автору
 
   для: Port_Artur3   (15.03.2016 в 00:01)
 

Как расписать CSS?


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

.levyy


}

.centr


}

.pravyy


}

  Ответить  
 
 автор: elenaki   (15.03.2016 в 10:43)   письмо автору
 
   для: Port_Artur3   (15.03.2016 в 06:52)
 

div может быть только прямоугольным

  Ответить  
 
 автор: KPETuH   (15.03.2016 в 12:01)   письмо автору
 
   для: Port_Artur3   (15.03.2016 в 00:00)
 

Или делаем картинку фоном нужной формы для дивов или html5 canvas вроде больше вариантов нет.

  Ответить  
 
 автор: Port_Artur3   (15.03.2016 в 21:33)   письмо автору
 
   для: KPETuH   (15.03.2016 в 12:01)
 

А как через HTML5?

  Ответить  
 
 автор: Port_Artur3   (16.03.2016 в 00:16)   письмо автору
 
   для: Port_Artur3   (15.03.2016 в 21:33)
 

Вот есть интересная статья - http://frontender.info/css-shapes/ , но я боюсь не могу её постигнуть. Имеющихся знаний недостаточно.

  Ответить  
 
 автор: KPETuH   (16.03.2016 в 10:28)   письмо автору
 
   для: Port_Artur3   (15.03.2016 в 21:33)
 

canvas

  Ответить  
 
 автор: Port_Artur3   (16.03.2016 в 21:22)   письмо автору
 
   для: KPETuH   (16.03.2016 в 10:28)
 

Я в javascript полный ноль.
Помогите пожалуйста. В правом и левом потом должны выводиться картинки (img1.jpg, img2.jpg), а в среднем писаться текст.

  Ответить  
 
 автор: Deed   (21.03.2016 в 15:54)   письмо автору
 
   для: Port_Artur3   (16.03.2016 в 21:22)
 

http://jsfiddle.net/wnBXg/2/

https://css-tricks.com/examples/ShapesOfCSS/

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования