Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: DIV внутри A, как сделать закруглённые края у 1 и последнего дива в этом случае?

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Webtest
Отправлено: 22 Сентября, 2014 - 10:23:37
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)
Здравствуйте.

Есть такой код:
CODE (html):
скопировать код в буфер обмена
  1. <a href="<?php echo $value['url']; ?>#comments" class="aAllNotes">
  2.     <div class="divBlockAllNotes">
  3.         фывфыв
  4.     </div>
  5. </a>

Как в этом случае сделать так чтобы у дива склассом divBlockAllNotes 1 элемент имел закруглённые края у рамки сверху, п последний снизу?
Такое не работает т.к. див находится внутри А и все дивы получаются с закруглённой рамкой.
div.divBlockAllNotes:nth-child(1) {

(Отредактировано автором: 22 Сентября, 2014 - 10:32:20)

 
 Top
DelphinPRO
Отправлено: 22 Сентября, 2014 - 18:53:02
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
CODE (css):
скопировать код в буфер обмена
  1. .divBlockAllNotes:first-child {
  2.   border-top-left-radius: 10px;
  3.   border-top-right-radius: 10px;
  4. }
  5. .divBlockAllNotes:last-child {
  6.   border-bottom-left-radius: 10px;
  7.   border-bottom-right-radius: 10px;
  8. }


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
IllusionMH
Отправлено: 22 Сентября, 2014 - 19:28:54
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Webtest пишет:
у дива склассом divBlockAllNotes 1 элемент имел закруглённые края у рамки сверху, п последний снизу?

Webtest, речь идет о потомках .divBlockAllNotes или самих блоках .divBlockAllNotes? Если о потомках, то селектор .divBlockAllNotes > :first-child
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB