Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]img src - rozciąganie obrazka
Forum PHP.pl > Forum > Przedszkole
michalsaa
Witam.
Czy jest jakiś sposób aby zmusic obrazek wstawiony w html czyli :

Kod
<img src="obrazek.jpg">

tak aby rozciągał się na szerokość na 100% ? Wiem jak zrobić to w background. Niestety nie mogę tego tak zrobić bo cms (joomla obrazek artykułu) do którego chcę coś takiego zrobić w szablonie, wstawia obrazek jako img. Czy jest na to jakiś sposób ?
Arcioch
W stylach dodaj aby zdjęcie w artykule miało width: 100% oraz display: block.
Czyli:

  1. #id_albo_klasa_do_artykułu img{
  2. display: block;
  3. width: 100%;
  4. }
michalsaa
O to chodziło. Pięknie dziękuję.
Zadam jeszcze jedno pytanie. Czy jest możliwość ustawienia wysokości takiego obrazka w % ? Bo jak daję np 50% to nic się nie zmienia. Dopiero jak dam w px.
sloenthran
Cytat(michalsaa @ 18.05.2016, 21:15:42 ) *
O to chodziło. Pięknie dziękuję.
Zadam jeszcze jedno pytanie. Czy jest możliwość ustawienia wysokości takiego obrazka w % ? Bo jak daję np 50% to nic się nie zmienia. Dopiero jak dam w px.


Dodaj sobie jeszcze do stylu poniższy kod i powinno Ci działać smile.gif

  1. html {
  2. height: 100%;
  3. }
  4.  
  5. body {
  6. height: 100%;
  7. }
michalsaa
Zrobiłem jak piszesz ale dalej bez zmian. Chodzi mi tylko oto aby obrazki były równe na wysokość, więc należało by jakąś stałą określić. Tylko, że przy responsywnym szablonie nie mogę użyć pixeli.
Arcioch
Jedyne co mi przychodzi do głowy to takie coś smile.gif
https://jsfiddle.net/t6j405hh/3/
Trzeba założyć, że max-height to wysokość najmniejszego obrazka.
michalsaa
Wygląda na to, że wszystko działa smile.gif Dodałem tylko width: 100% aby rozciągało się na całą szerokość.
Jeszcze raz wielkie dzięki.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.