Одесса: 5°С (вода 9°С)
Киев: 0°С
Львов: 1°С

Тема: Описание картинки в CSS

Ответить в теме
Показано с 1 по 13 из 13
  1. Вверх #1

    По умолчанию Описание картинки в CSS

    Уважаемая общественность!

    Столкнулся с такой проблемой: хочу для картинки задать рамку с небольшим отступом от самой картинки. Рамка отлично выводится, а вот отступ не делается. Буду признателен, если укажете где у меня ошибка, или как это надо прописать!

    Вот мой код:

    .image{
    border: 2px solid #B0000A;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    }

    И чего отступ не делается?.. ((


  2. Вверх #2
    Постоялец форума Аватар для Николай
    Пол
    Мужской
    Адрес
    Los Angeles
    Возраст
    33
    Сообщений
    1,470
    Репутация
    100
    попробуй сделать таблицу с отступом для ячеек, в ней 1 ячейка, в ней отступ и эта ячейка с рамкой
    /dev/gmaker

  3. Вверх #3
    Постоялец форума Аватар для Николай
    Пол
    Мужской
    Адрес
    Los Angeles
    Возраст
    33
    Сообщений
    1,470
    Репутация
    100
    <style>
    table#mytable td
    {
    border: 1px solid gray;
    }
    </style>

    <table cellspacing="0" cellpadding="2" id="mytable">
    <tr>
    <td>
    <img border="0" src="..." />
    </td>
    </tr>
    </table>
    /dev/gmaker

  4. Вверх #4
    В том то и дело, что хотел обойтись без таблиц, т.к. ими как раз и пользуюсь... Но для 50 картинок создавать 50 таблиц откровенно ломает... Ищу альтернативный изящный вариант. Может еще будут идеи?

  5. Вверх #5
    Постоялец форума Аватар для Николай
    Пол
    Мужской
    Адрес
    Los Angeles
    Возраст
    33
    Сообщений
    1,470
    Репутация
    100
    Просто отступ... Чему от чего собственно в картинке отступать?)... Может я и ошибаюсь. Все таки я боюсь, что нужно во что-то оборачивать, хотя бы в <div> и ему ставить границы и отступ. Если генерировать таблички программно, то это не проблема

    Можно еще в графич. редакторе рисовать отступ и рамку )
    /dev/gmaker

  6. Вверх #6
    Недоразумение Аватар для boo
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    30
    Сообщений
    2,040
    Репутация
    115
    Мне кажется где-то такое делали. Надо поискать где.
    По небу как по мостовой несут меня цветные колеса.
    Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.

  7. Вверх #7
    Недоразумение Аватар для boo
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    30
    Сообщений
    2,040
    Репутация
    115
    <html><head><style type="text/css">
    td.ts {padding: 2px; border: 2px solid #B0000A;}
    </style></head>
    <body>
    <table border="0"><tr><td class="ts">
    <img src="http://forum.od.ua/image.php?u=9286&dateline=1151563634">
    </td></tr></table></body></html>

    Делали вроде как-то без таблиц. Вспоминаю...
    По небу как по мостовой несут меня цветные колеса.
    Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.

  8. Вверх #8
    Постоялец форума Аватар для Николай
    Пол
    Мужской
    Адрес
    Los Angeles
    Возраст
    33
    Сообщений
    1,470
    Репутация
    100
    Ведь это тоже самое, что и мой первый пример.
    /dev/gmaker

  9. Вверх #9
    Недоразумение Аватар для boo
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    30
    Сообщений
    2,040
    Репутация
    115
    Не совсем. У тебя в роли рамки выступала ячейка, у меня отдельно рамка рисуется.
    Хотя суть та же. Вспоминаю как прикрутить без таблицы.
    По небу как по мостовой несут меня цветные колеса.
    Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.

  10. Вверх #10
    Недоразумение Аватар для boo
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    30
    Сообщений
    2,040
    Репутация
    115
    Починил руки.

    img
    {
    border: 2px solid #B0000A;
    padding: 2 2 2 2;
    }

    Работает без проблем. Неправильно назначил название
    По небу как по мостовой несут меня цветные колеса.
    Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.

  11. Вверх #11
    Недоразумение Аватар для boo
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    30
    Сообщений
    2,040
    Репутация
    115
    Хаха РОФЛ.
    АААА, у меня паника!!!
    Ненавижу w3c-несовместимые браузеры. Хахахаха.
    По небу как по мостовой несут меня цветные колеса.
    Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.

  12. Вверх #12
    Предложенный код воспринимает Firefox, а вот IE не хочет делать отсупы... ((

  13. Вверх #13
    Недоразумение Аватар для boo
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    30
    Сообщений
    2,040
    Репутация
    115
    Цитата Сообщение от Touristique Garcon
    Предложенный код воспринимает Firefox, а вот IE не хочет делать отсупы... ((
    Собственно об этом я и говорил в предидущем посте, в несколько изощренной форме.
    Вообщем походу единственный кросс-платформеный выход это рисовать таблички. Потому как Мелкософт клал с высокой колокольни на w3c.
    По небу как по мостовой несут меня цветные колеса.
    Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.


Ответить в теме

Похожие темы

  1. e-mail от css.od.ua
    от Doglexx в разделе Интернет :: технические вопросы
    Ответов: 7
    Последнее сообщение: 08.08.2011, 15:10
  2. Проблемы с CSS
    от zarema в разделе Интернет :: технические вопросы
    Ответов: 1
    Последнее сообщение: 29.01.2009, 12:14
  3. CSS - ЦСС Евроком - FTP
    от Владимирович в разделе Интернет
    Ответов: 7
    Последнее сообщение: 18.09.2007, 17:46
  4. Сервера CS, CZ, CSS
    от Denik в разделе Компьютерные игры
    Ответов: 0
    Последнее сообщение: 08.05.2007, 14:53
  5. CSS ADSL и Одесский трафик
    от shidox в разделе Интернет
    Ответов: 1
    Последнее сообщение: 18.11.2005, 14:57

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения