CSS | border-collapse
-
почему когда в CSS добавляешь border-collapse:collapse то -moz-border-radius перестает закруглять края? -
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 по сути “вызывает” использование проприетарных свойств.
Я больше чем уверен в том, что эти свойства для других браузеров будут выдавать аналогичный результат.
Если вам нужны закругления в каждой ячейке, но при этом граница что бы была однопиксельной - тут уже нужно извращаться, если нужно узнать как - могу написать не большой пример. -
а если нету доступа к самой таблице а только доступ к CSS файлу? как тут быть? или все тоже самое?
-
так нужен второй вариант? добавить каждой ячейке бордер 1пкс, и что те которые рядом никак не суммировались?
тут не сколько вариантов, либо html изменять с помощью яваскрипта, либо очень извращенный способ.
Каждой строке (<tr>) добавить position:absolute и margin-top:-1px а для соседних ячеек в строке - всем ячейкам ( <td> ) position:absolute и margin-left:1px ,
это очень плохое решение, оно совсем не по стандарту но работает, как минимум первое действие которое описал. проверенно. position:relative никак не будет влиять, только position:absolute позволит двигать элементы в таблице. и самой таблице border-collapse:separate поставить, что бы бордеры были не общими. вот такое извращение -
честно?
нового немного узнал но для (стыдно) ucoz неа =((( но зато появилось больше интереса для создания сайта в не бесплатных конструкторах а в более нормальных системах для этого =))) -
ну если синтаксис известен, то просто пройтись надо по справочникам типа htmlbook.ru, quirksmode.org и w3c стандартам :) и верстка типовых шаблонов, и ничего сложного не будет в плане верстки :)
-
сложного то нету вообще не чего но когда весь html код содержится в $BODY$ к примеру как их форум а редактировать это можно только через CSS то появляются такие вопросы а после получения на них ответы желание послать этот ucoz далеко и надолго выростает еще больше от того что начинаешь понимать что это не такой и хороший конструктор как говорят его любители =)))
-
конструкторов увы вообще хороших нет, а то бы верстальщиков почти не осталось бы, нужны были бы в основном javascript программисты для клиентской разработки :) юкоз удобен для организации бесплатных информационных порталов о чем либо, не более
