Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

konsultant

[Nieaktualny] Przesunięcie hover w dół- jak? [Nieaktualny]

Promowane odpowiedzi

konsultant    43

Cześć, mam przycisk, który po najechaniu na niego kursorem wygląda tak - S7hgBR8.png

Kod CSS jest następujący do całej belki menu - .menu { padding: 5px 0 0; z-index: 10; position: relat...

 

To szablon na shoperze, jest ktoś w stanie wskazać mi gdzie i jak przesunąć położenie tego hovera kilka px w dół, tak aby był wyśrodkowany?

 

Dzięki :-)

 

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
BlackIce    3,533

Musisz podać link do strony albo jakieś demo. Po samym kodzie (szczególnie takim zagnieżdżonym ) ciężko ogarnąć gdzie jest problem.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Mativve    1,284

Z tego co widzę, nie ma tam żadnego after czy before więc jest to atrybut title dla tagu 'a' i można go ostylować mniej więcej tak:

https://paulund.co.uk/css3-only-tooltips

lub

Edit fiddle - JSFiddle

lub

Edit fiddle - JSFiddle

 

Link do tematu ze stacka:

html - How to change the style of Title attribute inside the anchor t...

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
konsultant    43
2 godziny temu, Mativve napisał:

Z tego co widzę, nie ma tam żadnego after czy before więc jest to atrybut title dla tagu 'a' i można go ostylować mniej więcej tak:

https://paulund.co.uk/css3-only-tooltips

lub

Edit fiddle - JSFiddle

lub

Edit fiddle - JSFiddle

 

Link do tematu ze stacka:

html - How to change the style of Title attribute inside the anchor t...

 

 

To chyba nie ten efekt, mi chodziło tylko o wyśrodkowanie tego brązowego prostokąta po najechaniu na napis np. ,,Nowości", ponieważ tekst jest po środku ogólnej belki, a ten hover już nie :?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Mativve    1,284

@konsultant

.menu .innermenu .menu-list {

overflow: hidden;

height: 44px;

}

 

overflow:hidden; powoduje schowanie elementów które wychodzą poza element

height:44px powoduje, że wysokość jest na sztywno ustawiona więc rozwiązaniem jest usunięcie height i zostawienie samego overflow:hidden;

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×