[CSS][HTML]Dlaczego nie mogę wyśrodkować w pionie?, HELP! Opcje

[-xavi_sof-]

http://jsfiddle.net/3yL6a/1/


http://projekcior.com/PROJECTS/CODING-Pros...rest/index.html

Mam problem nadal... Po dodaniu ikonek tekst znów się sypie (leci w górę, do samej góry bloku). Nie wiem jak to ugryźć żeby było to szybkie, fajne rozwiązanie problemu.... Proszę o pomoc

Ten post edytował xavi_sof 11.06.2014, 11:38:21

[YourFrog]

Powód: Jak dodałeś obrazek to elementy LI zaczeły posiadać 21 px wysokości.

Rozwiązanie:
Jest multum rozwiazań do tego ja preferuje nadać odpowiednią wysokość dla tekstu jak na obrazku (pamiętaj o dokładnym określeniu stylowanych elementów bo ja pizgłem na LI).


Ten post edytował YourFrog 11.06.2014, 12:34:42

[-xavi_sof-]

Powód: Jak dodałeś obrazek to elementy LI zaczeły posiadać 21 px wysokości.

Rozwiązanie:
Jest multum rozwiazań do tego ja preferuje nadać odpowiednią wysokość dla tekstu jak na obrazku (pamiętaj o dokładnym określeniu stylowanych elementów bo ja pizgłem na LI).

Tylko że takie rozwiązanie jest sztywne... Jeżeli komuś uwidzi się zmienić tekst na 100px to posypie się, ponieważ trzeba wtedy też zmienić line-height. Chyba że się myle i po prostu tak musi być, na sztywno zwymiarowane, hm?

Ew. Przychodzi mi do głowy pomysł aby załatwić to z poziomu js

[YourFrog]

vertical-align: middle

Ale mistrzem css'a nie jestem i nie pamiętam jaki obiekt musi mieć display żeby zadziałało. Spróbuj może zainteresować się LESS CSS jeżeli nie robisz widoku responsywnego. Jeżeli robisz to musisz czekać aż jakaś mądra głowa od css'a ci odpowie.

[-xavi_sof-]

vertical-align: middle

Ale mistrzem css'a nie jestem i nie pamiętam jaki obiekt musi mieć display żeby zadziałało. Spróbuj może zainteresować się LESS CSS jeżeli nie robisz widoku responsywnego. Jeżeli robisz to musisz czekać aż jakaś mądra głowa od css'a ci odpowie.

Chciałbym stworzyć taką klase w css, która będzie środkowała w pionie. Jeżeli dodam gdzieś dalej tą klase, w dalszej części strony to żeby mi ona wyśrodkowała w pionie. Hmm... Czy to dobre myślenie?

[YourFrog]

Spróbuj tak


Wątpie żebyś znalazł idealna metodę do wszystkich przypadków. Ale to tak jak mówiłem nie znam za bardzo css'a.

[-xavi_sof-]

A może coś w takim układzie HTML:
http://projekcior.com/PROJECTS/CODING-Pros...rest/index.html

Wszystko powsadzać do osobnego DIVA i każdy div osobno wyśrodkować względem wysokości div klasy .bar (niebieskiego paska). Hm?
Już sam nie wiem, ręcę opadają... Fuszerki nie chce odwalać.


Ten post edytował xavi_sof 11.06.2014, 13:16:48