[npsr]

hej, a ikonki dodaję sobie tak:

[data-icon]:before {

font-family: 'entypo';

content: attr(data-icon);

speak: none;

font-weight: normal;

-webkit-font-smoothing: antialiased;

font-size: 1.7em;

margin-right: 0.2em;

position: relative;

top: 1px;

text-align: center;

}

I teraz wielkie pytanie: jako, że ikonki mają różne szerokości a jak widać na załączonym obrazku, text-align nie bangla, co zrobić, żeby były wyśrodkowane względem siebie?

Dodam, że html wygląda tak:

- Home

span jest widoczny, ale na rgba(255,255,255,0) (wieeeeem, kompatybilność później).

#webdev #pytanie #firstworldproblems #css3 #css

Acha, oczywiście wolałbym nie używać osobnych styli do poszczególnych ikon oczywiście :)

[m.....k]

@npsr: text-alajn moze nia banglac, bo li maja dynamiczna szerokosc i browser nie wie do czego centrowac. Ot strzal na slepo (a raczej pijano)

[npsr]

@mikrowypok: jakbym sam był trzeźwy. no ale to nie tyczy się w tym momencie li, tylko :before dla elementu z przypisanym data-icon ;) Czyli wg.DOM należy do a :)

[m.....k]

@npsr: 100% dlatego ze jest dynamiczna szerokosc. Popatrz czy li, czy a czy niewiem co musisz dac fixed width. Inaczej nie bedzie wiedzial do czego ma srodkowac.

[m.....k]

@npsr: I co? Dziala? Dziala.. mowielm :P

[npsr]

@mikrowypok: no jednak nie ;) musiałbym dać fixed width na [data-icon]:before przy czym straciłoby to sens :P bo po to jest samo data-icon, żeby nie .... chociażżżżżż, nie, dupa. rwd polegnie albo ja skrobiąc kolejne linijki :P

[m.....k]

musiałbym dać fixed width na [data-icon]:before przy czym straciłoby to sens

@npsr: Dlaczego? Nie wiem co robisz, ale moim zdaniem komplikujesz sobie zycie tym beforem.

Tak w ogole to gdzie ten home ze spana?

[npsr]

@mikrowypok: ułatwiam właśnie ;)

home nie jest before span, tylko before a :) Span jest niewidoczny, póki nie będzie a:hover span {rgba(200, 200, 200, 1;} // w dużym skrócie :)

[m.....k]

@npsr: A czemu nie zrobisz -
<a href="redtube.com>Homo

Czy entypo da sie tylko jako atrybut uzywac? Nie wiem, nie uzywalem nigdy, wiec pytam.