------ HTML CSS

pytanie zadane 30 grudnia 2017 w HTML i CSS przez ziomek7 Obywatel (1,060 p.)
zamknięte 31 grudnia 2017 przez ziomek7

Witam, atrubut hover oraz <a> poniewaz w tym miejscu strona nie przenosi do linku źle działa przez występowanie marginesów. Co mogę zrobić? Próbowałem "z-index: 10" ale nie zadziałało.

Zdj problemu :

https://ibb.co/hcsNcG
https://ibb.co/dOCzPw

Pliki HTML i CSS: https://jsfiddle.net/5fLcxd5b/

komentarz zamknięcia: problem rozwiazany

1 odpowiedź

odpowiedź 30 grudnia 2017 przez maciej.tokarz Nałogowiec (27,260 p.)

Hej,

wykorzystując ten generator, można uzyskać taki efekt.

Ale nie jestem pewien czy o to chodziło...

komentarz 30 grudnia 2017 przez ziomek7 Obywatel (1,060 p.)
edycja 30 grudnia 2017 przez ziomek7

Hej, dziękuje bardzo za zajęcie się moim problem. Zadacjąc pytanie chodziło mi tylko o ty, ze przyciski górne nie są klikalne od dolnej połowy - najeżdżając na nie z boku. Dzięki za kod który napewno jest lepiej zrobiony od mojego :)

chociaż nadal mnie interesuje jak rozwiązać ten problem... margines dolnego kafejka nachodzi na kafelek górny. Wyglada to tak ze możemy najechać na kafelek dolny, on się powiększy przez atrybut hover i przejeżdżając na dolną polowe górnego kafelka ten się nie powiększy i nie jest w tym miejscu klikalny.

)

komentarz 30 grudnia 2017 przez maciej.tokarz Nałogowiec (27,260 p.)

Nie analizowałem Twojego kodu aż tak dogłębnie. Specem od CSS też nie jestem :-)
No i warto poznać bootstrap, który to w prosty sposób umożliwia rozmieszczanie elementów na stronie.

M.