-
Posts
3,789 -
Joined
-
Last visited
-
Days Won
101
Content Type
Profiles
Forums
Calendar
Store
Everything posted by npofopr
-
одними дивами тут слишком мудрено мне кажется будет. тем более для резинки.
-
не? а что такое dic? <table width="100%"> <tr> <td width="50"></td> <td></td> <td width="50"></td> <td></td> <td width="50"></td> </tr> </table>
-
центровка блока с "absolute" элементами внутри
npofopr replied to Archi_xxx's question in HTML Coding
не совсем понятно. но вам наверно надо диву задать position:relative; а картинкам внутри дива уже absolute. чтобы они прыгали относительно дива, а не всего окна. а z-index'ом уже расположите как вам надо. одну над другой -
не хочется копировать. а если пробел поставить в ваших цифрах, то переносится текст?
-
у меня ваши картинки не отображаются. вернее скрыты почему то %)
-
в стилях для td пропишите vertical-align:top; или прямо в html для td valign="top" укажите если вы про такой уровень
-
может быть я вас не понимаю, но у меня все работает и кликается. не нравятся слайдеры на списках, попробуйте на дивах. http://www.ndoherty.biz/demos/coda-slider/2.0/ там я прямо .coda-slider задал -moz-border-radius:10px; и края скруглились
-
потому что не relative, а absolute <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>anythingSlider</title> <link rel="stylesheet" href="http://www.ruseller.com/lessons/les382/css/page.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://www.ruseller.com/lessons/les382/css/slider.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://www.ruseller.com/lessons/les382/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://www.ruseller.com/lessons/les382/js/jquery.easing.1.2.js"></script> <script src="http://www.ruseller.com/lessons/les382/js/jquery.anythingslider.js" type="text/javascript"></script> <script type="text/javascript"> function formatText(index, panel) { return index + ""; } $(function () { $('.anythingSlider').anythingSlider({ easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not. delay: 3000, // How long between slide transitions in AutoPlay mode startStopped: false, // If autoPlay is on, this can force it to start stopped animationTime: 600, // How long the slide transition takes hashTags: true, // Should links change the hashtag in the URL? buildNavigation: true, // If true, builds and list of anchor links to link to each slide pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover startText: "Старт", // Start text stopText: "Стоп", // Stop text navigationFormatter: formatText // Details at the top of the file on this use (advanced use) }); $("#slide-jump").click(function(){ $('.anythingSlider').anythingSlider(6); }); }); </script> <style> .image2 { position:absolute; top:0px; left:40px; width:670px; height:315px; z-index:999; border:5px solid #ff9600; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; behavior: url(ie-css3.htc); } </style> </head> <body> <div class="anythingSlider"> <!-- тот самый div --> <div class="image2"></div> <!-- --> <div class="wrapper"> <ul> <li> <img src="http://www.ruseller.com/lessons/les382/images/slide-civil-1.jpg" alt="" /> </li> <li> <div id="textSlide"> <img src="http://www.ruseller.com/lessons/les382/images/251356.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px;" /> <h3>Сэндвич с томатами</h3> <h4>Ingredients</h4> <ul> <li>1 bagel, split and toasted</li> <li>2 tablespoons cream cheese</li> <li>1 roma (plum) tomatoes, thinly sliced</li> <li>salt and pepper to taste</li> <li>4 leaves fresh basil</li> </ul> </div> </li> <li> <img src="http://www.ruseller.com/lessons/les382/images/slide-env-1.jpg" alt="" /> </li> <li> <img src="http://www.ruseller.com/lessons/les382/images/slide-civil-2.jpg" alt="" /> </li> <li> <div id="quoteSlide"> <blockquote>Как создать сайт? Этот вопрос волнует сегодня миллионы умов по всему миру. Многие хотят создать сайт и зарабатывать на нём разными способами!</blockquote> <p> - <a href='http://ruseller.com/'>Ruseller.com</a> -</p> </div> </li> <li> <img src="http://www.ruseller.com/lessons/les382/images/slide-env-2.jpg" alt="" /> </li> </ul> </div> </div> </body> </html> зачем вы вообще накладываете? редактируйте css самого скрипта
-
все отлично накладывается. внутрь div.anythingSlider вставил еще один див. задал ему абсолют и з-индекс 999 и все выделяется. проверяйте з-индексы.
-
http://www.cssplay.co.uk/menus/dd_valid_2.html тут много разных
-
надо типографа найти ) может особенность шрифта. сам по себе может он такой высокий
-
Какие правила и особенности при сдачи вёрстки заказчику?
npofopr replied to BassEast2's question in HTML Coding
ну дак 1. разработка сайта. 2. его поддержка и модернизация совсем разные договора, совсем разные суммы. раз верстка сделана, проверена, оплачена, то дальше идет поддержка. у нас бывает месяцами сайт торчит, в стадии разработки. а раз тебе оплатили и приняли, то бери по "500р" за час и все =) -
хы. было у меня где то такое. а если overflow:hidden поставить?
-
да и с таблицей никаких проблем ну если все фикс. то можно и логотипу дать флоат:лефт, а от него правый баннер маржином отодвинуть. так конечно плохо) но можно.
-
почему картинки однородные? в том то и дело, что градиент можно сделать. ну блок. можно еще в див обернуть) а вообще, всегда углы делаю скриптом http://dillerdesign.com/experiment/DD_roundies/
-
что мешает сделать обычную динамическую кнопку? с двумя картинками http://www.sdelaysite.com/kniga/verstka-kniga/css-knopka
-
ну в IE Developere для <div class="clr" style="height: 1px;"/> ставишь эту самую высоту и все гуд. хоть и стоит overflow:hidden; он у вас все равно не однопиксельный мне кажется вам надо что то типа этого /* clear fix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* end fix */ или этого .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
-
да все разобрались в вашей теме. даже ответ дали: изучайте php и я спрашивал и рассуждал, а не утверждал. и если хотели показать, что у вас после индекса "позиция меню рисуется" /index.php?page=cdo дак указали бы в скобках, что по ссылке ходить не надо. в общем отписываюсь, дабы не разводить холиваров.
-
короткие блоки это то что закамментировано?
-
закругленные углы уже сделать для <a><span>btn</span</a> обычные кнопки. вот только мне кажется text-align: center; разве отцентрует как надо?
-
ломается позиция фона при использовании iepngfix
npofopr replied to swetlana's question in HTML Coding
http://www.dillerdesign.com/experiment/DD_belatedPNG/ а этот? не помню только как он с беграундами работает. ПыСы: опоздал с написанием на пару секунд, но хоть ссылку дал) -
во первых там 2мя библиотеками лишь расширяется функционал. вы офф сайт галереи почитайте для начала. мне кажется клепаете очередной велосипед. с квадратными колесами. да да. хочется глянуть галерею )
-
аля яндекс? дак посмотри фаербагом как у них =)
-
это совсем не баг. для этого и существуют min-width и max. если хотите до 800 резинить, то начните с верхнего меню. оно совсем никак не влазит.