cs-joke.pl forum
HTML5 + Lightbox potrzebuje pomocy! - Printable Version

+- cs-joke.pl forum (https://cs-joke.pl)
+-- Forum: Komputery (https://cs-joke.pl/forum-1.html)
+--- Forum: Windows (https://cs-joke.pl/forum-4.html)
+--- Thread: HTML5 + Lightbox potrzebuje pomocy! (/thread-30992.html)



HTML5 + Lightbox potrzebuje pomocy! - suttles2003 - 17 Feb 2020

Cześć wszystkim, spójrzcie na moją galerię. Na pierwszy rzut oka wygląda na to, że układ miniatur jest kreatywny. Ale tak naprawdę kodowanie nie zostało wykonane poprawnie !!   Niech ktoś rzuci trochę światła na to, co powinienem edytować, aby właściwie wyrównać / ułożyć obrazy o różnych rozmiarach.   Dziękuję Ci.     Galeria zdjęć Darrena   gallery.darrendaantonio.com     * - Naprawię problem z rozmiarem obrazu po kliknięciu na obraz PÓŹNIEJ.


RE: HTML5 + Lightbox potrzebuje pomocy! - wolverine3xl - 17 Feb 2020

JesusLovesUs napisał: Cześć wszystkim, spójrzcie na moją galerię. Na pierwszy rzut oka wygląda na to, że układ miniatur jest kreatywny. Ale tak naprawdę kodowanie nie zostało wykonane poprawnie !! Niech ktoś rzuci trochę światła na to, co powinienem edytować, aby właściwie wyrównać / ułożyć obrazy o różnych rozmiarach. Dziękuję Ci. Galeria zdjęć Darrena gallery.darrendaantonio.com * - Naprawię problem z rozmiarem obrazu po kliknięciu na obraz PÓŹNIEJ. Jeśli pytasz, dlaczego obrazy nie są prezentowane w komórkach tabeli, odpowiedź wynika z tego, jak specyfikacja CSS określa, w jaki sposób przepływy kontenerów mają być pozycjonowane. Jeśli szukasz więcej komórek tabeli, takich jak sposoby prezentacji, sugeruję użycie stylu display: inline do sterowania układem. http://designshack.net/articles/css/...ut-css-floats/ Przeczytaj powyżej, znajdziesz wszystko, co musisz wiedzieć o układzie modelu pudełka.


RE: HTML5 + Lightbox potrzebuje pomocy! - allieangel11 - 17 Feb 2020

davidktw napisał: Jeśli pytasz, dlaczego obrazy nie są prezentowane w komórkach tabeli, odpowiedź wynika z tego, jak specyfikacja CSS określa, w jaki sposób przepływy kontenerów mają być pozycjonowane. Jeśli szukasz więcej komórek tabeli, takich jak sposoby prezentacji, sugeruję użycie stylu display: inline do sterowania układem. Wszystko, czego nigdy nie wiedziałeś o CSS Floats | Design Shack Przeczytaj powyżej, znajdziesz wszystko, co musisz wiedzieć o układzie modelu pudełka. Naprawienie tego zajmie co najmniej tydzień! RE: Nie mam pojęcia, które .css edytować, ponieważ używam domyślnych plików css lightbox.


RE: HTML5 + Lightbox potrzebuje pomocy! - swapnachepoori - 17 Feb 2020

JesusLovesUs napisał: Naprawienie tego zajmie co najmniej tydzień! RE: Nie mam pojęcia, które .css edytować, ponieważ używam domyślnych plików css lightbox. Dlaczego twój pojemnik „li” w pojemniku „div” znajduje się w „ol”? nie potrzebujesz „ol”, użyj „ul”, a następnie usuń „div” i umieść elementy „li” bezpośrednio zagnieżdżone jako dzieci pod pojemnikiem „ul”. Następnie zastosuj następujący styl Kod: #imagecontainer ul> li { display: inline; }


RE: HTML5 + Lightbox potrzebuje pomocy! - klmandra965 - 17 Feb 2020

davidktw napisał: Dlaczego twój pojemnik „li” w pojemniku „div” znajduje się w „ol”? nie potrzebujesz „ol”, użyj „ul”, a następnie usuń „div” i umieść elementy „li” bezpośrednio zagnieżdżone jako dzieci pod pojemnikiem „ul”. Następnie zastosuj następujący styl Kod: #imagecontainer ul> li { display: inline; } Wymagane są <div class = "single first"> i <div class = "single"> i <div class = "single last">, patrz przykład na końcu tego postu. Jeśli usunę div i zmienię ol na ul, zobaczysz, co to jest teraz gallery.darrendaantonio.com <<<<< * Uwaga - Bez różnicy przy zmianie na UL lub OL Oto kolejny przykład http://gallery.darrendaantonio.com/index.html kliknij „PRZYKŁAD” na pasku bocznym, aby zobaczyć różnicę.


RE: HTML5 + Lightbox potrzebuje pomocy! - neil.ralph - 17 Feb 2020

JesusLovesUs napisał: Wymagane są <div class = "single first"> i <div class = "single"> i <div class = "single last">, patrz przykład na końcu tego postu. Jeśli usunę div i zmienię ol na ul, zobaczysz, co to jest teraz gallery.darrendaantonio.com <<<<< * Uwaga - Bez różnicy przy zmianie na UL lub OL Oto kolejny przykład gallery.darrendaantonio.com kliknij „PRZYKŁAD” na pasku bocznym, aby zobaczyć różnicę. Poprosiłem cię o użycie UL zamiast OL to tylko moja propozycja znaczników semantycznie poprawnych. Nie powinno być inaczej. Moim wymaganiem jest usunięcie DIV, ponieważ są one nieprawidłowo zagnieżdżone. Dzieci UL / OL są LI, a nie DIV. Chociaż może się to wydawać możliwe, nie jest zalecane. Poprosiłem Cię o zastosowanie stylów wymienionych powyżej, ale nie zrobiłeś tego, oczywiście, że nic nie działa. Oczywiście nadal nie jest to wystarczająco dobre. Ponieważ obrazy nie są tego samego rozmiaru, co sprawia, że wyglądają raczej niezręcznie. Najważniejsze pytanie brzmi: jeśli robisz miniatury, jestem pewien, że możesz je przyciąć, aby uzyskać ładnie wyglądające miniatury tej samej wielkości, prawda? Zapewniam, że będzie wyglądać o wiele ładniej w porównaniu z dopasowaniem najdłuższej krawędzi do wyobrażonej kwadratowej granicy, szczególnie gdy niektóre z twoich zdjęć mają duży stosunek długości do szerokości. Tylko podczas przeglądania obrazów w lightboxie, w którym prezentowany jest rzeczywisty wymiar. Pomyśl o tym, bądź elastyczny. Miniatury można wyświetlać jako podgląd, ponieważ ikony nie muszą być całkowicie takie same jak rzeczywista zawartość.