Witam.
Mam problem ze stworzeniem prostej galerii zdjęć w CSS, która byłaby
dobrze widoczna pod IE. Mam następujące problemy:

1. Chiałbym aby każde zdjęcie było przeskalowane i miało dłuższy bok =
100px. Zdefiniowałem więc coś takiego:

#photo img
{
max-width: 100px;
max-height: 100px;
}

Niestety, tylko pod firefoxem tak to wygląda, IE w ogóle nie zmniejsza
zdjęcia.

2. Każde zdjęcie jest elementem listy, którą określiłem jako kwadrat:

#photo li
{
display:inline;
width:112px;
height:112px;
float:left;
padding 5px;
}

co należy zrobić, aby zdjęcia będące wewnątrz elementów listy były
wyświetlane centralnie w tym kwadracie, zarówno te poziome jak i te pionowe?


pozdrawiam,
tycho

do góry

On 1 Mar, 14:44, tycho <t...@g...pl> wrote:
> Witam.
> Mam problem ze stworzeniem prostej galerii zdjęć w CSS, która byłaby
> dobrze widoczna pod IE. Mam następujące problemy:
>
> 1. Chiałbym aby każde zdjęcie było przeskalowane i miało dłuższy bok =
> 100px. Zdefiniowałem więc coś takiego:
>
> #photo img
> {
> max-width: 100px;
> max-height: 100px;
>
> }
>
> Niestety, tylko pod firefoxem tak to wygląda, IE w ogóle nie zmniejsza
> zdjęcia.

Ponieważ właśnie IE nie obsługuje tego.
Może tutaj znajdziesz przyczynek do rozwiązania, to najszybciej:
http://groups.google.com/group/pl.comp.lang.javascri
pt/browse_thread/thread/fc3d0fd116df405c?pli=1

>
> 2. Każde zdjęcie jest elementem listy, którą określiłem jako kwadrat:
>
> #photo li
> {
> display:inline;
> width:112px;
> height:112px;
> float:left;
> padding 5px;
>
> }
>
> co należy zrobić, aby zdjęcia będące wewnątrz elementów listy były
> wyświetlane centralnie w tym kwadracie, zarówno te poziome jak i te pionowe?

Musisz poczytać o tabelach i warstwach w CSS. Nie ma wyjścia.

do góry

On 3 Mar, 00:05, i...@g...pl wrote:
> On 1 Mar, 14:44, tycho <t...@g...pl> wrote:
>
>
>
> > Witam.
> > Mam problem ze stworzeniem prostej galerii zdjęć w CSS, która byłaby
> > dobrze widoczna pod IE. Mam następujące problemy:
>
> > 1. Chiałbym aby każde zdjęcie było przeskalowane i miało dłuższy bok =
> > 100px. Zdefiniowałem więc coś takiego:
>
> > #photo img
> > {
> > max-width: 100px;
> > max-height: 100px;
>
> > }
>
> > Niestety, tylko pod firefoxem tak to wygląda, IE w ogóle nie zmniejsza
> > zdjęcia.
>
> Ponieważ właśnie IE nie obsługuje tego.
> Może tutaj znajdziesz przyczynek do rozwiązania, to
najszybciej:http://groups.google.com/group/pl.comp.l
ang.javascript/browse_thread/...
>
>
>
> > 2. Każde zdjęcie jest elementem listy, którą określiłem jako kwadrat:
>
> > #photo li
> > {
> > display:inline;
> > width:112px;
> > height:112px;
> > float:left;
> > padding 5px;
>
> > }
>
> > co należy zrobić, aby zdjęcia będące wewnątrz elementów listy były
> > wyświetlane centralnie w tym kwadracie, zarówno te poziome jak i te pionowe?
>
> Musisz poczytać o tabelach i warstwach w CSS. Nie ma wyjścia.

