Wojciech Kopycki

Wojciech Kopycki CEO at CopySky

Temat: da sie ustawic element w polowie wysokosci innego...

Dlaczego tak uparcie <a> wyrzucasz poza <form>? Bez zbędnych display: inline-blocków wystarczy dla <a> i <input> nadać "vertical-align: middle" i masz gotowe. ;)
<form>
<a style="vertlical-align: middle;">...</a>
<input style="vertlical-align: middle;" />
</form>
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Wojciech Kopycki:
Dlaczego tak uparcie <a> wyrzucasz poza <form>? Bez zbędnych display: inline-blocków wystarczy dla <a> i <input> nadać "vertical-align: middle" i masz gotowe. ;)
<form>
<a style="vertlical-align: middle;">...</a>
<input style="vertlical-align: middle;" />
</form>

Bo to co jest w a jest osobna caloscia a to co w form osobna, maja swoje wlasne style itp. Tak wiec form nie moze obejmowac a.
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Paweł K.:
mam natomiast inne: Ty pracujesz na stanowisku front-end developera, czy może juniora? Pytanie proszę potraktować poważnie.

Nie, nie mam slowa 'junior' przed nazwa stanowiska. A dlaczego to takie (po)wazne?
Paweł K.

Paweł K. Front-end web
developer

Temat: da sie ustawic element w polowie wysokosci innego...

Maja Miarecka:
Paweł K.:
mam natomiast inne: Ty pracujesz na stanowisku front-end developera, czy może juniora? Pytanie proszę potraktować poważnie.

Nie, nie mam slowa 'junior' przed nazwa stanowiska. A dlaczego to takie (po)wazne?

Bo dla osoby na stanowisku na którym pracujesz rzeczy o które pytasz powinny być oczywiste, niestety.

Mogę zapytać, co takiego masz w <a> ? Bo tam za bardzo blokowych elementów pakować się nie powinno. Jaką osobną całość to stanowi ?
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Paweł K.:
Bo dla osoby na stanowisku na którym pracujesz rzeczy o które pytasz powinny być oczywiste, niestety.

Na szczesie (dla mnie) na moim stanowisku bardziej liczy sie umiejetnosc programowania w JS i PHP (REST application) niz same css, ale dziekuje za opinie.
Mogę zapytać, co takiego masz w <a> ? Bo tam za bardzo blokowych elementów pakować się nie powinno. Jaką osobną całość to stanowi ?

w a jest totalny burdel (pozostalosc po licznych zmianach i usprawnieniach). Jak pisze przy kazdej okazji, ja nie tworze aplikacji, ja tylko poprawiam bledy po wczesniejszych frontendowcach. A ze dotkniecie tutaj czegokolwiek konczy sie zazwyczaj rozwaleniem layoutu, tak wiec staram sie ograniczac TYLKO do zmian w css, co niestety do najprostszych rzeczy nie nalezy.

a tak btw, odnosnie pytania ktorego nie zrozumiales jesli na ktoryms kontenerze uzyty jest float to vertical-align nie chce dzialac.
Paweł K.

Paweł K. Front-end web
developer

Temat: da sie ustawic element w polowie wysokosci innego...

Maja Miarecka:

a tak btw, odnosnie pytania ktorego nie zrozumiales jesli na ktoryms kontenerze uzyty jest float to vertical-align nie chce dzialac.

float czyni element blokowym. Albo jedno albo drugiePaweł K. edytował(a) ten post dnia 22.11.12 o godzinie 15:03
Wojciech Kopycki

Wojciech Kopycki CEO at CopySky

Temat: da sie ustawic element w polowie wysokosci innego...

