• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Rozszerzanie diva 'post'

0 głosów
108 wizyt
pytanie zadane 12 maja 2015 w HTML i CSS przez Ehlert Mędrzec (165,080 p.)

Projektuję design diva pod post/wpis na blogu. Wszystko elegancko, jednak zawsze znajdzie się tam miniaturka jakiegoś zdjęcia. Poza tym tekst czasem go nie wyprzedza. min-height nie wystarcza i obrazek wyłazi za diva. Jak zrobić, aby był on rozszerzany przez obrazek? JS?

1 odpowiedź

+1 głos
odpowiedź 12 maja 2015 przez HaKIM Szeryf (83,200 p.)
Szczerze? Nic nie rozumiem.

Daj kod, CSS i HTML.
komentarz 12 maja 2015 przez Ehlert Mędrzec (165,080 p.)
chodzi mi o to, że obrazek nie rozszerza diva w którym się znajduje. A tekst tak.
komentarz 12 maja 2015 przez HaKIM Szeryf (83,200 p.)

Takie buty.

Zapewne wysokość div'a masz w % a zdjęcie w px.

Zrób tak:

<div class="DivDlaObrazka">
    <img src="jakasSciezka.png" class="Obrazek"/>
</div>

Css -

.DivDlaObrazka{
    height: 500px;
}

.Obrazek{
    height: 50%;
}

Nie działa, obejrzyj: https://www.youtube.com/watch?v=E3Nr6shFy3Q.

Tak, tak wiem że nie o to chodzi, ale i tak obejrzyj. :) 

komentarz 12 maja 2015 przez Ehlert Mędrzec (165,080 p.)

wysokość diva to min-height w pikselach.

komentarz 12 maja 2015 przez HaKIM Szeryf (83,200 p.)

A spróbuj w css zdjęcia dać:

background-size:contain;

Więcej opcji tutaj:

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover.

Podobne pytania

+1 głos
1 odpowiedź 60 wizyt
pytanie zadane 3 grudnia 2018 w HTML i CSS przez Hardwell Gaduła (4,270 p.)
0 głosów
2 odpowiedzi 83 wizyt
pytanie zadane 10 czerwca 2018 w JavaScript, jQuery, AJAX przez Bartosz Kamiński Nowicjusz (170 p.)
0 głosów
1 odpowiedź 228 wizyt
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

64,798 zapytań

111,258 odpowiedzi

233,984 komentarzy

46,695 pasjonatów

Przeglądających: 247
Pasjonatów: 7 Gości: 240

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...