I jeszcze: robiąc (ze wzgl. na sposób skalowania obrazka, zdjęcia)
osobną wersję strony dla IE - trzeba w index.html wstawić
JavaScriptowy kod rozpoznający przeglądarkę i w zależności od tego
przekierowujący użytkownika do odpowiedniej wersji strony, dla IE
właśnie tej ze skalowaniem "ręcznym".
Poczytaj tu:
http://www.webdiary.pl/technologie+art.id+204.htm
http://eros.vlo.gda.pl/~wielo/pub/Books/Javascript/K
3/przekierowanie.html
http://www.his.uni.torun.pl/~darekj/webmajstrownia/h
tml/porady/nnie.shtml
http://republika.onet.pl/2531,34,1,63,fabryka.html



Na przyszłość ( co poleciłabym Ci jako pożyteczną ciekawostkę,
przydatną w innych nieco sytuacjach, kiedy chcesz uniknąć wstawiania
kodu JS) warto też wiedzieć o ciekawej własności IE - możliwości
czytania tzw komentarzy warunkowych, podczas gdy inne przeglądarki je
ignorują - a o tym masz tutaj:
http://webmade.org/porady/komentarze-warunkowe-ie.ph
p

Pozdrawiam.
XL

do góry

marzec roku pamiętnego 2009, prawdopodobnie 03. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) i...@g...pl:

> http://www.webdiary.pl/technologie+art.id+204.htm
> http://eros.vlo.gda.pl/~wielo/pub/Books/Javascript/K
3/przekierowanie.html
> http://www.his.uni.torun.pl/~darekj/webmajstrownia/h
tml/porady/nnie.shtml
> http://republika.onet.pl/2531,34,1,63,fabryka.html

Jesteś archeologiem? Te przykłady były pisane z myślą o Netscape 4 i IE
5.

> Na przyszłość ( co poleciłabym Ci jako pożyteczną ciekawostkę,
> przydatną w innych nieco sytuacjach, kiedy chcesz uniknąć wstawiania
> kodu JS) warto też wiedzieć o ciekawej własności IE - możliwości
> czytania tzw komentarzy warunkowych, podczas gdy inne przeglądarki je
> ignorują - a o tym masz tutaj:
> http://webmade.org/porady/komentarze-warunkowe-ie.ph
p

Komentarze warunkowe są *jedynym*, podkreślam -- *jedynym* -- słusznym
sposobem wykrywania IE. A i tutaj warto dodatkowo sprawdzać wersje, bo
IE8 ma kopać tyłki i głupio by było mu aplikować styl dla IE6.
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

do góry

On 3 Mar, 20:33, Mirosław Zalewski <miniopl@CUT_THIS.gmail.com> wrote:
> marzec roku pamiętnego 2009, prawdopodobnie 03. Wielka mądrość na
> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) i...@g...pl:
>
> >http://www.webdiary.pl/technologie+art.id+204.htm
> >http://eros.vlo.gda.pl/~wielo/pub/Books/Javascript/
K3/przekierowanie....
> >http://www.his.uni.torun.pl/~darekj/webmajstrownia/
html/porady/nnie.s...
> >http://republika.onet.pl/2531,34,1,63,fabryka.html
>
> Jesteś archeologiem? Te przykłady były pisane z myślą o Netscape 4 i IE
> 5.

Bo tak trudno sobie przerobić skrypt, mondralo, i dopisać parę linijek
tu i tam. Ty byś chciał kawę na ławę.

:->
> > Na przyszłość ( co poleciłabym Ci jako pożyteczną ciekawostkę,
> > przydatną w innych nieco sytuacjach, kiedy chcesz uniknąć wstawiania
> > kodu JS) warto też wiedzieć o ciekawej własności IE - możliwości
> > czytania tzw komentarzy warunkowych, podczas gdy inne przeglądarki je
> > ignorują - a o tym masz tutaj:
> >http://webmade.org/porady/komentarze-warunkowe-ie.p
hp
>
> Komentarze warunkowe są *jedynym*, podkreślam -- *jedynym* -- słusznym
> sposobem wykrywania IE. A i tutaj warto dodatkowo sprawdzać wersje, bo
> IE8 ma kopać tyłki i głupio by było mu aplikować styl dla IE6.

