Menu - Problem

Question

Witam, mam do Was pytanie jak zrobić to menu (http://jsfiddle.net/Ryt5H/9/), żeby tak nie skakało po najechaniu na jedna fa fa icone? Jeśli się nie będzie dało zrobić,aby nie skakało to dołożyć do tego animacje.

Comments

link nie działa :)

---

Już działa :)

---

@Paweł.,  
proponowałabym zrobić to po bożemu i nie dodawać tekstu za pomocą pseudoelementów, tylko coś w stylu:

<li class="forum">
    <a href='{setting="base_url"}'>
        <span class="fa fa-home" aria-hidden="true"></span>
        <span>Forum</span>
    </a>
</li>

I po prostu poukrywać te spany z tekstem i na :hover je pokazywać.
A przy okazji staraj się używać do stylowania klas, a nie id :)

---

Próbowałem to samo, ale chciałbym tekst pod fa fa icona. a gdy dodaje <br> To nie jest pod, później chce to wystylizować w css to chodzą mi wszystkie Fa fa icony :/

---

Ale generalnie to co próbujesz uzyskać?

Chcesz mieć menu złożone z ikonek a jak ktoś na ikonkę najedzie to ma się pojawić tekst pod spodem tak? Tzn ikonka zostaje na swoim miejscu cały czas?

---

Ikonka zostaje na swoim miejscu a tekst po najechaniu na daną ikonkę się wyświetla tak jak np na fa fa-home Pod spodem wyswietla sie Forum itd. A reszta ikonek zeby nie skakala

Answer 1

Należy ustawić position: absolute; dla kazdego:after żeby wyjąc napis z obiegu i  nie powodować zmiany układu elementów.

Comments

To się nazywa toltip.

---

Zmieniłem display:none; na display:block; 'Działa jak natura chciała' ^^