Zdjęcie obok Div'ów

pytanie zadane 8 marca 2017 w HTML i CSS przez rejzer Użytkownik (680 p.)
zamknięte 10 marca 2017 przez rejzer

Witam. Posiadam problem z ułożeniem zdjęcia obok 2 divów żeby wszystko było zamknięte w divie.

Mianowicie chciałbym aby obok zdjęcia ustawił się na równi z nim tytuł a pod tytułem paragraf. ale gdy to staram się ustawić za pomocą float: left; to obraz jest na swoim miejscu wraz z tytułem i paragraphem ale div sie nie generuje w dół. lub gdy nie dodam float: left; to tło się generuje ustawia tak jak potrzebuję a tytuł i tekst jest na dole. załączniki z problemem: jakieś pomysły jak to można ustawić? [świeży w tym jestem]

komentarz zamknięcia: najlepsza

1 odpowiedź

odpowiedź 8 marca 2017 przez jaca121212 Nałogowiec (40,760 p.)
wybrane 10 marca 2017 przez rejzer

Najlepsza

Zacznę od tego że jeśli masz dany problem to także wstaw kod HTML jak i CSS.

Poczytaj o flex albo inline-block problem powinieneś rozwiązać

Pokaż 7 poprzednich komentarzy

komentarz 8 marca 2017 przez rejzer Użytkownik (680 p.)

moglibyśmy porozmawiać o tym na np teamspeak'u lub skype? wytłumaczyłbyś mi jak to działa :/

komentarz 9 marca 2017 przez jaca121212 Nałogowiec (40,760 p.)

JeSli będziesz za pomocą PHP wyświetlał newsy to ci się będzie tło generowało automatycznie mówiąc tutaj o tle body. Chciałbyś pewnie nmieć osobne tło body a ospbne tło do wyświetlania news-ów wtedy trzeba zastosować jeszcze jednego diva dla całości wyświetlania news

<div class="content-news">
<div class="news-logo">
<img src="" alt="">
</div>
<div class="news-title">
<h1></h1>
</div>
<div class="news-article">
<p></p>
</div>
<span class="line"></span>
</div>

Mniej wiecej tak powinno to wyglądać od strony HTML jak bym jeszcze po zmieniał co nieco ale nie chce ci mieszać w głowie bo bym zastosował tagi HTML 5 estetycznie by to wyglądało. kwestia kodowania CSS to jeśli sobie nie poradzisz to daj znać.

komentarz 9 marca 2017 przez rejzer Użytkownik (680 p.)

ja dopiero z php'em zaczynam jedyne co na ten moment z php rozumiem to jak wsadzić i wyciągnąć wartość nic wiecej :/ co do tła to tło na którym mam logo nawigacje a pod tym mam to specjalne generowane tło z całym "postem" na tej zasadzie planowałem zrobić :/ nie chcę się bawić w joomle czy wordpress a ręcznie sam tego raczej na ten moment nie napiszę :/ ale skoro tak mówisz to chyba zacznę od początku dzięki. jeżeli znalazłbyś chwilę i chęć to byś mi wytłumaczył po kolei :/

komentarz 9 marca 2017 przez jaca121212 Nałogowiec (40,760 p.)

Nie powinienem tutaj wstawiać gotowców. Ale taki przykładzik zrobiłem.

https://jsbin.com/vagadesine/edit?html,output

komentarz 9 marca 2017 przez rejzer Użytkownik (680 p.)

Miło ale nie oto chodziło :/ chodziło oto że masz div'a z tłem które się generuje gdy dodajesz kolejne elementy. w konstrukcji miało to wyglądać tak że po lewej stronie będzie div ze zdjęciem po prawej/środka tytuł i pod tytułem paragraf a zdjęcie jest równie wielkie na cały ten tytuł i paragraf.
schemat działania w linku http://imgur.com/a/Xr2To