Skocz do zawartości

CSS ukrywanie wiersza tabeli

kaoso

Przez kaoso
w Dla początkujących

Rekomendowane odpowiedzi

kaoso Newbie

kaoso

Opublikowano
Opublikowano

Witam

Mam funkcję w js która za pomocą podmiany klasy zmienia widoczność elementów na stronie

JS:

... document.getElementById(idElementu).className = tuKlasa ...

CSS:

...

.hide {display: none;}

.show {display: block;}

...

Wszystko gra na wartstwach itp. ale jak próbuję ukrywać wiersz tabeli <tr id="ukryjTo">, wiersz zostaje ukryty ale pozostałe wiersze przesuwają się. Nadając block części tabeli psuje się "szyk". Znacie może sposób jak tego uniknąć? Zmiana block na inline, inline-table nic nie daje. Da się w ogóle przywrócić stylem normalny format tabeli, czy po prostu nie powinno się wiersza wyrywać z kontekstu i nic nie poradzę by wracał jak przed zmianą?

50% kod rabatowy na Hosting WWW, SSD, SEO lub serwer VPS - tylko do 28 listopada - info pw (seohost.pl)

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

Na przyszłość polecam jednak właściwe dla danego tematu działy forum: https://www.forum.opt.../15-html-i-css/

--

coś takiego działa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="pl" lang="pl" xmlns="https://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<style type="text/css" media="all">
.hide1 {display: none;}
</style>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="5" width="100%">
<tr>
<th>Table header</th>
<th>Table header</th>
</tr>
<tr class="hide1">
<td width="20%">Table cell 1A</td>
<td>Table cell 1B</td>
</tr>
<tr class="hide2">
<td width="20%">Table cell 2A</td>
<td>Table cell 2B</td>
</tr>
</table>
</body>
</html>

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
kaoso Newbie

kaoso

Opublikowano
  • Autor
Opublikowano

@blackpress.pl dzięki "table-row" działa jak trzeba :) zapomniałem o tym. jeszcze go nie używałem, nie było potrzeby i zapomniałem że istnieje :)

@Mion sory jak nie ten dział, bardziej mi na przedszkole to wydawało mi się bo wiedziałem że to bardzo proste tylko coś mi umknęło... ale ok.

co do Twojego kodu... wiem że tak działa, chyba nie doczytałeś tego co pisałem bo tak właśnie robiłem... nie chodziło mi o ukrywanie które mi działa a o powrót ukrytego fragmentu do "biegu" (nie wiem jak to nazwać...) po ponownym włączeniu - jak się okazało w tabeli nie block a table-row stosujemy :)

temat do zamknięcia, dzięki za pomoc :)

50% kod rabatowy na Hosting WWW, SSD, SEO lub serwer VPS - tylko do 28 listopada - info pw (seohost.pl)

Odnośnik do komentarza
Udostępnij na innych stronach
blackpress.pl Newbie

blackpress.pl

Opublikowano
Opublikowano

@kaoso - Mionowi chodziło o to, że jak usuniesz klasę lub nadasz inną zamiast tej ukrywającej to wiersz też się pokaże poprawnie.

BlackPress.pl - Automatyczna dodawarka do precli [Najtańsza na rynku - wystawiamy FV]

BlackPress.pl na forum PiO

Darmowa mieszarka synonimów

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

@Mion sory jak nie ten dział

Tak nie ten dział, że do takich pytań masz inny. Nawet nazwa tematu topicku pokrywa się z nazwą działu dedykowanego do takich zagadnień :]

HTML i CSS ->https://www.forum.optymalizacja.com/forum/15-html-i-css/

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
kaoso Newbie

kaoso

Opublikowano
  • Autor
Opublikowano

Ok, rozumiem już wszystko :) dzięki. Trochę ostatnio jestem nie czający... nawet bardzo... zdrowie ten cię doceni kto cię stracił czy jak to leciało, ech ;)

50% kod rabatowy na Hosting WWW, SSD, SEO lub serwer VPS - tylko do 28 listopada - info pw (seohost.pl)

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności