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

CSS - div nachodzący na div

VPS Starter Arubacloud
0 głosów
617 wizyt
pytanie zadane 22 stycznia 2020 w HTML i CSS przez mi-20 Stary wyjadacz (13,190 p.)

Cześć. Jestem zupełnie nowy w CSS i chciałbym zrobić coś takiego

szare pole to obrazek tła. W jaki sposób nasunąć jedną kolumnę na drugą?

 

Dzięki

1
komentarz 22 stycznia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
pokaż kod

2 odpowiedzi

0 głosów
odpowiedź 22 stycznia 2020 przez lapa19904 Stary wyjadacz (11,560 p.)
Można zrobić to na kilka sposobów.

- wrzucić taką grafikę jako background

 - wrzucić div-a z background-color i dać mu niski z-index (pamiętaj że parametr z-index działa tylko kiedy element ma nadany position).

- ujemne marginy albo postion absolut (nadal również z mniejszym/większym z-index)

Nie szukałbym rozwiązania dając background-color i size dla container-a bo widać że wygładzone narożnika tj. border-radius.  

Jak wrzucisz kod może znajdę lepsze rozwiązanie.
komentarz 22 stycznia 2020 przez mi-20 Stary wyjadacz (13,190 p.)

mam coś takiego https://jsfiddle.net/2yo0v4n5/

0 głosów
odpowiedź 22 stycznia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
 <div class="col-6">
        <div class="bg">
        </div>
 </div>
 <div class="col-6">...</div>

Po co rozdzielasz tak siatke bootstrapa? To Ci wszystko psuje. Masz za duzy balagan w kodzie ale polecam zrobic taka strukture

  <div class="col-12">
        ...background
        <div class="col-8" styles="margin: auto;">
        pytania...
</div></div>

 

 

komentarz 22 stycznia 2020 przez mi-20 Stary wyjadacz (13,190 p.)

oki. Z tym sobie poradziłem.

Mam jeszcze jedno pytanie odnośnie zwijania i rozwijania prostokątów.

Mam kod jQuery

 jQuery(document).ready(function( $ ){
    $('.content').slideUp();

        $('.__text').click(function(){
            $(this).siblings('.content').toggle('slow')
          $('.icon-btn-more').removeClass('fa-chevron-down')
          $('.icon-btn-more').addClass('fa-chevron-up')
        });
});

i działa ok. Kiedy okno się rozwija zmieniam ikonę. Teraz kiedy okno się zwija chciałbym zrobić odwrotność. Jak wykryć kiedy okno jest zwijane a kiedy rozwijane?

komentarz 22 stycznia 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
możesz mi gdzieś podesłać caly kod?

Podobne pytania

0 głosów
1 odpowiedź 124 wizyt
pytanie zadane 9 sierpnia 2016 w HTML i CSS przez Anoonymous Obywatel (1,560 p.)
+1 głos
2 odpowiedzi 277 wizyt
pytanie zadane 26 czerwca 2020 w C i C++ przez Szarlotka Użytkownik (890 p.)
0 głosów
2 odpowiedzi 97 wizyt
pytanie zadane 10 lutego 2016 w HTML i CSS przez tirex Gaduła (4,430 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...