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

Particles.js a pozycjonowanie

VPS Starter Arubacloud
0 głosów
113 wizyt
pytanie zadane 17 kwietnia 2018 w HTML i CSS przez Śwież4k Bywalec (2,570 p.)

Witam, Mam problem ze wstawieniem znacznika canvas pod tabelę na mojej witrynie. Jeśli dam position:absolute, któremuś elementowi pod divem particles-js, to wtedy przestają one być wyśrodkowane. Ktoś wie jak wsunąć ten znacznik canvas pod tabele i przy tym nie zmieniając jej pozycji?

<div id="particles-js">
  <div  style="margin-top:50px;" class="container">
     <div class="table-responsive-md">
       <?php
       $rezultat = $polaczenie -> query("SELECT * FROM zadania ORDER BY data");
       $ile_kolumn = $rezultat -> num_rows;

       echo  "<table class='table table-dark' border='0' cellpadding='10' cellspacing='0' >";

       echo "<thead>"."<th scope='col'>Przedmiot</th>"."<th scope='col'>Typ zadania</th>"."<th scope='col'>Opis</th>"."<th scope='col'>Data</th>"."<th scope='col'>Dodano przez</th>";
       if($_SESSION['mod']==1)
       {
           echo "<th scope='col'>Usuń</th>";
       }

       echo "</thead><tbody>";

       while(list($id,$typ,$przedmiot,$opis,$data,$dodano)=mysqli_fetch_row($rezultat))
       {
       echo "<tr><form method='post' class='rekordRemover' action='delete.php'>";
       if($_SESSION['mod']==1)
       {
        echo "<td style='display:none;'><input type='hidden' value=$id name='id'></td>";
       }
       echo "<td name='przedmiot'>".$przedmiot."</td>"."<td name='typ'>".$typ."</td>"."<td name='opis' value='$opis'>".$opis."</td>"."<td name='data' style='color:brown'><b>".$data."</b></td>"."<td name='dodano'>".$dodano."</td>";
   	  if($_SESSION['mod']==1)
   	  {
   		  echo "<td><input style='padding: 5px;' class='btn btn-secondary' type='submit' value='Usuń'></td></form>";
   	  }
 	    echo "</tr>";

       }

       echo  "</tbody></table>";

      $rezultat -> free_result();
      $polaczenie -> close();

      ?>

1 odpowiedź

0 głosów
odpowiedź 17 kwietnia 2018 przez rafal.budzis Szeryf (85,260 p.)
Zrób sobie dwa divy w znaczniku body

Następnie do pierwszego daj całą treść a do drugiego tego canvasa

Oba divy wy pozycjonuj absolutnie

jednemu i drugiemu daj pozycje prawa, lewa, górną i dolną na zero

Div który posiada treść powinien mieć z-index na 2

div z canvasem z-index 1
komentarz 17 kwietnia 2018 przez Śwież4k Bywalec (2,570 p.)
Próbowałem coś podobnego. Na końcu zindexy nie chciały działać. Nwm czemu. Czy to nie czasem przez absoluta?

Podobne pytania

0 głosów
1 odpowiedź 170 wizyt
pytanie zadane 30 sierpnia 2019 w JavaScript przez Majonez.exe Gaduła (3,490 p.)
+2 głosów
0 odpowiedzi 216 wizyt
pytanie zadane 25 września 2017 w Nasze poradniki przez Kacper Cieluch Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 91 wizyt
pytanie zadane 14 grudnia 2015 w C i C++ przez GameProgrammer Obywatel (1,140 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 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!

...