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

Чтобы отправить комментарий — войдите.
  • O
    27 янв 06
    ребята,а Photoshop отменили за ненадобностью? На сколько идет выигрыш в размере, к примеру, если черный квадрат 50х50 сделать фоном и его же в photoshop. Нужна ли морока?
    Ответить
    • C
      Onyx 27 янв 06
      Пожалуй, если нужна "резиновость"
      Ответить
    • P
      Onyx 27 янв 06
      +1

      Фотошоп гораздо проще и удобнее
      Ответить
  • C
    27 янв 06
    Нет, html код красиво вставлен, слов нет, и с номерами строк даже

    Здесь когда-то было изображение.

    только вот из-за номеров строк великая и могучая техника copy/paste требует непосильного ручного труда :)
    Ответить
    • Alex_86
      Campri 27 янв 06
      Сунул в WinWord. Пару раз Replace ^l на ^p и всех дел-то :-)
      Ответить
      • R
        Alex_86 27 янв 06
        В ворде с нажатым Alt выделять можно блоки.
        Ответить
  • 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
    Трин, когда встретимся об этих иероглифах точно говорить не будем!
    Ответить
  • N
    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
      вот смотрю и не могу понять — чего такого технологически нового ты в этот код вставил чтобы постит во вророй раз?
      Ответить
      • N
        dovlet187 27 янв 06
        Сохрани код. Открой в браузере и измени окно.

        Технологически новое — это "резиновая" вёрстка. Может быть я по спешке не упростил код, к примеру глупо писать color:#ffffff; — когда можно просто:

        color:#fff; И вообще можно код сократить нехило.

        Читай мальчик спецификацию. А ссылку на ВАС дал потому, что использовал Ваш код что-бы показать именно резиновую вёрстку.
        Ответить
        • D
          nna 27 янв 06
          резиновой она была и до твоего вмешхательства. едиственное что я там нового вижи так это — маргин для иннер. остальное обычное blah... а на счет спецификации — я уже 3 года работаю как профессионалный веб девелопепор, 42 сайта за плечами, все xhtml 1.0 strict или xhtml 1.1... думаю все сказано....
          Ответить
          • D
            хахаха — девелопепор
            Ответить
          • N
            dovlet187 27 янв 06
            удивительно.... а твой код открыл — а он не резиновый... Что я не так сделал? Блин, задел пацана за живое. Всё... три года... ууу... Нашёл чем хвастать. Особенно радуют xhtml в списке, ты ещё скажи, что исключительно CSS — вёрстка, похохочем все вместе. :-) Во-во сказано :-)

            /ошибка — указание ширины в px, +ещё одна вытекающая. IE6/5/5.5/ Opera Firefox1.0.1->1.5 Konqueror/

            _____________________________

            Фиг с ним, Trinux, убей мой пост пожалуйста, кому надо тот резину сам сделает. Голова и мануал рулят.
            Ответить
            • D
              nna 27 янв 06
              на будушее — если ты пишеш xhtml то советую обязательно использовать css. понимаешь, xhtml это логика а css — презентация. без css, xhtml просто набор даты. я когда писал просто расчитывал на человека который в этом хоть что то понимает. толко по это и написал "думаю все сказано...."

              ЗЫ — использовал px толко для конкретного примера. если поменять px на % будет тебе резина.
              Ответить
              • N
                dovlet187 27 янв 06
                Не хочу с Вами спорить :-) Я начинал с табличной вёрстки, лет 5 назад и ДРУГОГО варианта не существовало для ОДИНАКОВОГО отображения в броузерах.

                И на CSS _вёрстку_ перешёл с удовольтсвием и то ж давно. Однако, много зависит от видения дизайнера и очень часто от Клиента :-(

                зы

                Поменяй px на % и открой в _бразуерах_ — расплывается. Поэтому я и сделал небольшие изменения. А для сокращения взял Ваш код, если Вас это обидело, простите — но Вас, как Автора указал. А вы начинаете "мерятся px-алами". :-)
                Ответить
                • D
                  nna 27 янв 06
                  :) неа... мерятся не буду... код не обидел.... просто серёзно, без подъ*бов и тд. не увидел ничего нового... вот и спросил... обидел мальчик... у меня 2 детей...
                  Ответить
                  • W
                    dovlet187 27 янв 06
                    можно подумать когда детей двое — уже ни на что не обижаешься :)
                    Ответить
                    • 5
                      WiB 27 янв 06
                      Жжошь! А его то — (dovlet187) реально задело. :)))))))))
                      Ответить
                      • N
                        5trovi4 27 янв 06
                        :-) Улыбнуло.

                        И что, дети помогают в работе? Страницу верстать? :-) ню-ню...

                        (по секрету, у меня один малыш за двоих. Шалопай.)

                        А всё началось с того, что в комментах просили "резину".

                        Есть такая категория верстальщиков "начинающие" им иногда проще пальцем показать, чем думать заставить.
                        Ответить
                        • D
                          nna 27 янв 06
                          мдя.... ладно.. проехали... если будет чо нить интересное пости в web-developer.
                          Ответить
  • S
    26 янв 06
    Ну когда же разработчики браузеров введут CSS 3.0?

    Там свойство azimuth есть... Можно радиус дуги задавать...

    Эх...
    Ответить
    • A
      Там много чего есть:) По слухам 7-й ослик будет поддерживать...
      Ответить
    • M
      SpitF1reK 15 фев 06
      9 опера рулез...
      Ответить
  • iov
    26 янв 06
    Кто знает как нормально реализовать с резинкой?

    Бьюсь уже много времени никак не плучатся! Вопрос ребром лыжи или я!
    Ответить
  • U
    26 янв 06
    Хохххо... Трин, ты походу подглюкнул :) Знаем эту фишку уже как полгода :)
    Ответить
  • C
    26 янв 06
    в FF 1.5 и IE6 всё как задумано.
    Ответить
  • D
    26 янв 06
    a вот тут сама страница
    Ответить
    • Trinux
      Trinux АВТОР
      dovlet187 26 янв 06
      Внатуре =)
      Ответить
    • V
      dovlet187 27 янв 06
      при выделении УГЛЫ возвращаются
      Ответить
      • D
        vels 27 янв 06
        хахахахаха........... неа.. просто у ишака (ИЕ) дефолтный цвет выделения чОрный =)
        Ответить
      • D
        vels 27 янв 06
        хахахахаха........... неа.. просто у ишака (ИЕ) дефолтный цвет выделения чОрный =) поробуй щас. я цвет поменял
        Ответить
full image