[CSS] Закругляем края блоков без картинок

Чтобы отправить комментарий — войдите.
  • O
    27 янв 06
    ребята,а Photoshop отменили за ненадобностью? На сколько идет выигрыш в размере, к примеру, если черный квадрат 50х50 сделать фоном и его же в photoshop. Нужна ли морока?
    Ответить
  • Campri
    27 янв 06
    Нет, html код красиво вставлен, слов нет, и с номерами строк даже
    Здесь когда-то было изображение.
    только вот из-за номеров строк великая и могучая техника copy/paste требует непосильного ручного труда :)
    Ответить
  • M
    27 янв 06
    вот, кстати, красивое решение. сродни мйловскому, но без лишних картинок и "резиновое":
    .line
    {
    padding-left: 1px;
    padding-right:1px;
    }
    .topline
    {
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:#066 1px solid;
    width:100%;
    }
    .bottomline
    {
    border-top:#066 1px solid;
    border-right:none;
    border-left:none;
    border-bottom:none;
    width:100%;
    }
    .bodystyle
    {
    color:white;
    background-color:#666;
    padding-left:3px;
    padding-right:3px;
    }
    Какой нибудь текст
    Ответить
    • N
      mwiden 27 янв 06
      А твой вариант все умеет подрезать?
      Вот чет-то к картинкам, типа Гифа не подходит :(
      Ответить
      • M
        NSD 27 янв 06
        я-то думал — только я такой ленивый... подставь вместо "Какой нибудь текст" например вот это "" и вместо "#666" везде по тексту цвет рамки рисунка — и будет тебе щааасье ...
        Ответить
  • 1
    27 янв 06
    Трин, когда встретимся об этих иероглифах точно говорить не будем!
    Ответить
  • nna
    26 янв 06
    Блин, Trinux! Я же спрашивал, делает ли кто NNM на CSS — Сказали делают. А такой элементарный вопрос решить не хотите!
    1 решение: задать тегу span — задать тип block
    2 решение: использовать тэг div: (спасибо за код dovlet187)
    body,html
    {
    margin:0;
    padding:0;
    }
    div.inner,
    {
    margin:0px;
    }
    div.frame
    {
    position:relative;top:100px;left:10%;
    width:50%;
    height:70px;
    margin:0px;
    }
    div.inner
    {
    background:#000000;
    color:#ffffff;
    }
    div.bord
    {
    margin:0 1px;
    height:1px;
    overflow:hidden;
    background:#000000;
    }
    Untitled Document
    Nemitko N.A for Trinux
    Ответить
    • Trinux
      Trinux АВТОР
      nna 27 янв 06
      Пора бы мне уже спецификауию почитать ;)
      Ответить
    • D
      nna 27 янв 06
      вот смотрю и не могу понять — чего такого технологически нового ты в этот код вставил чтобы постит во вророй раз?
      Ответить
      • nna
        dovlet187 27 янв 06
        Сохрани код. Открой в браузере и измени окно.
        Технологически новое — это "резиновая" вёрстка. Может быть я по спешке не упростил код, к примеру глупо писать color:#ffffff; — когда можно просто:
        color:#fff; И вообще можно код сократить нехило.
        Читай мальчик спецификацию. А ссылку на ВАС дал потому, что использовал Ваш код что-бы показать именно резиновую вёрстку.
        Ответить
        • D
          nna 27 янв 06
          резиновой она была и до твоего вмешхательства. едиственное что я там нового вижи так это — маргин для иннер. остальное обычное blah... а на счет спецификации — я уже 3 года работаю как профессионалный веб девелопепор, 42 сайта за плечами, все xhtml 1.0 strict или xhtml 1.1... думаю все сказано....
          Ответить
  • S
    26 янв 06
    Ну когда же разработчики браузеров введут CSS 3.0?
    Там свойство azimuth есть... Можно радиус дуги задавать...
    Эх...
    Ответить
  • iov
    26 янв 06
    Кто знает как нормально реализовать с резинкой?
    Бьюсь уже много времени никак не плучатся! Вопрос ребром лыжи или я!
    Ответить
  • uniorzeroman
    26 янв 06
    Хохххо... Трин, ты походу подглюкнул :) Знаем эту фишку уже как полгода :)
    Ответить
  • C
    26 янв 06
    в FF 1.5 и IE6 всё как задумано.
    Ответить
  • D
    26 янв 06
    Ответить
    • Trinux
      Trinux АВТОР
      dovlet187 26 янв 06
      Внатуре =)
      Ответить
    • V
      dovlet187 27 янв 06
      при выделении УГЛЫ возвращаются
      Ответить
      • D
        vels 27 янв 06
        хахахахаха........... неа.. просто у ишака (ИЕ) дефолтный цвет выделения чОрный =)
        Ответить
      • D
        vels 27 янв 06
        хахахахаха........... неа.. просто у ишака (ИЕ) дефолтный цвет выделения чОрный =) поробуй щас. я цвет поменял
        Ответить
Сделано с NoNaMe