Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] znikajaćy DIV ...
Forum PHP.pl > Forum > Przedszkole
Wieczny
22.03.2010, 18:40:47
Witam, mam problem gdy klikam przycisk Video bądź Galeria znika mi cały górny DIV ! oraz nic się nie wyświetla na dole a wręcz znikają nawet przyciski link do www to http://teamfallen.pl/index.php Będę wdzięczny jak mi ktoś poprawi kod i ewentualnie wytłumaczy co było źle smile.gif
[HTML] pobierz, plaintext 
  1. <div id="last">
  2.       <table cellspacing="0" cellpadding="0" width="413" >
  3.       <tr>
  4.        <td align="center">
  5.               <table cellspacing="0" cellpadding="0"><td>
  6.  
  7.  
  8.  
  9.        <tr>
  10.         <td width="100%" height="100%"  valign="bottom">
  11.          <table cellspacing="0" cellpadding="0" width="100%" align="center">
  12.           <tr>           
  13.          <td> 
  14.            <img src="img/pb0-on.png" style="cursor: pointer;" id="pb0" onclick="this.src='img/pb0-on.png'; document.getElementById('pb1').src='img/pb1-off.png'; document.getElementById('pb2').src='img/pb2-off.png'; document.getElementById('pub-art').style.display=''; document.getElementById('pub-relacje').style.display='none'; document.getElementById('pub-blogi').style.display='none';">
  15.           </td></tr><tr><td> 
  16.            <img src="img/pb1-off.png" style="cursor: pointer;" id="pb1" onclick="this.src='img/pb1-on.png'; document.getElementById('pb0').src='img/pb0-off.png';  document.getElementById('pb2').src='img/pb2-off.png'; document.getElementById('pub-art').style.display='none'; document.getElementById('pub-relacje').style.display=''; document.getElementById('pub-blogi').style.display='none';">
  17.            </td></tr><tr><td>
  18.            <img src="img/pb2-off.png" style="cursor: pointer;" id="pb2" onclick="this.src='img/pb2-on.png'; document.getElementById('pb0').src='img/pb0-off.png';  document.getElementById('pb1').src='img/pb1-off.png'; document.getElementById('pub-art').style.display='none'; document.getElementById('pub-relacje').style.display='none'; document.getElementById('pub-blogi').style.display='';"></td>
  19.           </td></tr><tr><td>
  20.           <img src="img/1.png" border="0">
  21.           </td>
  22.  
  23.           </tr>
  24.          </table>
  25.         </td>
  26.  
  27.  
  28.  
  29.  
  30. <td>
  31.  
  32.     <td valign="top" width="293" height="153"style="background-image: url(img/2.png);">
  33.  
  34.          <table id="pub-art" cellspacing="0" cellpadding="0" width="280"  style="margin-top: 5px; font-size: 11px; color: gray;">
  35.  
  36.           <tr valign="top">
  37.            <td width="280" height="41" style="padding: 10px;" valign="top"><span style="color: 306bd6; padding-right: 3px;"></span>{news:navlist}</td>
  38.           </tr>
  39.  
  40.          </table>
  41.  
  42.  
  43.          <table id="pub-relacje" cellspacing="0" cellpadding="0" width="280" valign="middle" style="display: none; margin-top: 5px; font-size: 11px; color: gray;">
  44.  
  45.           <tr>
  46.            <td width="280" height="41" style="padding: 10px; "><span style="color: 306bd6; padding-right: 3px;"></span> {wars:navlist}</td>
  47.           </tr>
  48.  
  49.  
  50.          </table>
  51.  
  52.          <table id="pub-blogi" cellspacing="0" cellpadding="0" width="280" valign="middle" style="display: none; margin-top: 5px; font-size: 11px; color: gray;">
  53.  
  54.           <tr>
  55.            <td width="280" height="41" style="padding: 10px; "><span style="color: 306bd6; padding-right: 3px;">&raquo;</span> </td>
  56.           </tr>
  57.  
  58.         </table>
  59.  
  60.  
  61.    </td>
  62.    </tr>
  63.  
  64.  
  65.  
  66.  
  67.       </table>       </td>
  68.       </tr>
  69.      </table>
  70.      </div>
  71.      <div id="ls_right"><img src="images/23.jpg"></div>
  72.      <div id="rs_right">
  73.       <div id="panel_1">
  74.  
  75.  
  76. <table cellspacing="0" cellpadding="0" width="283" >
  77.       <tr>
  78.        <td align="center">
  79.               <table background="img1/3.png" width="283" height="145" cellspacing="0" cellpadding="0">
  80.  
  81.        <tr>
  82.         <td width="283" height="100"style="background-image: url(img/pliki-bg.jpg);">
  83.          <table id="pub-10" cellspacing="0" cellpadding="0" width="280" align="center" style="margin-top: 5px; font-size: 11px; color: gray;">         
  84.           <tr>
  85.            <td width="270" height="41" style="padding: 10px;">
  86.  
  87.            </td>
  88.           </tr>             
  89.          </table>
  90.          <table id="pub-20" cellspacing="0" cellpadding="0" width="280" align="center" style="display: none; margin-top: 5px; font-size: 11px; color: gray;">
  91.           <tr>
  92.            <td width="270" height="41" style="padding: 10px;">
  93.  
  94.            </td>
  95.           </tr>     
  96.          </table>
  97.  
  98.  
  99.         </td>
  100.        </tr>
  101.  
  102.        <tr>
  103.         <td width="283" height="100%" valign="bottom">
  104.          <table cellspacing="0" cellpadding="0" width="283" >
  105.           <tr>
  106.            <td><img src="img1/pb0-on.png" style="cursor: pointer;" id="pb00" onclick="this.src='img1/pb0-on.png'; document.getElementById('pb11').src='img1/pb1-off.png';  document.getElementById('pub-art').style.display=''; document.getElementById('pub-10').style.display='none'; document.getElementById('pub-20').style.display='none';"></td>
  107.            <td><img src="img1/pb1-off.png" style="cursor: pointer;" id="pb11" onclick="this.src='img1/pb1-on.png'; document.getElementById('pb00').src='img1/pb0-off.png';  document.getElementById('pub-art').style.display='none'; document.getElementById('pub-20').style.display=''; document.getElementById('pub-20').style.display='none';"></td>
  108.            </tr>
  109.          </table>
  110.         </td>
  111.        </tr>
  112.  
  113.       </table>
  114.       </td>
  115.       </tr>
  116.  
  117. </table>        
  118.  
  119.       </div>
[HTML] pobierz, plaintext
DiH
22.03.2010, 18:47:12
A czytałeś chociaż ten kod? Bo raczej nie. Wróć jak doczytasz co to display:none, które jest w przytoczonym przez Ciebie kodzie.
Wieczny
22.03.2010, 19:07:59
Poprawiłem już tzn górny DIV nie znika a gdy Klikne video pojawia sie tak jak ja chce napis video i jak klikam na galerie to pojawia sie napis galeria Jednak dalej nie mogę zrobić aby nie znikały te przyciski

[HTML] pobierz, plaintext 
  1.  
  2. <table cellspacing="0" cellpadding="0" width="283" >
  3.       <tr>
  4.        <td align="center">
  5.               <table background="img1/3.png" width="283" height="145" cellspacing="0" cellpadding="0">
  6.  
  7.        <tr>
  8.         <td width="283" height="100"style="background-image: url(img/pliki-bg.jpg);">
  9.          <table id="pub-10" cellspacing="0" cellpadding="0" width="280" align="center" style="margin-top: 5px; font-size: 11px; color: gray;">         
  10.           <tr>
  11.            <td width="270" height="41" style="padding: 10px;">
  12.               VIDEO
  13.            </td>                                                    
  14.           </tr>             
  15.          </table>
  16.          <table id="pub-20" cellspacing="0" cellpadding="0" width="280" align="center" style="display: none; margin-top: 5px; font-size: 11px; color: gray;">
  17.           <tr>
  18.            <td width="270" height="41" style="padding: 10px;">
  19.               GALERIA
  20.            </td>
  21.           </tr>     
  22.          </table>
  23.  
  24.  
  25.         </td>
  26.        </tr>
  27.  
  28.        <tr>
  29.         <td width="283" height="100%" valign="bottom">
  30.          <table cellspacing="0" cellpadding="0" width="283" >
  31.           <tr>
  32.            <td><img src="img1/pb0-on.png" style="cursor: pointer;" id="pb00" onclick="this.src='img1/pb0-on.png'; document.getElementById('pb11').src='img1/pb1-off.png';  document.getElementById('pub-10').style.display='block'; document.getElementById('pub-20').style.display='none';"></td>
  33.            <td><img src="img1/pb1-off.png" style="cursor: pointer;" id="pb11" onclick="this.src='img1/pb1-on.png'; document.getElementById('pb00').src='img1/pb0-off.png'; document.getElementById('pub-10').style.display='none'; document.getElementById('pub-20').style.display='block';"></td>
  34.            </tr>
  35.          </table>
  36.         </td>
  37.        </tr>
  38.  
  39.       </table>
  40.       </td>
  41.       </tr>
  42.  
  43. </table>
  44.  
[HTML] pobierz, plaintext
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.