| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > А такое возможно? |
| Автор: APro 16.8.2008, 00:52 |
| Кто-нибудь когда-нибудь делал (видел) шаблоны для Miranda? Там как-то не привычно растягиваются изображения. Вот пример: Например есть круг. Если растянуть по оси x или y, то будет овал. Если по x и по y, то всё равно будет круг. А вот если разбить этот круг на 4 полу-круга, и растягивать их центры, то получится прямоугольник с загнутыми краями, причём радиус загнутых краёв естественно равен радиусу круга. Надеюсь вы понимаете о чём я. (если не понимаете, могу выложить картинку-пример) Так вот, в HTML такое возможно? (ну с помощью CSS) |
| Автор: bars80080 16.8.2008, 01:01 |
| нет, здесь даже круга нету. все плавные углы - либо картинки с прозрачным фоном, либо хитро отстроенние разновысотные дивы, но это уже гемор |
| Автор: SelenIT 16.8.2008, 01:12 |
| По идее, возможно в VML (IE5.0+) и SVG (остальные браузеры моложе где-то двух лет). Но очень много возни. Картинками проще |
| Автор: APro 16.8.2008, 01:29 |
| Хм, как вам объяснить. Хотя... вы же не делали скин для Miranda. Дело в том, что мы берём картинку, и её как раз таки растягиваем так, как упомянуто выше!!! Ща попробую продемонстрировать. |
| Автор: APro 16.8.2008, 01:50 |
Короче, есть изображение. Например это: И растягиваем примерно так:  (ну это так... к примеру, чтобы вы поняли что растягивать надо) И в итоге мы получаем что-то на подобии этого:  Вот такое возможно? Или CSS растягивает ВСЁ изображения, а участи не может? |
| Автор: transat 16.8.2008, 02:00 |
| а что мешает порезать круг в фотошопе и склеить все эти картинки через таблицу? и сможешь спокойно делать какой угодно ширины и будут закругленные края |
| Автор: APro 16.8.2008, 14:14 |
| я пробовал сделать что-то подобное. Вобщем у меня было 8 элиментов. Верхняя полоса, нижняя, левая, правая, закругление сверху слева, справа, снизу слева, справа. И в итоге я получил разбитую на чести картинку. Я убрал толщину границы, короче всё убрал, все значения в 0 поставил, но всё равно 1px было расстояние между кусочками. Объясните тогда как сделать это с помощью таблицы, и без расстояния в 1px! |
| Автор: webster 16.8.2008, 14:33 | ||
И изображения надо ставить бэкгроундами ячеек, а не картинками <img /> в ячейках. |
| Автор: APro 16.8.2008, 17:22 |
| тогда ячейки не расширятся на всё изображения. И получится, как будто урезано. Я ставил закруглённости как <img> а всё остальное background |
| Автор: webster 16.8.2008, 17:37 |
| Тогда надо для <img /> проставить стиль display: block; (А размеры ячеек под бэкгроундные картинки можно зафиксировать, проставив им размеры равные размерам картинок-бэкгроундов, они же известны) |
| Автор: APro 16.8.2008, 18:50 |
| спс |