Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Ширина ячеек таблицы при использовании colspan


Автор: Drackstory 30.8.2006, 08:31
colspan делит на половины.. а может  на 70% и 30%? или есть другие способы?

M
Illuminaty		Исправил заголовок темы.
Исправил грамматические ошибки.

Автор: Illuminaty 30.8.2006, 09:00
Drackstory, опишите подробнее, что вам нужно. Рисунки приветствуются smile 

Автор: Drackstory 30.8.2006, 09:19
я даже не знаю как обяснить.. 
<tr>
<td colspan="2">1</td>
</tr>
<tr>
<td>2</td>  -- хочу чтобы одна из них была 30% от ширины 1ячейки а вторая 70%
<td>3</td>  -- это возможно?? или надо делать как то по другому??
</tr>
<tr>
<td colspan="2">4</td>
</tr>

Автор: Illuminaty 30.8.2006, 09:39
Код
<!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>
<title>Таблица значение colspan!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
html, body {
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-color: #FFFFFF;
}
#mainTable {
    width: 100%;
    border-collapse: collapse;
    border-width: 0px;
}
#mainTable td {
    border: 1px solid #000000;
    text-align: center;
    background-color: #FFFFCC;
}
</style>
</head>
<body> 
<table width="100%"  border="1" cellspacing="0" cellpadding="2" summary="" id="mainTable"> 
        <tbody> 
                <tr> 
                        <td colspan="2">1</td> 
                </tr> 
                <tr> 
                        <td style="width: 30%">30%</td> 
                        <td style="width: 70%">70%</td> 
                </tr> 
                <tr> 
                        <td colspan="2">4</td> 
                </tr> 
        </tbody> 
</table> 
</body>
</html>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)