CSS | border-collapse

  • Александр Фадеев
    • Dec. 7, 2010, 2:01 p.m.
    • 0
    почему когда в CSS добавляешь border-collapse:collapse то -moz-border-radius перестает закруглять края?
  • Всеволод Иванов
    • Dec. 7, 2010, 2:19 p.m.
    • 0
    http://htmlbook.ru/css/border-radius
    http://htmlbook.ru/css/border-collapse
    http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

    В стандартах w3c четко не прописано то, что должно отменяться свойство border-radius, когда border-collapse имеет значение collapse. Но по сути, так и должно быть, потому что границы у элементов в таблице при border-collapse становятся “общими”, и определить куда что закруглять становится сложно.
    Если проблема в том, что лишь рамка вокруг таблицы должна быть закругленный, то это решается простым оборачиванием таблицы в блок, отмена всех отступов у блока(внутрь) и у таблицы(снаружи) и задание блоку border-radius
    Во вторых -moz-border-radius, -opera-border-radius, -webkit-border-radius являются проприетарными свойствами, и могут иметь другую реализацию, без полного соответствия стандарту, но в большинстве случаев, использование border-radius по сути “вызывает” использование проприетарных свойств.
    Я больше чем уверен в том, что эти свойства для других браузеров будут выдавать аналогичный результат.
    Если вам нужны закругления в каждой ячейке, но при этом граница что бы была однопиксельной - тут уже нужно извращаться, если нужно узнать как - могу написать не большой пример.
  • Александр Фадеев
    • Dec. 7, 2010, 2:32 p.m.
    • 0
    а если нету доступа к самой таблице а только доступ к CSS файлу? как тут быть? или все тоже самое?
  • Всеволод Иванов
    • Dec. 7, 2010, 2:38 p.m.
    • 0
    так нужен второй вариант? добавить каждой ячейке бордер 1пкс, и что те которые рядом никак не суммировались?
    тут не сколько вариантов, либо html изменять с помощью яваскрипта, либо очень извращенный способ.
    Каждой строке (<tr>) добавить position:absolute и margin-top:-1px а для соседних ячеек в строке - всем ячейкам ( <td> ) position:absolute и margin-left:1px ,
    это очень плохое решение, оно совсем не по стандарту но работает, как минимум первое действие которое описал. проверенно. position:relative никак не будет влиять, только position:absolute позволит двигать элементы в таблице. и самой таблице border-collapse:separate поставить, что бы бордеры были не общими. вот такое извращение
  • Александр Фадеев
    • Dec. 7, 2010, 3:21 p.m.
    • 0
    Всеволод Иванов Спасибо большое…
  • Всеволод Иванов
    • Dec. 7, 2010, 4:08 p.m.
    • 0
    помогло?:)
  • Александр Фадеев
    • Dec. 7, 2010, 4:36 p.m.
    • 0
    честно?
    нового немного узнал но для (стыдно) ucoz неа =((( но зато появилось больше интереса для создания сайта в не бесплатных конструкторах а в более нормальных системах для этого =)))
  • Всеволод Иванов
    • Dec. 7, 2010, 4:40 p.m.
    • 0
    ну если синтаксис известен, то просто пройтись надо по справочникам типа htmlbook.ru, quirksmode.org и w3c стандартам :) и верстка типовых шаблонов, и ничего сложного не будет в плане верстки :)
  • Александр Фадеев
    • Dec. 7, 2010, 4:47 p.m.
    • 0
    сложного то нету вообще не чего но когда весь html код содержится в $BODY$ к примеру как их форум а редактировать это можно только через CSS то появляются такие вопросы а после получения на них ответы желание послать этот ucoz далеко и надолго выростает еще больше от того что начинаешь понимать что это не такой и хороший конструктор как говорят его любители =)))
  • Всеволод Иванов
    • Dec. 7, 2010, 5:07 p.m.
    • 0
    конструкторов увы вообще хороших нет, а то бы верстальщиков почти не осталось бы, нужны были бы в основном javascript программисты для клиентской разработки :) юкоз удобен для организации бесплатных информационных порталов о чем либо, не более
  • Delete Deletovich
    • Sept. 8, 2012, 5:54 p.m.
    • 0
    Yo
Добавление ответа: