|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.07.2014, 03:56 | #1 |
Форумчанин
Регистрация: 13.07.2012
Сообщений: 357
|
Проблемный псевдоэлемент :after
Доброго времени суток.
Только начал изучать html/css... Посему думаю я на время покину раздел "Новички в программировании" и обоснуюсь тут, хотя может тему стоило делать в "Помощь студентам"? Вопрос в следующем. Нужно поставить лейбл после любой позиции в маркированном списке(у меня там где класс kat_leibl). Код HTML:
<ul> <li class="kat_li">Цветы <ul> <li class="kat_leibl">Живые цветы</li> <li>Исскуственные цветы</li> </ul> </li> <li class="kat_li">Игрушки <ul> <li>Мягкие игрушки</li> <li class="kat_leibl">Конструкторы</li> </ul> </li> <li class="kat_li">Книги <ul> <li class="kat_leibl">Аудиокниги</li> <li>Книги в мягком переплете</li> </ul> </li> </ul> PHP код:
PHP код:
PHP код:
Работать оно хочет только в таком случае, но заполняет лейблом всё(ну это то понятно, главное что картинка грузиться, всё ок) PHP код:
Последний раз редактировалось Artsiom; 28.07.2014 в 04:00. |
28.07.2014, 05:18 | #2 |
Старожил
Регистрация: 03.01.2014
Сообщений: 2,870
|
Чем пробовать 100500 вариантов, может лучше 1 раз прочитать?..
Псевдоэлемент :after |
28.07.2014, 05:46 | #3 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Топик-стартеру: если не доперло, то псевдоэлементы не работают без свойства content.
Тем более, ты указываешь фоновую картинку не указывая при этом размеров. п.с. "правильно" псевдоэлементы писать с удвоенным двоеточием, так они отделяются по логике от псевдоклассов (состояний), однако принято их писать с одинарным двоеточием благодаря самому лучшему в мире браузеру 8й версии.
Alar, верни репу!
|
29.07.2014, 16:52 | #4 |
Форумчанин
Регистрация: 13.07.2012
Сообщений: 357
|
Блин. В методичке такого не написано. Даже в примерах кода такого нет.
Получается теперь нужно постоянно консультироваться с html.manual.ru или htmlbook.ru Вот так и скачивай видеоуроки |
29.07.2014, 18:50 | #5 |
Форумчанин
Регистрация: 13.07.2012
Сообщений: 357
|
А, не. Не работает.
PHP код:
|
01.08.2014, 01:33 | #6 |
Форумчанин
Регистрация: 13.07.2012
Сообщений: 357
|
И всё равно не работает.
Как бы не перебирал... |
01.08.2014, 02:16 | #7 |
Старожил
Регистрация: 03.01.2014
Сообщений: 2,870
|
Качество видеокурсов прямо пропорционально компетентности их автора. Можно встретить и весьма стоящие видеокурсы.
Однако, в силу того, что при современном развитии технологий сделать свой видеокурс может практически любой желающий, интернет, особенно в последнее время, наводнён материалами увы далеко не высокого качества. Обратитесь к литературе и/или к надёжным интернет источникам. Посмотрите внимательно на свой код и перечитайте посты выше включая статью на htmlbook.ru по ссылке. |
09.08.2014, 01:54 | #8 | |
Форумчанин
Регистрация: 13.07.2012
Сообщений: 357
|
Цитата:
Хелп. Не могу понять. Смотрю я на код, смотрю сайт. Опять код, опять сайт(кстати он сломался чего-то, наверно протёр взглядом). Ну нет ошибки. Всё должно работать, но не работает. |
|
09.08.2014, 02:32 | #9 |
Старожил
Регистрация: 03.01.2014
Сообщений: 2,870
|
Есть. Поэтому и не работает.
Вам уже сказали в чём 1 из проблем. В коде псевдоэлемента не указаны размеры картинки. Значения для width и height браузер, к сожалению, сам не придумает. Есть ещё 2я проблема. Помимо размера также следует указать position. Для наглядности в помощь пример со stackoverflow: CSS background image in :after element Браузер отображает только то, что есть в разметке и CSS. То что в них есть, то Вы и видите. Если не прописано всё что нужно для отображения after, то вполне естественно, что браузер его не показывает. Не по теме. Рано сдаваться. Ещё даже зима не началась. |
09.08.2014, 12:26 | #10 |
Форумчанин
Регистрация: 13.07.2012
Сообщений: 357
|
Я думал придумает. У меня картинка 16х16, чего думать, вставил как есть и так сойдёт
Хм, спасибо. Сегодня попробую. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
проблемный StringGrid | Dmitri446 | Помощь студентам | 20 | 17.05.2014 18:40 |
Проблемный участок кода | 3StYleR | Общие вопросы C/C++ | 1 | 06.10.2012 21:45 |
проблемный доклад по Ассемблеру | mistrikoff | Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM | 2 | 14.11.2011 15:49 |
Проблемный вывод строки из резидента | TAUREN | Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM | 2 | 11.12.2010 14:22 |
Indy или проблемный код? | garyanikin | Работа с сетью в Delphi | 3 | 18.01.2010 16:21 |