Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Неправильное отображение таблицы

Автор: cr1msaun 21.10.2009, 22:40

Неправильно отображается ячейки в таблице.Все выровнены по одной ширине,хотя размерности у всех разные..Битый час не могу решить эту проблему.

Код


<style>
#main_container 
{
    width: 960px;
    margin:20px 24px 20px 24px;
}

</style>
</head>


<body>
<div id="main_container">
<table cellpadding="0" cellspacing="0" width="100%">
            
            <tr height="40" width="960" style="height:40px;">
                <td width="685" style="width: 685px;">
               s
                </td>
                <td width="275" style="width: 275px;">
                 <a href="#" id="login_link">Вход для пользователей</a>
                </td>
            </tr>
            
            <tr height="63" style="height:63px;">
                <td width="162" style="width: 162px;">
                
                </td>
                <td width="77">
                    <div style="width: 77px;"></div>
                </td>
                <td width="502" style="width: 502px;">
                
                </td>
                <td width="60">
                    <div style="width: 60px;"></div>
                </td>
                <td width="159" style="width: 159px;">
                
                </td>
            </tr>
            
            <tr height="60" style="height:60px;">
             <td width="960">
                 ss
                </td>
            </tr>
        </table>
</div>
</body>
</html>

Помогите пожалуйста,не могу решить эту проблему

Автор: youri 21.10.2009, 23:01

почитай про colspan и rowspan

Автор: cr1msaun 22.10.2009, 16:21

нет,youri,мне не надо объединять ячейки...

вот тот же код с внесенными текстом в кажой ячейке,сейчас понятно будет чего я хочу)

Код


<style>
#main_container 
{
    width: 960px;
    margin:20px 24px 20px 24px;
}
</style>
</head>
<body>
<div id="main_container">
<table cellpadding="0" cellspacing="0" width="100%">
            
            <tr height="40" width="960" style="height:40px;">
                <td width="685" style="width: 685px;">
               s
                </td>
                <td width="275" style="width: 275px;">
                 <a href="#" id="login_link">Вход для пользователей</a>
                </td>
            </tr>
            
            <tr height="63" style="height:63px;">
                <td width="162" style="width: 162px;">
                sddd
                </td>
                <td width="77">
                    <div style="width: 77px;"></div>
                </td>
                <td width="502" style="width: 502px;">
                fff
                </td>
                <td width="60">
                    <div style="width: 60px;"></div>
                </td>
                <td width="159" style="width: 159px;">
                ggg
                </td>
            </tr>
            
            <tr height="60" style="height:60px;">
             <td width="960">
                 ss
                </td>
            </tr>
        </table>
</div>
</body>
</html>

Автор: youri 22.10.2009, 21:54

ты б лучше background для ячеек задал... но повторяю, тебе нужно объединение ячеек или div'ы

Автор: bars80080 23.10.2009, 00:16

для такой таблицы можно посоветовать сделать несколько таблиц по одной строчке в каждой. задать им общую ширину, а ячейки располосовать как угодно