BRK
-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by BRK
-
Да дело в том, что я уже не начинающий) Просто никак не могу сообразить как сделать, опыта маловато... Вот если пипочку пристыковать к низу, то вот получится наложение теней, к примеру ее нужно будет накладывать не на однотонную поверхность, то тень снизу и справа допустим растянется, а вот если приложить пипку, то будет наложение и там будет небольшая часть темнее другой. У меня как раз тень эта и вызывает затруднения...
-
Есть картинка. Не могу понять, как ее можно сверстать, чтобы можно было бы ее растягивать и в длину и в ширину. Чтобы туда к примеру можно было положить текст и в зависимости от его количества, данный блок тянулся.
-
Сорри, случайно нажал на пост. потрите если что...
-
Спасибо за ссылку. Почитал, думаю мне необходимо будет учить ява скрипт. Оказывается не все так трудно.
-
Да дело втом, что для меня пока там слишком трудновато, хотелось бы разобраться на более простом примере, как такие слои организовываются.
-
Добрый день! Хотел бы спросить совета, никогда ранее не делал листалки, которые работают на ява-скрипт. Но сейчас вот хочу сделать, наподобие такокго - 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
Для себя я бы убрал этот элемент, но я не для себя делю и нужно, чтобы именно было так как я написал... Слов нет, нет нерешаемых проблем, но я не первый день ломаю голову, хотя возможно все настолько просто. -
Помогите, если кто видит или знает ответ. Есть картинка в формате пнг, в опере и лисе нормуль, вот ие6 его отображает как то странно, нужно, чтобы картинка тянулась по вертикали, вот рипит х работает как нужно, а рипит у нет... вот код: #cent_main { background:url(images/cent_main.png) repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cent_main.png', sizingMethod='scale'); } и хтмл <td id="cent_main"> </td> Вот тут показывается картинка как нужно, все тянется. Вот код, который как раз и вызывает у меня недоумение, если кто может, посмотрите у себя его. кртинка прилагается. ксс .delit { background:url(images/razdelitel.png) repeat-y; width:3px; _background:none repeat-y; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/razdelitel.png', sizingMethod='scale'); } вот хтмл <td class="delit"></td> Можно конечно и в див вставить, результат тот же. А вот картинка: Для первого кода http://xs2000.narod.ru/cent_main.png И для второго http://xs2000.narod.ru/razdelitel.png Если кто видит другое решение, подскажите.
-
Вот задача думаю непростая... Не знаю, как и с чего даже начинать... может кто, что посоветует?
-
http://ifolder.ru/6674185 тут в архиве лежат все 3. <div id="cmm"><div id="upmm"><div id="dmm">писать текст тут.</div></div></div> Отступы внутри можно самому как нужно поставить.
-
Как это, полные адреса? Можно пояснить?
-
Пятно как раз должно тянуться, образовывая некий овал. Никак не мог с ней разобраться дня 2. Но наконец ращобрался. Вот код, возможно кому то пригодиться. CSS #upmm { background:url(images/upmm.jpg) no-repeat; background-position:top; width:249px; } #cmm { background:url(images/slicemm.jpg) repeat-y; width:249px; } #dmm { background:url(images/downmm.jpg) no-repeat; background-position:bottom; width:249px; Марджини убрал, они уже как нужно кому как прописываются. А вот сам хтмл <div id="cmm"><div id="upmm"><div id="dmm"></div></div></div>
-
Помогите разобраться, не могу никак понять, как нужно сделать, чтобы меню расстягивалось вниз, допустим при добавлении нового пункта меню. Меню построено на основе картинки, не знаю как его порезать и сделать так, чтобы онго расстягивалось. Вот картинка того меню, которое как раз и должно расстягиваться: http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg
-
Огромное спасибо, попробую все воплотить.
-
Да, примеров много, но хотелось бы пример сложного макета с его последующим верстанием. Конкретноую задачу поставить можно, вот часть макета, которая как раз и вызывает трудности http://i002.radikal.ru/0805/a3/3a56d0ffa2dc.jpg С позиционированием проблем не будет, сместить и поствавить как надо могу, а вот порезать нет. Подскажите как лучше. Даже не как лучше, а как нужно.
-
Доброго времени суток! Есть шаблон сайта, но сверстать не могу, есть все инструменты под рукой, учебники, статьи, по тому как расположить с дивами и таблицами смогу, но вот правильно нарезать не знаю как. Там есть на менюшках тени и все прочее, с чем я не могу справиться и нарезать так, как нужно, чтобы потом это все сверстать... Может кто поможет привести пример того, как нужно эти дела прокручивать? На примере желательно, нечто вроде этого http://www.pastukhova.com/lesson1.php Но тут уж слишком все просто, нужно чтобы примерно понять как сверстать дизайн посложнее.