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 :: Текст под иконкой

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
pantela
Отправлено: 18 Июля, 2014 - 11:12:06
Post Id



Частый посетитель


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


Помог: 1 раз(а)
Есть горизонтальное меню
CODE (html):
скопировать код в буфер обмена
  1. <nav>
  2.         <ul>
  3.                 <li><a href="#"><i class="icon icon-home"></i><br />Home Page</a></li>
  4.                 <li><a href="#"><i class="icon icon-user-md"></i><br />Agents</a>
  5.         </ul>
  6. </nav>

P.S. Убрал название классов чтобы код легче воспроизвести.

Сейчас через <br /> сделал что бы текст был под иконкой, но хотелось бы через CSS сделать, какие атрибуты надо прописать для этого в <i class="icon icon-home"></i>

спс.Ув.

(Отредактировано автором: 18 Июля, 2014 - 11:13:53)

 
 Top
IllusionMH
Отправлено: 18 Июля, 2014 - 11:39:51
Post Id



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


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


Помог: 242 раз(а)
pantela, а основы подучить? В последнее время на форуме сплошные вопросы начального уровня.
По решению задачи: блочные элементы располагаются друг под другом, если нет флоатов.

(Отредактировано автором: 18 Июля, 2014 - 11:40:18)

 
 Top
pantela
Отправлено: 18 Июля, 2014 - 12:04:00
Post Id



Частый посетитель


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


Помог: 1 раз(а)
спс, и удалите тему, я просто не знал по какому запросу найти решение...

Сорри.
 
 Top
DelphinPRO
Отправлено: 18 Июля, 2014 - 12:27:46
Post Id



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


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


Помог: 353 раз(а)
рекомендую каждый значащий элемент заворачивать в отдельный тег, и давать ему класс.
в данном случае у нас есть иконка и есть подпись. два элемента в одном блоке.

CODE (html):
скопировать код в буфер обмена
  1. <li>
  2.     <a href="#" class="ico">
  3.         <i class="icon icon-home"></i>
  4.         <span class="ico-title">Home Page</span>
  5.     </a>
  6. </li>


CODE (css):
скопировать код в буфер обмена
  1. .ico {}
  2. .ico-title {
  3.   display: block;
  4. }


-----
Чем больше узнаю, тем больше я не знаю.
 
 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