• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Przy użyciu diplay flex divy nie ustawiają się we własciwy sposób

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
304 wizyt
pytanie zadane 13 kwietnia 2019 w HTML i CSS przez Gekon Początkujący (380 p.)
zamknięte 13 kwietnia 2019 przez Gekon

Chodzi o ułożenie obok siebie, w jednej lini divów, które znajdują się w sekcji main.

Wszystkie te divy mają klasę "zaleta". W każdym z nich znajduje się h2 z tekstem "W 100% naturalna".

Obecnie układają się pod sobą. 

Dodam, że kiedy usunąłem część kodu html i css, zostawiając tylko te fragmenty, które dotyczą problematycznej sekcji main, divy układały się prawidłowo obok siebie. 

Czy ktoś wie co powoduje ten problem?

https://codepen.io/grzegorz-kondracki/pen/VNzxXW

komentarz zamknięcia: Problem rozwiązany.

2 odpowiedzi

+1 głos
odpowiedź 13 kwietnia 2019 przez pablop76 VIP (123,460 p.)
wybrane 13 kwietnia 2019 przez Gekon
 
Najlepsza
.promise button:hover {
     box-shadow: 0px 5px 20px #283392;
    }
}

Usuń ostatnią klamerkę 

komentarz 13 kwietnia 2019 przez Gekon Początkujący (380 p.)
Dziękuję!
0 głosów
odpowiedź 13 kwietnia 2019 przez mrspock1 Mądrala (6,420 p.)

Ten efekt można uzyskać przez float=left, zobacz na ten przykład

html:

<div id="wrap">	    
    <div id="logo">
	  <img src="img/film_projector.gif" alt="projektor" width="100" height="100"> 
    </div>
    <div id="title">
	  Witaj na naszej stronie opisującej wybitne filmy XX wieku. 			
    </div>
</div>

css:

#wrap{width:100vw; height:100px;}
#logo{ height: 100px; background:white; width:20%;float: left;}
#title{ background:green; float: left; height:100px;  word-wrap: break-word;
         overflow-wrap: break-word; width:60%}

 

Podobne pytania

0 głosów
2 odpowiedzi 624 wizyt
pytanie zadane 18 sierpnia 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)
+1 głos
3 odpowiedzi 339 wizyt
pytanie zadane 25 lipca 2021 w JavaScript przez Doge Gaduła (3,420 p.)
0 głosów
1 odpowiedź 528 wizyt

93,110 zapytań

142,088 odpowiedzi

321,612 komentarzy

62,451 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...