Jak ktoś sobie aplikuje bez pojęcia same nowinki, to niech mu kopią
tyłek.
Wielkiemico - IE8. Kupa dziur od nowa - i tyle.

> --
> Niżej podpisany, zamieszkały whttp://minio.xt.pl,

Kogo to obchodzi.

do góry

marzec roku pamiętnego 2009, prawdopodobnie 03. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) i...@g...pl:

> Bo tak trudno sobie przerobić skrypt, mondralo, i dopisać parę linijek
> tu i tam. Ty byś chciał kawę na ławę.
>
> :->

Kilka linijek... dla Firefoksa... w dwóch wersjach... Opery...
Konquerora... Arory... siódmego IE... jakiejś popularniejszej
przeglądarki dla urządzeń przenośnych...

Nie wiesz co mówisz. Żeby to się nadawało dzisiaj do użycia, konieczne
by było napisanie tych skryptów zupełnie od nowa. Już pomijając, że
wykrywanie *przeglądarek* jest błędem który webamsterzy popełnili wiele
lat temu, a lamerzy kopiują do dzisiaj. Nawet na stronach MS można
przeczytać że jest to zgubna technika i powinno się stosować wykrywanie
obiektów (jeśli mowa o JS).

> Jak ktoś sobie aplikuje bez pojęcia same nowinki, to niech mu kopią
> tyłek.
> Wielkiemico - IE8. Kupa dziur od nowa - i tyle.

Kolejny expert. Masz jakieś konkretne zarzuty wobec IE8? Czy już
programowo go deprecjonujesz za nazwę?

> > --
> > Niżej podpisany, zamieszkały whttp://minio.xt.pl,
>
> Kogo to obchodzi.

Żal ci dupę ściska że w swoim ułomnym systemie do grup nie potrafisz
ustawić podpisu?
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

do góry

On 3 Mar, 20:33, Mirosław Zalewski <miniopl@CUT_THIS.gmail.com> wrote:

> Komentarze warunkowe są *jedynym*, podkreślam -- *jedynym* -- słusznym
> sposobem wykrywania IE.

Aha. Jedynym. :->

http://fwain.shot.civ.pl/

"Wykrywanie IE

Podobnie jak w komentarze warunkowe wyposażony jest IE tak też
wyposażony został w specjalny bajer w rodzaju kodu JS który tylko on
wykona. Skorzystajmy z niego!


/*@cc_on @*/
/*@if (@_jscript_version < 7)
{
document.styleSheets[0].href="css/ie_fix.css";
}
@end @*/

Jak widać wyrzucając podpięcie arkusza styli do JS pozbędziemy się
zaśmiecającego kod niepotrzebnego śmiecia ;) Idąc dalej możemy sobie
korzystając z jQuery zgotować takie cudo:


$(document).ready(function() {
/*@cc_on @*/
/*@if (@_jscript_version < 7)
{
document.styleSheets[0].href="css/ie6_fix.css";
}
@end @*/
});

Analogicznie porównując zmienną @_jscript_version do wersji IE możemy
podpinać tylko jeden arkusz - w zależności od wersji IE jaką akurat
klient wszedł na stronę."

Lub:
http://www.webmaniak.net/viewtopic.php?f=13&t=198

do góry

On 3 Mar, 22:59, Mirosław Zalewski <miniopl@CUT_THIS.gmail.com> wrote:
> marzec roku pamiętnego 2009, prawdopodobnie 03. Wielka mądrość na
> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) i...@g...pl:
>
> > Bo tak trudno sobie przerobić skrypt, mondralo, i dopisać parę linijek
> > tu i tam. Ty byś chciał kawę na ławę.
>
> > :->
>
> Kilka linijek... dla Firefoksa... w dwóch wersjach... Opery...
> Konquerora... Arory... siódmego IE... jakiejś popularniejszej
> przeglądarki dla urządzeń przenośnych...
>
> Nie wiesz co mówisz. Żeby to się nadawało dzisiaj do użycia, konieczne
> by było napisanie tych skryptów zupełnie od nowa.

Przecież napisąłam, że to przykłady - reszta jest oczywista. Nie będę
pisała od nowa. Podałam linki do poczytania.

> Już pomijając, że
> wykrywanie *przeglądarek* jest błędem który webamsterzy popełnili wiele
> lat temu, a lamerzy kopiują do dzisiaj. Nawet na stronach MS można
> przeczytać że jest to zgubna technika i powinno się stosować wykrywanie
> obiektów (jeśli mowa o JS).
>
> > Jak ktoś sobie aplikuje bez pojęcia same nowinki, to niech mu kopią
> > tyłek.
> > Wielkiemico - IE8. Kupa dziur od nowa - i tyle.
>
> Kolejny expert. Masz jakieś konkretne zarzuty wobec IE8? Czy już
> programowo go deprecjonujesz za nazwę?

Mam zarzuty podobne, jak do IE7 - że jest furtką, ba, bramą dla
infekcji i włamań. I ósemka lepsza nie będzie. W każdym razie na pewno
jej nie zainstaluję, póki nie zrobią łat po złych doświadczeniach
tysięcy maniaków nowinek.

>
> > > --
> > > Niżej podpisany, zamieszkały whttp://minio.xt.pl,
>
> > Kogo to obchodzi.
>
> Żal ci dupę ściska że w swoim ułomnym systemie do grup nie potrafisz
> ustawić podpisu?

A muszę? - nie chce mi się.

> --
> Niżej podpisany, zamieszkały whttp://minio.xt.pl,
> Mirosław Zalewski

Podpis. Mój. Tu wpisać: .......................

do góry

marzec roku pamiętnego 2009, prawdopodobnie 03. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) i...@g...pl:

> On 3 Mar, 20:33, Mirosław Zalewski <miniopl@CUT_THIS.gmail.com> wrote:
>
> > Komentarze warunkowe są *jedynym*, podkreślam -- *jedynym* --
^^^^^^^^^^^^^^^^^^^^
> > słusznym sposobem wykrywania IE.
>
> Aha. Jedynym. :->
[ciach bzdury]
>
> /*@cc_on @*/
^^
Pomyślmy... co może znaczy ,,cc"? Czyżby... ,,Conditional comments*"? Tak!
A jak można to przetłumaczyć na polski? Czy ja słuszałem ,,Komentarze
warunkowe"? Tak, dziękuję.

> Lub:
> http://www.webmaniak.net/viewtopic.php?f=13&t=198

Niby co, jak nie komentarze warunkowe, ta strona przedstawia?
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

* - dobra, wiem że nie ,,comments" a ,,compilation", ale czy użycie
innego słowa cokolwiek zmienia? Zwłaszcza że sam MS zaleca używanie tej
konstrukcji w komentarzu.

do góry

marzec roku pamiętnego 2009, prawdopodobnie 03. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) i...@g...pl:

> Przecież napisąłam, że to przykłady - reszta jest oczywista. Nie będę
> pisała od nowa. Podałam linki do poczytania.

To tak, jakbyś na lekcji biologii najpierw opisała rozmnażanie
prokariotów, a potem, na uwagę o zupełnej nieadekwatności tej wiedzy do
modelu rozmnażania człowieka, stwierdziła że to przecież oczywiste że
jest to tylko przykład.

> Mam zarzuty podobne, jak do IE7 - że jest furtką, ba, bramą dla
> infekcji i włamań. I ósemka lepsza nie będzie. W każdym razie na pewno
> jej nie zainstaluję, póki nie zrobią łat po złych doświadczeniach
> tysięcy maniaków nowinek.

Aha, czyli jak inni experci wydajesz autorytatywną opinię aprioryczną.
Oznacza to że nie mam o czym z tobą rozmawiać.

> >
> > > > --
> > > > Niżej podpisany, zamieszkały whttp://minio.xt.pl,
> >
> > > Kogo to obchodzi.
> >
> > Żal ci dupę ściska że w swoim ułomnym systemie do grup nie potrafisz
> > ustawić podpisu?
>
> A muszę? - nie chce mi się.

To czego się mojego czepiasz?
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

do góry