Skocz do zawartości

Wyświetlanie strony w IE oraz pomoc przy ustawieniu glyphsicon CSS


bgnjeden
 Udostępnij

Rekomendowane odpowiedzi

Witam,

pracuje nad swoją pierwszą stroną (portfolio) i mam problem z wyswietlaniem jej w przeglądarce IE.

gdy włączę index.html za pomocą IE to strona nie wyswietla sie prawidłowo i wyskakuje okienko "Program IE ograniczył ..... formantów activex"

2d9xdk.jpg

1zdoglz.jpg

dopiero gdy zaakceptuje skrypty activex to strona wyswietla sie tak jak powinna (tak jak w chrome, mozilla firefox)

29zeba1.jpg

2gsr3om.jpg

zalezy mi na tym aby moje portfolio wyswietlało sie prawidłowo w IE poniewaz duzo osob jeszcze korzysta z tej przeglądarki

a jak zobaczą jakies okienko o niebezpiecznych skryptach, ktore mogą uszkodzic/zainfekować komputer to większosc po prostu opusci stronę (nie wszyscy sie znają dobrze na komputerach i jak zobaczą taki komunikat to spanikują i szybko wyłączą moją witrynę)

drugi problem to ustawienie za pomocą css ikonek (glyphsicon) tak, aby były wycentrowane względem tekstu

mam tak:

dpiemb.jpg

i chce to ladnie wysrodkowac w pionie (tekst względem ikonek lub ikonki względem tekstu, whatever)

bardzo proszę o pomoc

dziekuje z góry wszystkim

Odnośnik do komentarza
Udostępnij na innych stronach

Witaj,

dziekuje za zainteresowanie.

spróbowałem drugiego sposobu podanego przez Ciebie ale przy display: table-cell; ikonki wyswietlały sie nad tekstem.

moze wkleje fragment kodu jak to wygląda

HTML:

                    

Kontakt

  • (maciej.baginski91@gmail.com
  • _725269032
[/code] CSS (bez display: table-cell; tak jak wspomnialem wczesniej ikonki byly nad tekstem a nie takiego efektu oczekuje):
[code] .contact-info ul li i { font-size: 22px; font-family: 'icomoon'; padding-right: 5px; vertical-align: middle; }

i wygląda to tak (jak widac nie jest to jeszcze idealnie wyrównane no i jeszcze słuchawkę coś ucięło :D):

2ic8a4x.jpg

Odnośnik do komentarza
Udostępnij na innych stronach

udało mi się wysrodkowac.

podaje kod css poniewaz chce sie dowiedziec czy on jest poprawny skladniowo i czy moze tak byc (ale skoro sie poprawnie wyswietla na ie, mozilla oraz chrome to chyba jest ok)

	.contact-info ul li {

		font-size: 13px;

		line-height: 28px;

		color: #666;

		overflow: hidden;

		padding-bottom: 6px;

	}

	.contact-info ul li  i {

		float: left;

		font-size: 28px;

		font-family: 'icomoon';

		padding-right: 6px;

		vertical-align: middle;

		display: table;

		margin-top: -2px;

	}

a wygląda to tak:

2hmhms7.jpg

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

×