"vertical-align" nie działa na elementach blokowych. Jaką kompatybilność wstecz potrzebujesz zachować? Jeśli wystarczy IE8+ to faktycznie możesz użyć "display: table-cell" dla <a> i <form> i wtedy centrowanie poziome powinno zadziałać, ale osobiście sugerowałby również poprawę samego HTML. ;)
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Wojciech Kopycki:
"vertical-align" nie działa na elementach blokowych. Jaką kompatybilność wstecz potrzebujesz zachować? Jeśli wystarczy IE8+ to faktycznie możesz użyć "display: table-cell" dla <a> i <form> i wtedy centrowanie poziome powinno zadziałać, ale osobiście sugerowałby również poprawę samego HTML. ;)

IE7+ co czyni zabawe ciekawsza i pelna wyzwan :D
Wojciech Kopycki

Wojciech Kopycki CEO at CopySky

Temat: da sie ustawic element w polowie wysokosci innego...

Maja Miarecka:

IE7+ co czyni zabawe ciekawsza i pelna wyzwan :D

Jeśli chcesz mieć ciekawszą zabawę to proponuję Ci zmierzyć się z IE3 Alpha+ :D Jeśli kod strony i tak jest w tragicznym stanie, a twoim zadaniem jest jedynie wyśrodkowanie elementów w <a> to możesz skorzystać z komentarzy warunkowych:
<a>
<!--[if lt IE 8]><table><tr><td style="vertical-align: middle;"><![endif]-->
[...]
<!--[if lt IE 8]></td></tr></table><![endif]-->
</a>

konto usunięte

Temat: da sie ustawic element w polowie wysokosci innego...

Wojciech Kopycki:
<a>
<!--[if lt IE 8]><table><tr><td [/quote]> style="vertical-align: middle;"><![endif]-->[quote] [...]
<!--[if lt IE [/quote]> 8]></td></tr></table><![endif]-->[quote]</a>


Obrazek
Rafał Krupiński edytował(a) ten post dnia 23.11.12 o godzinie 11:30
Wojciech Kopycki

Wojciech Kopycki CEO at CopySky

Temat: da sie ustawic element w polowie wysokosci innego...

Jakiś problem, Rafale? :D

konto usunięte

Temat: da sie ustawic element w polowie wysokosci innego...

Po prostu bardziej przemawia do mnie wspieranie IE 7 zgodnie z zasadą pareto, nie hakowanie wszystkich dupereli :)
Kordian Zadrożny

Kordian Zadrożny TETA HR, IT.
Konsulting,
Marketing, JOOMLA,
CorelDraw

Temat: da sie ustawic element w polowie wysokosci innego...

a ja perfidnie olewam ie7 i starsze
Wojciech Kopycki

Wojciech Kopycki CEO at CopySky

Temat: da sie ustawic element w polowie wysokosci innego...

Kordian Zadrożny:
a ja perfidnie olewam ie7 i starsze

A co, jeśli klient wymaga kompatybilności nawet z IE6? Olewasz takiego klienta? ;)
Kordian Zadrożny

Kordian Zadrożny TETA HR, IT.
Konsulting,
Marketing, JOOMLA,
CorelDraw

Temat: da sie ustawic element w polowie wysokosci innego...

Jak mi się taki trafi to wam o tym powiem :P

Generalnie rozumieją tłumaczenie, że technologia sprzed 6 lat nie musi być wspierana
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Kordian Zadrożny:
a ja perfidnie olewam ie7 i starsze

Pozazdroscic... u nas wciaz znaczacy procent ogladajacych strony uzywa IE7, a klientow nie wywala sie ze sklepu na zbity pysk...
Kordian Zadrożny:
Jak mi się taki trafi to wam o tym powiem :P

Generalnie rozumieją tłumaczenie, że technologia sprzed 6 lat nie musi być wspierana

