Затрудняване с хтмл таблица

D

DeathGuard_

Registered
Значи имаме този код
Код: 
<table width="960" align="center" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td colspan="2" valign="top">

<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td width="30%" valign="top"></td>
    <td width="70%" align="center" valign="middle">

<table width="80%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="img/top_left.gif" alt="" /></td>
    <td width="100%" class="gradiend_top_x"></td>
    <td><img src="img/top_right.gif" alt="" /></td>
  </tr>
  <tr>
    <td class="gradiend_brd_left"></td>
    <td class="gradiend_content" align="center">

<form action="search.php" method="get">
<input name="search" id="Search" type="text" size="40" value="Търсене..." />  
<select name="in">
	<option value="news">Новини</option>
    <option value="albums">Албуми</option>
	<option value="clips">Клипове</option>
    <option value="music">Музика</option>
	<option value="lyrics">Текстове</option>
</select> 
<input name="p" type="submit" value="търси" class="btn" />
</form>


    </td>
    <td class="gradiend_brd_right"></td>
  </tr>
  <tr>
    <td><img src="img/bottom_left.gif" alt="" /></td>
    <td class="gradiend_bottom_x"></td>
    <td><img src="img/bottom_right.gif" alt="" /></td>
  </tr>
</table>

</td>
    </tr>
</table>

    </td>
  </tr>
  <tr>
    <td colspan="2" valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="img/top_left.gif" alt="" /></td>
    <td width="100%" class="gradiend_top_x"></td>
    <td><img src="img/top_right.gif" alt="" /></td>
  </tr>
  <tr>
    <td class="gradiend_brd_left"></td>
    <td class="gradiend_content">

menu

	
	</td>
    <td class="gradiend_brd_right"></td>
  </tr>
  <tr>
    <td><img src="img/bottom_left.gif" alt="" /></td>
    <td class="gradiend_bottom_x"></td>
    <td><img src="img/bottom_right.gif" alt="" /></td>
  </tr>
</table>
<br>
<table width="70%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="img/top_left.gif" alt="" /></td>
    <td width="100%" class="gradiend_top_x"></td>
    <td><img src="img/top_right.gif" alt="" /></td>
  </tr>
  <tr>
    <td class="gradiend_brd_left"></td>
    <td class="gradiend_content">

<div class="switch">songs</div>
<hr>
<br><br>
text
	
	</td>
    <td class="gradiend_brd_right"></td>
  </tr>
  <tr>
    <td><img src="img/bottom_left.gif" alt="" /></td>
    <td class="gradiend_bottom_x"></td>
    <td><img src="img/bottom_right.gif" alt="" /></td>
  </tr>
</table>

    </td>


  </tr>
    </td>
  </tr>
</table>
Ето и картинка на визуализирането му:
http://store.picbg.net/pubpic/40/83/9eb9eb3562804083.PNG
Искам това в червеното да ми го направите (таблицата) защото при мен хич не се получава.
 
JusT каза:
тфа червеното в дясно дето е какво искаш да го направиш ?
Увеличете...
Искам тази червената таблица да ми се направи в кода... четете моля ви какво пиша.
 
С DIV е по-лесно :)

Код: 
<table width="960" align="center" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td colspan="2" valign="top">

<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td width="30%" valign="top"></td>
    <td width="70%" align="center" valign="middle">

<table width="80%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="img/top_left.gif" alt="" /></td>
    <td width="100%" class="gradiend_top_x"></td>
    <td><img src="img/top_right.gif" alt="" /></td>
  </tr>
  <tr>
    <td class="gradiend_brd_left"></td>
    <td class="gradiend_content" align="center">

<form action="search.php" method="get">
<input name="search" id="Search" type="text" size="40" value="Търсене..." />  
<select name="in">
   <option value="news">Новини</option>
    <option value="albums">Албуми</option>
   <option value="clips">Клипове</option>
    <option value="music">Музика</option>
   <option value="lyrics">Текстове</option>
</select>
<input name="p" type="submit" value="търси" class="btn" />
</form>


    </td>
    <td class="gradiend_brd_right"></td>
  </tr>
  <tr>
    <td><img src="img/bottom_left.gif" alt="" /></td>
    <td class="gradiend_bottom_x"></td>
    <td><img src="img/bottom_right.gif" alt="" /></td>
  </tr>
</table>

</td>
    </tr>
</table>

    </td>
  </tr>
  <tr>
    <td colspan="2" valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="img/top_left.gif" alt="" /></td>
    <td width="100%" class="gradiend_top_x"></td>
    <td><img src="img/top_right.gif" alt="" /></td>
  </tr>
  <tr>
    <td class="gradiend_brd_left"></td>
    <td class="gradiend_content">

menu

   
   </td>
    <td class="gradiend_brd_right"></td>
  </tr>
  <tr>
    <td><img src="img/bottom_left.gif" alt="" /></td>
    <td class="gradiend_bottom_x"></td>
    <td><img src="img/bottom_right.gif" alt="" /></td>
  </tr>
</table>
<br>
<table width="70%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="img/top_left.gif" alt="" /></td>
    <td width="100%" class="gradiend_top_x"></td>
    <td><img src="img/top_right.gif" alt="" /></td>
  </tr>
  <tr>
    <td class="gradiend_brd_left"></td>
    <td class="gradiend_content">

<div class="switch">songs</div>
<hr>
<br><br>
text
   
   </td>
    <td class="gradiend_brd_right"></td>
  </tr>
  <tr>
    <td><img src="img/bottom_left.gif" alt="" /></td>
    <td class="gradiend_bottom_x"></td>
    <td><img src="img/bottom_right.gif" alt="" /></td>
  </tr>
</table> 

<div style="position: absolute; width: 193px; height: 210px; z-index: 1; left: 880px; top: 216px; border-style: solid; border-color: #FF0000">
 </div>

</td>


  </tr>
    </td>
  </tr>
</table>
 
Така горе-долу става макар че не е точно нагоре, но на мен ми трябва с табличка :)
 
примерно така?
Много грубо с тия таблици, с div всичко може да стане на 4 реда :)

Код: 
<table width="960" align="center" border="0" cellspacing="2" cellpadding="2"> 
  <tr> 
    <td colspan="2" valign="top"> 

<table width="100%" border="0" cellspacing="2" cellpadding="2"> 
  <tr> 
    <td width="30%" valign="top"></td> 
    <td width="70%" align="center" valign="middle"> 

<table width="80%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td><img src="img/top_left.gif" alt="" /></td> 
    <td width="100%" class="gradiend_top_x"></td> 
    <td><img src="img/top_right.gif" alt="" /></td> 
  </tr> 
  <tr> 
    <td class="gradiend_brd_left"></td> 
    <td class="gradiend_content" align="center"> 

<form action="search.php" method="get"> 
<input name="search" id="Search" type="text" size="40" value="Òúðñåíå..." />   
<select name="in"> 
   <option value="news">Íîâèíè</option> 
    <option value="albums">Àëáóìè</option> 
   <option value="clips">Êëèïîâå</option> 
    <option value="music">Ìóçèêà</option> 
   <option value="lyrics">Òåêñòîâå</option> 
</select> 
<input name="p" type="submit" value="òúðñè" class="btn" /> 
</form> 


    </td> 
    <td class="gradiend_brd_right"></td> 
  </tr> 
  <tr> 
    <td><img src="img/bottom_left.gif" alt="" /></td> 
    <td class="gradiend_bottom_x"></td> 
    <td><img src="img/bottom_right.gif" alt="" /></td> 
  </tr> 
</table> 

</td> 
    </tr> 
</table> 

    </td> 
  </tr> 
  <tr> 
    <td colspan="2" valign="top"> 

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td><img src="img/top_left.gif" alt="" /></td> 
    <td width="100%" class="gradiend_top_x"></td> 
    <td><img src="img/top_right.gif" alt="" /></td> 
  </tr> 
  <tr> 
    <td class="gradiend_brd_left"></td> 
    <td class="gradiend_content"> 

menu 

    
   </td> 
    <td class="gradiend_brd_right"></td> 
  </tr> 
  <tr> 
    <td><img src="img/bottom_left.gif" alt="" /></td> 
    <td class="gradiend_bottom_x"></td> 
    <td><img src="img/bottom_right.gif" alt="" /></td> 
  </tr> 
</table> 
<br> 
 <table width="100%" border="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td><img src="img/top_left.gif" alt="" /></td> 
    <td width="100%" class="gradiend_top_x"></td> 
    <td><img src="img/top_right.gif" alt="" /></td> 
  </tr> 
  <tr> 
    <td class="gradiend_brd_left"></td> 
    <td class="gradiend_content"> 

<div class="switch">songs</div> 
<hr> 
<br><br> 
text 
    
   </td> 
    <td class="gradiend_brd_right"></td> 
  </tr> 
  <tr> 
    <td><img src="img/bottom_left.gif" alt="" /></td> 
    <td class="gradiend_bottom_x"></td> 
    <td><img src="img/bottom_right.gif" alt="" /></td> 
  </tr> 
</table></td>
    <td width="200px" bgcolor="#FF0000"> </td>
  </tr>
</table>


    </td> 


  </tr> 
    </td> 
  </tr> 
</table>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе