Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z ukrywaniem zawartosci diva
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
_kama
Witam, mam problem z ukryciem zawartosci diva ktorym jest tabelka. Wiem, ze zaraz sie ktos odezwie ze mieszam divy z tabelkami ale te tabelki beda zawierac prawdziwe tabelaryczne dane, zreszta generowane beda w edytorku html online wiec nie bede miala duzego wplywu na nie. Przyklad (po maaaksymalnym uproszczeniu wyglada tak)
  1. <p>
  2. <span>Tylko ta tresc powinna sie pokazac</span>
  3. <span style="display:none"><table style="WIDTH: 100%" cellspacing="1" cellpadding="1" border="1"><tr><td style="WIDTH: 100%">Treść tej tabelki pokazuje sie w operze</td></tr></table></span>
  4. </p>
  5. </body>


2gi span zawiera styl style="display:none" wiec nie powinna sie wyswietlac tabelka ktora w nim jest. W FF i IE wszystko ok, a pod Opera tabela widoczna jest caly czas. W czym problem? Jak to obejsc nie ingerujac w zawartosc tego diva tzn np bez koniecznosci dodawania style="display:none" do tabelki ktora w nim jest?
mike
Hmm, ale to jest soś nie bardzo.
Nie możesz tabeli dawać w <span>

Zamień go na <div> ze stylem display:none;
_kama
a to ze wtedy <div> wyladuje wewnatrz <p> to ok?
UsTeK
  1. <p>Tylko ta tresc powinna sie pokazac</p>
  2. <div style="display:none"><table style="WIDTH: 100%" cellspacing="1" cellpadding="1" border="1"><tr><td style="WIDTH: 100%">Treść tej tabelki pokazuje sie w operze</td></tr></table></div>
  3. </body>
revyag
Cytat
a to ze wtedy <div> wyladuje wewnatrz <p> to ok?

A po co Ci ten p tam ? Wyrzuć go.
_kama
Cytat(UsTeK @ 2006-02-10 17:49:49)
  1. <p>Tylko ta tresc powinna sie pokazac</p>
  2. <div style="display:none"><table style="WIDTH: 100%" cellspacing="1" cellpadding="1" border="1"><tr><td style="WIDTH: 100%">Treść tej tabelki pokazuje sie w operze</td></tr></table></div>
  3. </body>

Tak nie moze zostac bo, jak mowilam przyklad jest bardzo uproszczony. To co w moim przykladzie na pocztaku bylo spanami bedzie obslugiwane przez jave i bedzie na zmiane dostawalo styl display:none. Poza tym musza one byc czyms "objete" - w moim przypadku bylo to p. Jedyna mozliwosc ktora teraz widze, to

  1. <div>
  2. <div>Tylko ta tresc powinna sie pokazac</div>
  3. <div style="display:none">
  4. <table style="WIDTH: 100%" cellspacing="1" cellpadding="1" border="1"><tr><td style="WIDTH: 100%">Treść tej tabelki pokazuje sie w operze</td></tr></table>
  5. </div>
  6. </div>
  7. </body>


ale czy to teraz nie jest juz divomania jakas?
revyag
Sory nie zrozumialem. Z tego co przeczytalem, myślałem że między p chcesz wstawić diva, ale skoro go tam nie będzie, to zrób tak:
  1. <div>
  2. <p>Tylko ta tresc powinna sie pokazac</p>
  3. <div style="display:none">
  4. <table style="WIDTH: 100%" cellspacing="1" cellpadding="1" border="1"><tr><td style="WIDTH: 100%">Treść tej tabelki pokazuje sie w operze</td></tr></table>
  5. </div>
  6. </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.