X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Таблица с закруглениями... Подскажите как лучше.
InviS
InviS
Topic Starter сообщение 2.8.2010, 0:11; Ответить: InviS
Сообщение #1


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

Вот что нужно было сделать:
[IMG]http://i8.fastpic.ru/thumb/2010/0802/cb/d5128f85c366d3d4740b4b99611600cb.jpeg[/IMG]
Вот как сделал я:
http://www.doctor.dn.ua/temp/index.php?t=device1

P.S. У такого способа есть проблемы с кроссбраузерностью. Для Chrome и Safari пришлось писать маленький javascript, чтоб делать margin-top у нижних рисунков больше на 1:
$(function(){
    if ($.browser.safari) {
        $(".mobile tr.last td img.left").css("margin-top","19px");
        $(".mobile tr.last td img.right").css("margin-top","19px");
    }
});

Я думал сделать что-то вроде дополнительной колонки в начале и конце (с заданной шириной под картинку), а в них уже смещать мои закругленные картинки... Но разве нет красивее вариантов?

Помогите идеями! Буду рад выслушать.

P.S.S. Ждем css3 :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 2.8.2010, 0:45; Ответить: Letmetouchyou
Сообщение #2


InviS, вариантов много.
например, таблицу в див а к диву NiftyCorners.js

я когда то очень давно делал так
<table>
<tr>
<td class='t1'></td>
</tr>
<tr>
<td class='t2'></td>
</tr>
<tr>
<td class='t3'></td>
</tr>

</table>

ето вставлял перед и после самой таблицы. Ширна такая же как и основной таблицы.

t1- левое закругление, с задной шириной и высотой.
t2- резиновый фон или border.
t3- правое закругление с заданой шириной и высотой

но ето тупо )

а еше можешь бекграундами вставлять)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
Topic Starter сообщение 3.8.2010, 3:15; Ответить: InviS
Сообщение #3


Чет мир идеями не полон)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 3.8.2010, 6:40; Ответить: Alcorn
Сообщение #4


Закруглённые углы сделать бэкграундом и прижимать к нужной стороне.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
Topic Starter сообщение 3.8.2010, 11:54; Ответить: InviS
Сообщение #5


Это я так понимаю, если без border? А если мне нужно сделать такую вот таблицу? У меня есть внешная граница у нее. будет чет типа закругление на 1px ниже, чем нужно, а border таблицы будет квадратный. И получится тупо табличка с внешним бордером и внутри в ячейках закругления... Или я не так понял идею?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 3.8.2010, 12:38; Ответить: Letmetouchyou
Сообщение #6


html5 + css3 используй)
будет правильнее всего )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 3.8.2010, 13:00; Ответить: Alcorn
Сообщение #7


Вставить внутрь td один (для верха) и два (для низа) релативных(position:relative) дива, фон-угол первого не трогать, фон-угол второго 100% 0, обоим добавить смещение на уровень границы таблицы и такой же паддинг, цвет фона задать в td, в дивах только сами углы. Ещё можно также, но через absolute.
Попробуйте, может чего получится.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2284 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Создать видеоканал лучше в ютуб или телеграм?
10 uahomka 1774 24.3.2024, 4:21
автор: Alexand3r


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:29
Дизайн