VPF::косую в <td></td> - Форум программистов

aprok

Дата 9.1.2006, 14:53 (ссылка)

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

Загрузка ...

Шустрый

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

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

Можно ли как-то провести косую в <td></td> от верхнего левого угла к нижнему правому не зная абсолютных точек верхнего и нижнего угла smile

Illuminaty

Дата 9.1.2006, 14:56 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

вставь в ячейку изображение с косой чертой и сделай

Код


<td><img src="path_to_im.gif" weight="100%" height="100%" /></td>

Guedda

Дата 10.1.2006, 17:12 (ссылка)

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

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

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

А как тогда писать в этой ячейке?

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

Ll 2

Illuminaty

Дата 10.1.2006, 17:15 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Цитата(Guedda @ 10.1.2006, 18:12

)

А как тогда писать в этой ячейке?

Это другой вопрос, который здесь не задавался, но на него тоже есть ответ

Mayk

Дата 10.1.2006, 18:37 (ссылка)

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

Загрузка ...

^аВаТаР^ сообщение>>

Профиль
Группа: Участник
Сообщений: 2616
Регистрация: 22.5.2005
Где: за границей разум а

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

Хочется узнать для общего развития.

А можно подобную косую нарисовать в SVG? smile

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

Здесь был кролик. Но его убили.
Человеки < кроликов, йа считаю.

Illuminaty

Дата 10.1.2006, 21:33 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Код

.td_fon {
    border-width: 0px;
    height: inherit;
    width: inherit;
    position:relative;
    z-index: 1;
}
.td_text {
    position:absolute;
    z-index:2;
    top: 0px;
    color:#FF0000;
    font-weight:bold;
}
.td_block {
    position:relative;
    height: 100%;
    width: 100%;
}

Код

<td><div class="td_block"><img src="fon.GIF" class="td_fon"> 
        <div class="td_text">Текст над изображением</div> 
    </div></td>

приблизительно то, что ты хотел,Mayk

Mayk

Дата 10.1.2006, 22:41 (ссылка)

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

Загрузка ...

^аВаТаР^ сообщение>>

Профиль
Группа: Участник
Сообщений: 2616
Регистрация: 22.5.2005
Где: за границей разум а

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

Цитата(Illuminaty @ 11.1.2006, 01:33

)

приблизительно то, что ты хотел,Mayk

Не совсем - в случае вставки .gif'а толщина линии будет зависеть от размеров ячейки.
svg, афаик (это почти единственное что я знаю о svg), позволило бы держать толщину линии константной хоть для ячейки 4x4, хоть для 4000x200.

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

Здесь был кролик. Но его убили.
Человеки < кроликов, йа считаю.

Illuminaty

Дата 11.1.2006, 01:23 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Mayk, вы хотели SVG? Их есть у меня smile

Код

.td_fon {
    border-width: 0px;
    height: inherit;
    width: inherit;
    position:relative;
    z-index: 1;
}
.td_text {
    position:absolute;
    z-index:2;
    top: 0px;
    color:#FF0000;
    font-weight:bold;
}
.td_block {
    position:relative;
    height: 100%;
    width: 100%;
}

Код

<td><div class="td_block"><div class="td_fon"><object data="test.svg" type="image/svg+xml" width="100%" height="100%"></object></div>
        <div class="td_text">Текст над изображением</div> 
    </div></td>

и, наконец, файл test.svg

Код

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox="0 0 100 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" version="1.1">
    <g stroke="green" >
        <line x1="0" y1="0" x2="100" y2="100" stroke-width="2" />
    </g>
</svg>

Illuminaty

Дата 11.1.2006, 01:50 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Проверил это только в FF 1.5 Там работает.
Для остальных браузеров смотреть надо. Кто возьмется привести к человеческому виду (чтобы во всех браузерах нормально отображалось)?

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