BRK
-
Posts
24 -
Joined
-
Last visited
BRK's Achievements
Explorer (1/14)
0
Reputation
-
Да дело в том, что я уже не начинающий) Просто никак не могу сообразить как сделать, опыта маловато... Вот если пипочку пристыковать к низу, то вот получится наложение теней, к примеру ее нужно будет накладывать не на однотонную поверхность, то тень снизу и справа допустим растянется, а вот если приложить пипку, то будет наложение и там будет небольшая часть темнее другой. У меня как раз тень эта и вызывает затруднения...
-
Есть картинка. Не могу понять, как ее можно сверстать, чтобы можно было бы ее растягивать и в длину и в ширину. Чтобы туда к примеру можно было положить текст и в зависимости от его количества, данный блок тянулся.
-
Сорри, случайно нажал на пост. потрите если что...
-
Спасибо за ссылку. Почитал, думаю мне необходимо будет учить ява скрипт. Оказывается не все так трудно.
-
Да дело втом, что для меня пока там слишком трудновато, хотелось бы разобраться на более простом примере, как такие слои организовываются.
-
Добрый день! Хотел бы спросить совета, никогда ранее не делал листалки, которые работают на ява-скрипт. Но сейчас вот хочу сделать, наподобие такокго - http://images.yandex.ru/yandsearch?p=0&...time=1232622756 То, что находится внизу. Но никак не могу понять, как организовывваются слои под такое дело. Может кто уже делал подскажет или даст элементарный пример, совет, чтобы понять как это работает? Заранее спасибо.
-
В общем решил проблему. Начал всю верхушку внутри главного слоя позиционировать налево, то есть проставлял всем слоям флоат лефт.
-
Никто не может подсказать как пойти другим путем, без применения таблиц?
-
Не знаю как сделать так, чтобы в ие 6 и 7 нормально тянулся див, который отвечает за показ заколки. В опере и фф нормально отображается и тянется именно так, как надо. Вот тут архив с хтмл ксс и картинками http://xs2000.narod.ru/123.rar Может кто сможет помочь. Или вот код, если и так будет понятно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Магазин</title> <link href="copy Untitled-2.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="up_bg"> <div id="up"></div> </div> <!--<div id="logo"></div>--> <div id="up_text"> <div id="up_left"><span id="descr">Интернет-магазин бизнес-подарков и сувениров</span><br /> <p><span id="descr">(495) </span><b class="col_b">214-85-45, 214-85-57</b><br /> <span id="descr">ICQ </span><b class="col_b">258-828</b><br /> <a href="mailto:a-ivan@mail.ru">a-ivan@mail.ru</a></p> <p style="margin-top:30px;"> <a href="/" class="lnk_uplft">О фирмах-производителях</a><br /> <a href="/" class="lnk_uplft">Адреса сервисных центров</a><br /> <a href="/" class="lnk_uplft">Интересные статьи</a><br /> <a href="/" class="lnk_uplft">Про подделки</a><br /> </p> </div> <div id="gil"><a href="/">Гильотина</a> с эмблематическим узором «бриллиантовое гильоше» и серебряной отделкой.</div> <div id="crik"><a href="/">Зажигалка</a></div> <div id="out_z" align="right"><div id="in" align="right"></div><div id="zakol"><div id="tx_z" align="left"><a href="/">Заколка для галстука</a>, отделка «iconic Diamond Head», покрытие палладием.</div></div></div> <!-- <div id="pen"> <div id="in_p">Кстати, <a href="/">ручка</a> - универсальный подарок </div> </div>--> </div> </body> </html> и ксс BODY { background:#f5f2ea; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; text-align:left; color:#413e41; line-height:17px; } A { color:#0e60a5; text-decoration:underline; } A:hover { color:#0e60a5; text-decoration:underline; } A:visited { color:#0e60a5; text-decoration:underline; } #up_bg { background:url(im/up_bg.gif) repeat-x; width:100%; height:483px; position:absolute; min-width:1000px; width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); top:0; left:0; right:0; z-index:0; } #up { background:url(im/up.jpg) left no-repeat; width:100%; height:484px; position:relative; z-index:0; } /*#logo { background:url(im/logo.gif) no-repeat; width:106px; height:45px; margin-left:52px; margin-top:53px; position:absolute; z-index:0; } for main link*/ #up_text { position:absolute; z-index:0; padding-top:53px; padding-left:52px; top:0; left:0; right:0; } #up_left { width:177px; height:205px; margin-top:55px; float:left; } #descr { color:#969190; font-size:11px; } .col_b { color:#4c474d; } .lnk_uplft { color:#b63a3a; text-decoration:underline; font-size:12px; font-weight:bold; line-height:20px; } #gil { width:200px; height:50px; position:absolute; z-index:1; top:53px; left:482px; } #gil A { font-size:14px } #gil A:hover { font-size:14px } #gil A:visited { font-size:14px } #crik { width:75px; height:20px; position:absolute; z-index:1; top:150px; left:550px; font-size:14px } #pen { background:url(im/pen.png) no-repeat; width:168px; height:281px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='im/pen.png'); } #in_p { margin-top:182px; margin-left:79px; } #in_z { width:117px; } #zakol { background:url(im/zakol.png) top no-repeat; width:117px; height:200px; margin-top:30px; padding-top:100px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='im/zakol.png'); } #out_z { position:absolute; width:71%; } #in { min-width:730px; width:100%; width:expression(document.body.clientWidth > 730 ? "71%" : "730px"); border:1px solid #000000; } #tx_z { width:95px; margin-right:20px; position:relative } #zakol A { font-size:14px } #zakol A:hover { font-size:14px } #zakol A:visited { font-size:14px }
-
Вот, что у меня получается Скрин того, что я написал: Это ИЕ6 А это в фф и опере.
-
Почему в ие6 появляются отступы, что стоит ли див в таблице или рядом с другим дивом. В фф и опере все нормально. вот простой пример: <div id="line"> <div class="til"></div> <div class="til2"></div> </div> #line { position:absolute; top:280px; width:100%; } .til { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-left:20px; _margin-left:10px; float:left; } .til2 { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-right:20px; _margin-right:10px; float:right; } Увидеть эти отступы можно добавив в конец каждого класса строчку border:1px solid black;
-
Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?
BRK replied to BRK's question in HTML Coding
Я же не профи. Пока всех тонкостей еще не знаю, вот понемногу их изучаю. -
Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?
BRK replied to BRK's question in HTML Coding
Нет, нужна была просто прозрачность. Проблема решилась с помощью замены пнг на прозрачный гиф. -
Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?
BRK replied to BRK's question in HTML Coding
Глюк, глюком, не знаю как исправить и можно ли его вообще исправить. Но решение есть, если кого интересует, могу отписать. -
Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?
BRK replied to BRK's question in HTML Coding
Для себя я бы убрал этот элемент, но я не для себя делю и нужно, чтобы именно было так как я написал... Слов нет, нет нерешаемых проблем, но я не первый день ломаю голову, хотя возможно все настолько просто.