Как растянуть кнопку на всю ширину ячейки? - HTML и CSS

Stilet · 14.08.2009, 12:15

Вот код:

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!--  Created with the CoffeeCup HTML Editor 2007  -->
<!--           http://www.coffeecup.com/           -->
<!--         Brewed on 14.08.2009 11:11:29         -->
<head>
  <title></title>
</head>
<body>
<table width="100%" border="1">
  
  <tr><!-- Row 1 -->
    <td>Типа шапка</td><!-- Col 1 -->
    <td></td><!-- Col 2 --></tr>
  <tr><!-- Row 2 -->
    <td><input type="submit" value="Подача запроса"></td><!-- Col 1 -->
    <td>Что-то</td><!-- Col 2 --></tr></table>

</body>
</html>

Я хочу чтоб кнопки в тех ячейках занимали все ее пространство, но что-то типа input type="submit" width="100%" не катит.

Вообще эо можно или нет?

SkyM@n · 14.08.2009, 12:35

Попробуйте сделать вот так:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title></title>
    <style type="text/css">
      table {border:1px solid blue;border-collapse:collapse;width:100%}
      td {border:1px solid blue;}
      input {width:100%}
    </style>
  </head>
  <body>
    <table>
      <tr>
	<td>
	  <input type="button" name="but1" id="but1" value="Click Me" />
	</td>
	<td>
	  <input type="button" name="but1" id="but2" value="Click Me" />
	</td>
	<td>
	  <input type="button" name="but1" id="but3" value="Click Me" />
	</td>
      </tr>
    </table>
  </body>
</html>

Пример тут
FF,IE,GC,O

Stilet · 14.08.2009, 15:40

Ага, Сенькс. намек ясень.

А если мне нужно этоприменить только к тем кнопкам которые в таблице?

а-аа- все допер:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
    <title></title>
    <style type="text/css">
      table {border:1px solid blue;border-collapse:collapse;width:100%}
      td {border:1px solid blue;}
	  .cellbut {width:100%}
    </style>
  </head>
  <body>
    <table>
      <tr>
	<td>
	  <input class="cellbut" type="button" name="but1" id="but1" value="Click Me">
	</td>
	<td>
	  <input class="cellbut" type="button" name="but1" id="but2" value="Click Me">
	</td>
	<td>
	  
	</td>
      </tr>
    </table>
	<input type="button" name="but1" id="but3" value="Click Me">
  </body>
</html>

Как все простооказалось

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как растянуть видео на всю панель??	regman	Мультимедиа в Delphi	1	17.07.2009 11:11
Как растянуть текст по ширине слоя	shass	HTML и CSS	5	01.03.2009 02:43
div на всю высоту ячейки	Nikolay 0001	JavaScript, Ajax	5	30.11.2008 12:14
Как разделить число и текст в одной ячейки на две ячейки.	neboskreb	Microsoft Office Excel	2	15.04.2008 19:39
Как можно растянуть иконку?	D@rk M@k	Мультимедиа в Delphi	2	09.01.2008 14:46