Защо изчезна HOVER ефекта?
Регистрирах се в https://www.000webhost.com/, направих и акаунт в Cushycms. Изпълних всички стъпки от урока и ето как се получи при мен https://fleursdebach.net23.net/index.html !
Всичко работи на 100%- слайдъра, ефекта върху бутоните и самите бутони. Единствено не се справих с copyright текста, който остана най-отдолу и не влезе в контейнера си - footer. Виждам, че и при други колеги се е получило това.
Имам един въпрос:
В Cushycms качих файла index.html заедно с прилежащите фолдъри с images, css & js. Към бутона Aboutme на index.html вързах страницата, която направих в Урок 3 „Метод с няколко слоя“ от Модул 4 от курса. Тази страница https://fleursdebach.net23.net/aboutme.html също ъплоуднах заедно с прилежащия css file и images ,като през Cushycms зададох на бутоните Home и Tutorials адреси, съответно при натискане на Home да се връща в главната страница. Стилът на бутоните беше направен в Stylizer с :hover IMG, но след като зададох адреси към тях, ефектът за изсветляване на бутоните, когато се придвижи мишката върху тях изчезна. Ефектът се запази само за тези бутони, към които няма зададена връзка, т.е. бутоните Articles & Contacts.
Откъде може да е този проблем-дали трябва да преправя нещо със Stylizer или има някаква несъвместимост и противоречие в страниците или е по повод функциите на Cushycms или нещо друго? Моля ви за помощ.
Здравей, екстра изглежда упражнението. hover ефекта се е развалил понеже кода ти:
<a class="menubutton cushycms" href="tutorial.html">
<a href="https://time.is/">
<img alt="" border="0" height="57" src="imag1/sITE-EXERCISE_08.jpg" width="143" />
</a>
</a>
има два 'a' тага един в друг. Според спецификацията, не можеш да имаш така вкарани един в друг 'a' тагове. Това кара броузера да го възприеме като бъг и да се опита да го поправи на:
<a class="menubutton cushycms" href="tutorial.html"></a>
<a href="https://time.is/"><img alt="" border="0" height="57" src="imag1/sITE-EXERCISE_08.jpg" width="143"></a>
което е още по-грешно и самата ти връзка остава без css class.
Премахни едното 'a' и направи бутоните да са като другите два.
Вашият отговор
