nav - błąd

napisano 28 lis 2017, 15:37 przez puzzelx

Posty: 3
Strona 1 z 1
AUTOR TEMATU
Awatar użytkownika
Nie wybrano

puzzelx
Użytkownik
28 lis 2017, 15:37
Witam. Jestem początkującym programistą. Nigdy taki problem nie występował :/ Chodzi o to "skakanie"
Problem:


HTML:

Kod: Zaznacz cały

<nav> <a class="menu" href="#portfolio">Portfolio</a> <a class="menu" href="#omnie">O mnie</a> <a class="menu" href="#kontakt">Kontakt</a> </nav>
CSS:

Kod: Zaznacz cały

nav { margin-top: 200px; } a { text-decoration: none; color: #ffffff; font-size: 15px; } .menu:hover{ border-radius: 20px; border-style: solid; border-color: #FFFFFF; } a.menu{ padding: 15px 15px; display: inline-block; width: 20%; }

Jeżeli zły dział to proszę o przeniesienie i z góry przepraszam.

Pozdrawiam, puzzel!
Ostatnio zmieniony 28 lis 2017, 15:40 przez puzzelx, łącznie zmieniany 1 raz.

28 lis 2017, 15:40
Dzieje się tak ponieważ nie masz zdefiniowanego bordera na elemencie a. W momencie hovera dopiero go tworzysz. Co należy zrobić? Do a dodać border, a na hover zmienić tylko jego kolor. Poniżej działający kod

https://codepen.io/anon/pen/YEJzoV

AUTOR TEMATU
Awatar użytkownika
Nie wybrano

puzzelx
Użytkownik
28 lis 2017, 15:43
O Panie.. na logikę.. dzięki.. można lock :D

Ten temat został przeniesiony z Zagadnienia webmasterskie do Archiwum przez Anonymous (28 lis 2017, 19:03)
Ten temat został przeniesiony z Archiwum do Zagadnienia webmasterskie przez Damian (29 lis 2017, 12:09)
Posty: 3
Strona 1 z 1




Aby w pełni korzystać z naszego forum zaloguj się lub zarejestruj.

Tylko zarejestrowani użytkownicy posiadają dostęp do wszystkich funkcji na forum.

  • Utwórz konto

    Zarejestruj nowe konto, to zajmie Ci kilkanaście sekund

    Rejestracja

  • Zaloguj się

    Posiadasz już konto? Użyj go

    Zaloguj się