css - flex
Wyniki 1 do 8 z 8

Temat: css - flex

  1. #1
    Wyjadacz qrdziel awatar
    Dołączył
    04-11-2005
    Wpisy
    608
    Punkty
    21

    Domyślny css - flex

    chcialbym w sekcji wysrodkowac dwa elemeny
    pisze html:
    Kod HTML:
       <section class="container-center"> 
          <h1>LOGO</h1> 
          <h2>slogan reklamowy</h2> 
        </section>
    css:
    .container-center {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center }
    normalnie h1 i h2 ustawiaja sie jedno pod drugim, ale poniewaz jest flex to potraktowane sa jak blokowo

    Prawdopodobnie najlepszy serwis komputerowy w Londynie -> https//ictlaboratory.com




  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2

  4. #3
    Wyjadacz qrdziel awatar
    Dołączył
    04-11-2005
    Wpisy
    608
    Punkty
    21

    Domyślny

    o toto
    dziala
    a tak z ciekawosci gdybym chcial zmiksowac: dwa obok siebie i jedno pod spodem.
    Np.:
    logo | nazwa
    slogan

    Prawdopodobnie najlepszy serwis komputerowy w Londynie -> https//ictlaboratory.com




  5. #4
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    Jak usuniesz z mojego przykładu jeden element (dziecko) z niebieskiego, to co się stanie?

  6. #5
    Wyjadacz qrdziel awatar
    Dołączył
    04-11-2005
    Wpisy
    608
    Punkty
    21

    Domyślny

    hmmm
    nie wiem
    mam tak:
    Kod HTML:
       <section class="container-center"> 
          <h1 class="logo">LOGO</h1>       <h1 class="nazwa">Nazwa</h1> 
          <h1 class="slogan">slogan reklamowy</h1> 
        </section>
    i albo jeden kolo drugiego,albo jeden nad drugim

    Prawdopodobnie najlepszy serwis komputerowy w Londynie -> https//ictlaboratory.com




  7. #6
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    Nie usunąłeś jednego eleoentu dokładnie tak, jak prosiłem...
    Np. tak https://codepen.io/piotr-kwiatkowski/pen/LYbMWWX

  8. #7
    Wyjadacz qrdziel awatar
    Dołączył
    04-11-2005
    Wpisy
    608
    Punkty
    21

    Domyślny

    dobre rozwiazanie.
    ale chciałbym, aby był jeden contener 80vh, a w nim centralnie na srodku trzy bloki H1 - dwa obok siebie i jeden zaraz pod nimi
    w Twoim rozwiązaniu dolny tekst jest za daleko

    Prawdopodobnie najlepszy serwis komputerowy w Londynie -> https//ictlaboratory.com




  9. #8
    Senior Bazyl awatar
    Dołączył
    02-08-2008
    Skąd
    Skierniewice
    Wpisy
    7 693
    Punkty
    574

    Domyślny

    Trzy bloki h1 to nie jest dobry pomysł ;-)

    Do mojego rozwiązania dodaj właściwy css i osiągniesz to, co chcesz.

Podobne tematy

  1. Jb Flex Slider - podwójny nagłówek problem
    przez balckbrookly na forum Rozszerzenia - problemy z obsługą, zarządzaniem
    Odpowiedzi: 0
    Ostatni post/autor: 22-07-2014, 00:57
  2. css/t<br /> emplate.css zamiast css/template.css
    przez docxxx na forum Administracja - ogólne
    Odpowiedzi: 1
    Ostatni post/autor: 23-05-2010, 01:02
  3. [CSS] [Walidacja] Formatowanie CSS via JS
    przez Rybik na forum Własne rozwiązania
    Odpowiedzi: 1
    Ostatni post/autor: 22-05-2007, 18:10
  4. Problem z Flex Content
    przez ADE na forum Administracja Joomla!
    Odpowiedzi: 0
    Ostatni post/autor: 12-09-2006, 20:11
  5. template_css.css klasy css
    przez jamic na forum Szablony graficzne
    Odpowiedzi: 5
    Ostatni post/autor: 31-05-2006, 21:39

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •