Proszę:
https://snag.gy/OsvFQc.jpg
https://snag.gy/EUlhBp.jpg
Moje pytanie brzmi jak odnaleźć plik w CSS w którym należy dopisać ten fragment: .banner-top img {max-width:100%}
Proszę:
https://snag.gy/OsvFQc.jpg
https://snag.gy/EUlhBp.jpg
Moje pytanie brzmi jak odnaleźć plik w CSS w którym należy dopisać ten fragment: .banner-top img {max-width:100%}
Nie sądzę, że wystarczy zadeklarować szerokość 100% dla img.
1. Określć należałoby min-width i max-width i to w jednowstkach bezwzględnych
2. Jeśli posługiwac się procentami, to najpierw trzeba ustalić szerokość macierzystego kontenera (procenty działają w kontekście do szerokości obiektu zawierającego obiekt wymiarowanny w procentach).
@zwiastun
dziękuję za zainteresowanie tematem.
Czy te parametry nie są w przypadku mojego szablonu określone jeżeli dostosowuje się do różnych rozmiarów ekranów? Czy to nie ma w takim przypadku znaczenia?
@moje: Dla mnie nie działają: http://prntscr.com/hi6dqr
@okmiwww: a daj linka do twojej strony... i wszystko będzie jasne.
Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)
Sprawa jest bajecznie prosta. Dodaj:
Dodaj ten kod do pliku:Kod:.banneritem img {max-width: 100%;}
ROOT/templates/headline/css/custom.css (jeśli nie masz tego pliku, to go utwórz, używasz szablonu opartego o T3 więc obsługuje ten plik).
Potem odśwież stronę z CTRL + F5 (chodzi o wyczyszczenie pamięci podręcznej przeglądarki.
Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)
@zwiastun
Ad 1 i 2, wszystko zależy od szablonu i koncepcji jego twórcy. Najmniej inwazyjnym i najbardziej uniwersalnym działaniem będzie dodanie właśnie tej jednej linii kodu CSS.
@sristru, nie wiem czemu masz taki komunikat.
Webdeveloper do usług ;)
1. nie mam, ja widzę załączniki.
2. Jaki dodac kod, można określić dla konkretnego przypadku. Podane przez @sistru rozwiazanie pewno zadziala, choć nieoczekiwany efekt może dać na dużych ekranach.
Oczywiście, że wszystko zależy od konkretnego szablonu. Jednakże zaproponowana reguła mówi: nadaj maksymalną szerokość = 100% szerokości nadrzędnego pojemnika. Jeśli szerokośc nadrzędnego pojemnika jest sensownie określona, wszytsko jest OK. Ale jeśli nie jest? Dlatego trzeba szukać rozwiązania dla konkretnego przypadku, a nie stosowac reguły oderwane od kontekstu.
@zwiastun: mylisz się. To oczym piszesz, "nadaj maksymalną szerokość = 100% szerokości nadrzędnego pojemnika" to jest width: 100% (tak wynika z twojego opisu).
W tym przypadku element będzie miał zawsze szerokość nadrzędnego pojemnika - jeśli będzie on większy niż element, ten zostanie powiększony.
max-width: 100% oznacza "niech twoja szerokość NIE będzie większa niż 100% nadrzędnego pojemnika".
W tym przypadku element będzie zachowywał swoją szerokość i może nawet nie wypełniać nadrzędnego pojemnika, ale gdy pojemnik się zmniejszy, element zeskaluje się tak by nie być od niego większy, może wypełnić pojemnik do 100% ale nigdy nie będzie większy.
W bootstrapie domyślnie img mają taką własność.
Ref: https://www.w3schools.com/cssref/pr_dim_max-width.asp
Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)
Może niejasno to napisałem, ale odnosiłem się, oczywiście, do reguły max-width=100%. Wszystko, co piszesz, to prawda, zwłąszcza w zdaniu "Niech twoja szerokość NIE będzie większa niż 100% nadrzędnego pojemnika". Pod jednym jedynym warunkiem, że szerokość nadrzędnego pojemnika jest określona (bezpośrednio lub odziedziczona). W przeciwnym przypadku owo 100% odnosi się do szerokości elementu (obrazka), bo nie ma jej do czego odnieść. Dlatego napisałem dość ostrożnie, że podane przez Ciebie rozwiązanie z pewnością zadziała, choć może przynieść nieoczekiwany efekt np. na dużych ekranach. Różnica między width a max-width jest tylko taka, że pierwsza właściwość wyznacza konkretną szerokość, druga maksymalną. Gdy użyjesz wartości procentowych albo jednostek em, musisz uwzględnić kontekst, do którego te procenty lub emy odnosisz.
W całości to niuans, ale niuans istotny: wartość procentowa odnosi się do konkretnego kontekstu (i nie ma tu znaczenia, czy to jest width, czy max-width), dlatego projektant nie może tego kontekstu pomijać.