Tak, to dziala, jak robisz dla konkretnego klienta, ale nie wtedy, gdy rozwijasz (lub latasz) serwis, ktory nalezy do firmy, w ktorej pracujesz i to, jakie przegladarki wspieramy wynika ze statow, a nie naszego widzimisie. Firma zyje z kazdej odslony (bo to wyswietlenie ilus tam bannerow, integracji itp) wiec nie bedziemy kilku procent userow wysylac na drzewo, bo to sie po prostu nie oplaca ;)Maja Miarecka edytował(a) ten post dnia 26.11.12 o godzinie 08:50
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Wojciech Kopycki:
Maja Miarecka:

IE7+ co czyni zabawe ciekawsza i pelna wyzwan :D

Jeśli chcesz mieć ciekawszą zabawę to proponuję Ci zmierzyć się z IE3 Alpha+ :D Jeśli kod strony i tak jest w tragicznym stanie, a twoim zadaniem jest jedynie wyśrodkowanie elementów w <a> to możesz skorzystać z komentarzy warunkowych:
<a>
<!--[if lt IE 8]><table><tr><td [/quote]> style="vertical-align: middle;"><![endif]-->[quote] [...]
<!--[if lt IE [/quote]> 8]></td></tr></table><![endif]-->[quote]</a>

Uch... nie wyglada to pieknie :D

Ogolnie staram sie w ogole do HTML nie dotykac, bo w kodzie jest wiecej warunkow niz samego HTMLa, ewentualnie dopisuje nazwe klasy i to wszystko. Tak, ze dziekuje za pomysl, ale nie skorzystam :)
Wojciech Kopycki

Wojciech Kopycki CEO at CopySky

Temat: da sie ustawic element w polowie wysokosci innego...

No nie wygląda pięknie, ale dla IE7 i niżej zadziała. :P To może użyj komentarza warunkowego dla samego skryptu dodającego tabelę właśnie w tym miejscu? ;)
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: da sie ustawic element w polowie wysokosci innego...

Wojciech Kopycki:
No nie wygląda pięknie, ale dla IE7 i niżej zadziała. :P To może użyj komentarza warunkowego dla samego skryptu dodającego tabelę właśnie w tym miejscu? ;)

To byloby proste, gdybym miala doczynienia z samym HTMLem, ale ja mam tu mix PHP i HTML z mnostwem warunkow PHPowych. W wiekszosci przypadkow, nawet nie wiem, czy opisane warunki moga w ogole zaistniec :) Dlatego dotykanie sie i wstawianie czegokolwiek jest mocno niezalecane... Nigdy nie wiesz, gdzie i kiedy pojawi sie wstawiony przez Ciebie kod :P

Dziekuje wszystkim za pomysly na rozwiazanie opisanego przez mnie problemu. Podejrzewam, ze gdybym miala szanse sama kodowac to wszystko z co najmniej polowa przypadkow nie spotkalabym sie. Trzymajcie kciuki, zeby rada nadzorcza zaakceptowala nasz pomysl i budzet na przepisanie aplikacji :)

konto usunięte

Temat: da sie ustawic element w polowie wysokosci innego...

Mi się podoba podejście, że IE 6 - "COME OOON"*... IE 7 "ma jakoś wyglądać", IE 8 "ma świetnie wyglądać", IE 9 + normalne przeglądarki: "ma cudnie być".

* - IE 6? Czas pochować to g... do trumny. Jak klient chce, to pewnie.. +33/50% do ceny wdrożenia grafiki + oczywiście obwarowanie zastrzeżeniami, że to, tamto będzie inaczej wyglądać, itp. W innym wypadku ludzieee... będziemy temat IE 6 wałkować do 2020 roku...

O ile nie chodzi o jakiś system online dla ZUSu, czy innej padaki, to właśnie trzeba edukować. Takie Allegro się nie certoliło i "dla kilku procent" olało IE 6. W ogóle kilka procent? No dobra, te 2-3 procent to już jest w sumie "kilka"... zresztą też zależy jakie staty się analizuje.Miłosz Wojaczek edytował(a) ten post dnia 26.11.12 o godzinie 10:34



Wyślij zaproszenie do