Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выравнивание столбцов вт аблице
 
 автор: Sproot   (25.11.2008 в 18:50)   письмо автору
 
 

Доброго времени суток. Есть проблемка. У меня есть таблица. В ней должно быть 3 колонки одинаковыхпо ширине, содержимое которых текст. Мне нужно,чтобы эта таблица стала резиновой. И между этими тремя колонками были отступы, небольшого размера. Как лучше организовать такую структуру. Пробовал выставить ширину столбцов по 30% плюс по 3% оступы, но в ИЕ почему-то такое условие на один из столбцов не распространяется. Как поступить????

  Ответить  
 
 автор: acid_pro   (25.11.2008 в 19:12)   письмо автору
 
   для: Sproot   (25.11.2008 в 18:50)
 

Попробуйте сделать примерно так:
<table width="100%" cellpadding="2" cellspacing="2" border="1" style="(параметры бордера)">
    <tr>
       <td width="33%">Текст</td>
       <td width="33%">Текст</td>
       <td width="33%">Текст</td>
    </tr>
</table>

  Ответить  
 
 автор: Sproot   (25.11.2008 в 19:19)   письмо автору
 
   для: acid_pro   (25.11.2008 в 19:12)
 

У меня во всех ячейках длинные текстовые строки, но почему-то он переносится не во всех столбцах......

  Ответить  
 
 автор: acid_pro   (25.11.2008 в 19:36)   письмо автору
 
   для: Sproot   (25.11.2008 в 19:19)
 

есть пример где посмотреть наглядно можно?

  Ответить  
 
 автор: Sproot   (25.11.2008 в 19:48)   письмо автору
 
   для: acid_pro   (25.11.2008 в 19:36)
 

<td style="width:33%" valign="top">
<div class="category">
    <table>
        <tr>
            <td width="60">
                <img src="ico/icon_1.png">
            </td>
            <td width="10">
            </td>
            <td valign="center">
        <h1><a href="/1/" class="menu_3">Автомобили</a></h1>
                                </td>
        </tr>
    </table>
</div>
<div class="cat_links"><a href="/1/2/" class="blue">Продажа</a>
    <font class="gray">•</font><a href="/1/3/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/4/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/6/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/7/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/8/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/9/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/10/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/11/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/12/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/13/" class="blue"> ссылка</a></td>
</td>
<td style="width:33%" valign="top">
<div class="category">
    <table>
        <tr>
            <td width="60">
                <img src="ico/icon_1.png">
            </td>
            <td width="10">
            </td>
            <td valign="center">
        <h1><a href="/1/" class="menu_3">Автомобили</a></h1>
                                </td>
        </tr>
    </table>
</div>
<div class="cat_links"><a href="/1/2/" class="blue">Продажа</a>
    <font class="gray">•</font><a href="/1/3/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/4/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/6/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/7/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/8/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/9/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/10/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/11/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/12/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/13/" class="blue"> ссылка</a></td>
</td>
<td style="width:33%" valign="top">
<div class="category">
    <table>
        <tr>
            <td width="60">
                <img src="ico/icon_1.png">
            </td>
            <td width="10">
            </td>
            <td valign="center">
        <h1><a href="/1/" class="menu_3">Автомобили</a></h1>
                                </td>
        </tr>
    </table>
</div>
<div class="cat_links"><a href="/1/2/" class="blue">Продажа</a>
    <font class="gray">•</font><a href="/1/3/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/4/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/6/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/7/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/8/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/9/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/10/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/11/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/12/" class="blue">ссылка</a>
    <font class="gray">•</font><a href="/1/13/" class="blue"> ссылка</a></td>
</td>

  Ответить  
 
 автор: acid_pro   (25.11.2008 в 20:24)   письмо автору
 
   для: Sproot   (25.11.2008 в 19:48)
 

У тебя не ровно из-за
<div class="category">
, посмотри стили в классе на category.
Далее значит у тебя у внутренней таблицы тоже нуно поставить 100%

  Ответить  
 
 автор: Sproot   (25.11.2008 в 20:25)   письмо автору
 
   для: Sproot   (25.11.2008 в 19:48)
 

Все разобрался!!!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования