Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Problem z wysokością divów
czarymaryhokus
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 9.03.2015

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


Witajcie
Mam problem z wysokością divów. Używam Bootstrapa ale to chyba raczej bez znaczenia jeżeli chodzi o problem.
Na obrazku pokazałem co chcę osiągnąć:

(IMG:http://pics.tinypic.pl/i/00641/p6qufsp1v1ri.jpg)

Chcę żeby przy mniejszej rozdzielczości w jednej linii były 2 kolumny a przy większej np. 4.
Więc rozwiązaniem jest taki schemat:

Kod
<wiersz>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
.....
</wiersz>


Problem z nim jest taki że jeżeli tekst przy jednym obrazku zajmuje kilka linijek a przy innych mniej to w kolejnej linijce wszystko się przesuwa.
Oczywiście wysokości bloku nie mogę ustalić gdyż nie są one stałe.

Rozwiązaniem złym w tym przypadku jest poniższy schemat gdyż nie osiągnę zamierzonej responsywności:
Kod
<wiersz>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
</wiersz>
<wiersz>
<kolumna></kolumna>
<kolumna></kolumna>
<kolumna></kolumna>
</wiersz>
.....


mam nadzieję że ktoś będzie umiał mi pomóc (IMG:style_emoticons/default/smile.gif)

Ten post edytował czarymaryhokus 9.03.2015, 10:50:57
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
czarymaryhokus
post
Post #2





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 9.03.2015

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


wtf? Czy ja kogoś obrażam pytając? chyba po to jest forum?
Mam 36 lat więc nie wiem kto byłby dzieckiem? ... dorobić? oj nie muszę raczej i nie zamierzam (IMG:style_emoticons/default/smile.gif) . Koderem nie jestem a sieciowcem więc mogę nie mieć wystarczającej wiedzy i dlatego pytam... Robię projekt dla bliskiej mi osoby i tylko dlatego tym się zajmuje... instytucje? Napisałem "biurowe ludki" mogą na nią wchodzić a nie że instytucja za to płaci...
Nie umiesz pomóc nie pomagaj i nie troluj. Nawet jakbym miał naście lat (a nie mam) to ktoś pyta bo nie wie...

Css3 -> column-count I @media?
Standardowo tak jak napisałem w IE10 działa dopiero i jakbyś spojrzał na obrazek to byś widział że interesuje mnie aby następny wiersz był równy (zaczynał się od jednej linii) a nie poszczególne kolumny wchodziły pod te które są wyżej a standardowo tak to działa...


Float i centrowanie...? albo ja czegoś nie wiem (co jest całkiem możliwe albo Ty nie zrozumiałeś problemu no bo jakby nie patrzeć go nie rozwiązałeś tylko wyjechałeś z wakacjami...).
Jeśli zaś nie jesteś trolem a tylko miałeś słabszą chwilkę to będę wdzięczny za pomoc jeśli ktoś mi z nią przyjdzie i nawet napisze nie da się...

Patrzać np. na bootstrapa i kod który dałem poniżej (col-md-4 ma domyślnie float!) to ładnie zadziała ale teksty muszą być takiej samej wysokości.

Kod
<div class="row">
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
</div>


Rozwiązanie jest poniżej ale wtedy tracimy możliwość pokazania obrazków i tekstów w jednym rzedzie po 2 lub po 4 jakbyśmy chcieli. a takich bloków będę miał nawet 50!


Kod
<div class="row">
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
</div>
<div class="row">
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
  <div class="col-md-4"></div>
</div>


pozdrawiam

Ten post edytował czarymaryhokus 10.03.2015, 00:19:30
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 14.10.2025 - 01:01