Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pusty div
mdynda
post 27.07.2019, 21:19:45
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 24.07.2019

Ostrzeżenie: (0%)
-----


Witam,
mam pytanie odnośnie użycia background dla diva.
Mam dwie kolumny, z których jedna jest zawsze równa wysokości drugiej więc jak mam np 10 linijek tekstu w jednej to w drugiej mam obrazek automatycznie na tą samą wysokość - tego chciałem.

Problem jest taki, że div z obrazkiem jest pusty, a obraz ładuje do niego poprzez background w CSS, bo mam position, size itd. dla background...
Jak to rozwiązać bym w divie z obrazkiem dawał <img src=""> i by nie był pusty... bo domyślam się że puste divy nie są zgodne ze sztuką. Czy da sie do img przypisać takie same parametry jak dla background ?
Pozdrawiam

HTML

  1. <div class="container section imgContent">
  2. <div class="row display-flex">
  3. <div class="col-12 col-md-6 imgContentText">
  4. <h2>Zdjęcie plus tekst</h2>
  5. <p>
  6. Spicy jalapeno bacon ipsum dolor amet ham hock andouille burgdoggen beef ribs, biltong meatball cupim sausage drumstick ground round spare ribs ribeye ball tip.
  7. </p>
  8. </div>
  9.  
  10. <div class="col-12 col-md-6 imgContentImg">
  11. //tutaj wole miec img src zamiast pustego diva, ale by działało to dokładnie jak background w CSS
  12. </div>
  13. </div>
  14. </div>



CSS
.imgContent .imgContentImg {
background-image: url(/img/small/apartment-257344.jpg);
background-position: center;
background-size: cover;
min-height: 200px;
}
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 27.06.2025 - 06:46