Cześć wszystkim, spójrz na moją galerię. Na pierwszy rzut oka wygląda na to, że układ miniaturek jest kreatywny. Ale w rzeczywistości kodowanie nie odbywa się prawidłowo !! Ktoś proszę rzucić trochę światła na to, co powinienem edytować, aby odpowiednio wyrównać
HTML5 Lightbox potrzebuje pomocy!
JesusLovesUs napisał: Cześć wszystkim, spójrz na moją galerię. Na pierwszy rzut oka wygląda na to, że układ miniaturek jest kreatywny. Ale w rzeczywistości kodowanie nie odbywa się prawidłowo !! Ktoś proszę rzucić trochę światła na to, co powinienem edytować, aby odpowiednio wyrównać
davidktw napisał: Jeśli pytasz, dlaczego obrazy nie są prezentowane w komórce tabeli, odpowiedź wynika z tego, w jaki sposób specyfikacja CSS określa, jak powinny być wyświetlane przepływy kontenerów. Jeśli szukasz więcej sposobów prezentacji w komórce tabeli, sugeruję użycie stylu wyświetlania: w stylu linii do sterowania układem. Wszystko, czego nigdy nie wiesz o pływających CSS
JesusLovesUs napisał: Zajmie to co najmniej tydzień, aby to naprawić! RE: Nie mam pojęcia, które pliki .css edytować, ponieważ korzystam z domyślnych plików css lightbox. Dlaczego twój kontener "li" w kontenerze "div" wewnątrz "ol"? nie potrzebujesz "ol", użyj "ul", a następnie usuń elementy "div" i umieść elementy "li" bezpośrednio zagnieżdżone jako dzieci pod kontenerem "ul". Następnie zastosuj następujący styl Kod: #imagecontainer ul> li { display: inline; }
davidktw napisał: Dlaczego twój kontener "li" w kontenerze "div" wewnątrz "ol"? nie potrzebujesz "ol", użyj "ul", a następnie usuń elementy "div" i umieść elementy "li" bezpośrednio zagnieżdżone jako dzieci pod kontenerem "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ę element div i zmieni się na ul, zobaczysz, co to jest teraz gallery.darrendaantonio.com <<<<< * Uwaga - nie ma różnicy w przypadku zmiany na UL lub OL Oto kolejny przykład http:
JesusLovesUs napisał: Nie wiem, jak używać twojego kodu, więc ustawiam klasę div na szerokość i wysokość 214 piksele. Wierzę, że będzie to dla ciebie korzystne, jeśli nauczysz się korzystać z narzędzi Firebug i Google Chrome dla programistów. Widzę, że używasz też sassa.
davidktw napisał: Wierzę, że będzie to dla ciebie korzystne, jeśli nauczysz się korzystać z narzędzi Firebug i Google Chrome dla programistów. Widzę, że używasz też sassa. tak, nauczę się ich w przyszłości i ulepszę moją stronę D: SASS został dostarczony przez wtyczkę lightbox, nie lubię używać CSS i wolę używać <style = "">.
JesusLovesUs napisał: tak, nauczę się ich w przyszłości i ulepszę moją stronę D: SASS został dostarczony przez wtyczkę lightbox, nie lubię używać CSS i wolę używać <style = "">. To jest nieprawidłowe. Powinieneś powstrzymać się od używania atrybutu "styles" w elemencie bezpośrednio, kiedy się rozwijasz. W przypadku wdrożeń produkcyjnych zawsze stosuj arkusze stylów jako sposób wdrażania stylów na swoich elementach. Pomaga skonsolidować mnóstwo stylów zamiast je zaśmiecać w swoim zawiłym zestawie kodów HTML. Pomaga upewnić się, że wprowadzone zmiany są zgodne z innymi stylami, aby ułatwić ich odczytywanie. SASS nie są stylami, które będą odczytywane bezpośrednio przez przeglądarki. Są to klasy stylów zaprojektowane z myślą o lepiej zarządzanych stylach, które wciąż są redefiniowane w css. Używają dziedziczenia, aby lepiej zarządzać sprawami w sposób hierarchiczny. Powinieneś skorzystać z tej możliwości podczas projektowania swojej galerii, aby się uczyć. Nie ma lepszego czasu, aby się czegoś nauczyć, a następnie używać go pożytecznie w pracy, tak jak się uczyć praktycznie. Z pewnością przeciągnie twoją oś czasu, by coś ukończyć, ale zadaj sobie pytanie, czy jesteś w pośpiechu? Jeśli nie, kontynuuj, jak przeprowadzić debugowanie za pomocą firebuga i Google Chrome. Zalecam używanie google chrome, ponieważ narzędzie dla programistów jest już wbudowane i dość solidne i interesujące. Wcześniej używam głównie firebug
« Next Oldest | Next Newest »
Users browsing this thread: 2 Guest(s)