VPF::верстка divов - Форум программистов

XaverOz

Дата 28.7.2011, 13:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 9.3.2011

Репутация: нет
Всего: нет

Есть таблица в которой хранится рисунок, и название(4-35 символов). Хотелось бы сделать так что бы каждая запись отображалась в отдельном элементе, и что бы элемент название у которого больше определенного числа символов "рос" вниз, а не вширь. Написал для этого следующий код:

Код


div.bl {
border: 4px ridge #5d5ae;
background: #5d5ae;
width: 100px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
text-align: center;
padding-bottom: 5px;
}

div.bl img {
margin-top: 5px;
margin-bottom: 5px;
}

div.bl span {
word-wrap: break-word;
}

Код


<table border=1>        
    <tr>        
        <td>
            <div class="bl" id="bl_1" onclick="alert(1);">
                <img src="/data/1.bmp" align=middle>
                <br>
                <span>
                    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                </span>
            </div>
        </td>
        <td>
            <div class="bl" id="bl_2" onclick="alert(1);">
                <img src="/data/1.bmp" align=middle>
                <br>
                <span>
                    AAAAA
                </span>
            </div>
        </td>
    </tr>
</table>

В ie6 word-wrap: break-word; не влияет на ширину первой ячейки (не divа), установка ширины ячейки в css так же не помогло.

0Scrum

Дата 28.7.2011, 13:59 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 47
Регистрация: 24.1.2011

Репутация: 2
Всего: 3

Код


div.bl  {
word-wrap: break-word;
}

Ток табличка все равно увеличивается от 6-8 ИЕ, я бы отказался от таблички.

Забыл про замечательное свойство table-layout

Код


table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 206px;
  padding: 0;
}

Поэкспериментируйте, возможно вам повезет smile

Это сообщение отредактировал(а) 0Scrum - 28.7.2011, 16:03

XaverOz

Дата 29.7.2011, 05:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 9.3.2011

Репутация: нет
Всего: нет

Спасибо помогло

graylys

Дата 29.7.2011, 13:19 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 26.7.2011

Репутация: нет
Всего: нет

Как отцентрировать сайт? Если прописать в стили margin: 0 auto не получаеться
Маргин лефт райт тоже по нулям..
Если писать <center>
</center>
то меню получаеться в центре экрана

SelenIT

Дата 31.7.2011, 18:30 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Цитата

Если прописать в стили margin: 0 auto не получаеться

При нормальном доктайпе (хотя бы минимальном <!DOCTYPE html>) и явно указанной ширине всё должно получиться.

Цитата(graylys @ 29.7.2011, 13:19

)

меню получаеться в центре экрана

А где должно быть?

На будущее — лучше новый вопрос задавать в отдельной теме, а не лезть в чужую;)

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »