Jump to content

master_alf

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by master_alf

  1. Очень интересное решение, я даже близко до такого не додумался Но, т.к. времени свободного мало, сделал таблицей. Очень даже просто, кросс-браузерно и быстро Привык верстать блоками... и про таблицы вспоминаю крайне редко Не то бы и вопроса не стояло. В любом случае большое спасибо за помощь.
  2. Именно так и нарезано, но, т.к. блок этот должен быть резиновым, размеры точно задать нельзя. А при 100% высоте левого края, так же как и при 100% ширине верха и низа, они начинают выглядывать из-под углов, т.к. там прозрачность. Я именно это и не могу обойти
  3. Вот как должно быть Обычное скругление, вопрос лишь в прозрачности... Хотя, вроде идея появилась как сделать - пробую реализовать. Отпишусь как закончу.
  4. Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page-top.png") repeat-x top left;} div#list > div { background: URL("../img/shadow-page-bot.png") repeat-x bottom left;} div#list > div > div { background: URL("../img/shadow-page-left.png") repeat-y top left; } div#list > div > div > div { background: URL("../img/shadow-page-corner-top.png") no-repeat top left;} div#list > div > div > div > div { background: URL("../img/shadow-page-corner-bot.png") no-repeat bottom left; width: 200px; height: 200px;} Я вижу только 2 теоретических способа что бы решить это. 1. Поставить дивы с углами выше, чем дивы с краями, и задать отступы таким образом, что бы дочерние дивы (с прямыми границами) оказались меньшего размера и не могли вылазить поверх. Но это не получается. Фон родительских дивов перебивается дочерними, и z-index тут не помогает. (по крайней мере в FF и IE). 2. Каким-то образом сделать дочерние дивы больше родительских... на конкретное количество пикселей... без использования JScript я даже не могу придумать способа... Может быть кто-то подскажет решение, которое я не увидел? Заранее спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy