Wsparcie » Motywy » Stała odległość

  • Witam

    Jestem trochę zielony, ale wiem że jest możliwość ustalenia stałej wysokości wszystkich kolumn w „pojemniku 100%” i to jest w porządku na różnych urządzeniach i różnych rozdzielczościach. Natomiast czy jest jakaś możliwość ustalenia stałych odległości między zawartością/treścią różnych okienek w tychże kolumnach?

    Chodzi mi o to że mam np. 3 kolumny obok siebie i ich wysokość jest stała, ok. Ale w tychże kolumnach mam po jednym obrazku i po jednym okienku z tekstem nieco różnej długości. Chciałbym aby niezależnie od rozdzielczości ekranu każdy obrazek przylegał do górnej części każdej kolumny a pole z tekstem przylegało do dolnej części kolumny, a zmieniała się elastycznie jedynie przestrzeń między nimi.
    Czy jest to w ogóle możliwe? Czy za dużo nakombinowałem 🙂 Próbowałem coś robić z separatorami i ich wartością procentową ale coś mi nie wychodzi.

    Z góry dziękuję wszystkim za pomoc 🙂

    • This topic was modified 7 years, 5 months temu by mar0.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Fiddle machnięty na szybko:
    https://jsfiddle.net/zw1sjg3m/2/
    – nie będę tłumaczył całości, bo byłoby to tłumaczenie całego CSS. Kluczowe jest tutaj nadanie stałej wysokości pojemnika dla tekstu oraz jeśli zajdzie taka potrzeba, to dodania do niego overflow:hidden;. Reszta zdaje się mówi za siebie.

    Obrazek i tekst rozdzieliłem hr’em(horizontal rule) ze stałymi marginesami, bardziej ze względu na estetykę ale zamiast niego możesz np. ustawić padding-bottom:50px; dla pojemnika obrazka, tj. tylko i wyłącznie w przypadku, gdy jest to blok, inaczej paddingi na niego nie zadziałają.

    Mam nadzieję, że trochę rozjaśniłem całość 🙂

    Thread Starter mar0

    (@mar0)

    Dziękuję za pomoc. Jutro będę to rozkminiał 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • Temat ‘Stała odległość’ jest zamknięty na nowe odpowiedzi.