bob_24
-
Posts
126 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by bob_24
-
Господа, нужно добавить кнопочки с лайками и шарой facebook и google+. Если твиттером и vk я как-то разобрался, то тут все сложно... Как сделать эти кнопки?
-
Чую я всех запутал.) Softlink, так наоборот не должно быть. Должно быть так: http://www.gazprom-sh.nl/ru/ Видите, фон справа внизу (хотя он там везде), вот эти огоньки, всегда остается на весь экран. Ну В общем как с подвалом: только тут когда уменьшаешь должно остаться на весь экран, а когда увеличиваешь должно увеличиваться с контентом.
-
Ладно, вопрос останется нерешенным. Как еще объяснить что мне надо я не знаю) Но и на том спасибо
-
А смысл в обрезании картинки?
-
Да, тут моя ошибка.) пропустил слово "масштаба", при изменении масштаба страницы. Что бы было так: уменьшили масштаб, стало так
-
Эм...причем тут обрезать? После этих действий у вас картинка при любом масштабе остается одного размера?
-
Допустим есть такой код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;padding:0;} html, body{height:100%;} .back{ width:100%; height:100%; background:url('1 (2).jpg') no-repeat; } </style> </head> <body> <div class="back"> </div> </body> </html> и выглядит все это вот так: если уменьшить страницу, то будет так: с увеличением тоже самое. как сделать так, что бы при изменении страницы фон оставался как на первой картинке?
-
Спасибо, но видимо проблема не в этом. Вот весь код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .carousel{ overflow:hidden; height:250px; } .carousel ul{ padding:0; margin:0; } </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="js/jCarouselLite.js"></script> </head> <body> <div class="carousel"> <ul> <li><img src="image/picapica.png"></li> <li><img src="image/picapica.png"></li> <li><img src="image/picapica.png">/li> </ul> </div> <script type="text/javascript"> $(".carousel").jCarouselLite({ auto:1000, speed:800 }); </script> </body> </html> Вроде бы и ломаться нечему, но все же не работает.
-
В общем карусель работает везде кроме Opera (пробовал в 10.50) Погуглил: Вопрос: куда этот таймер вставлять? <script type="text/javascript"> jQuery(function(){ jQuery(".carousel").jCarouselLite({ auto:3000, speed:800, btnPrev: "#prev", btnNext: "#next", mouseWheel: true }); }); </script>
-
А как должны выглядеть резиновые макеты в psd? Ищешь то чего нет.
-
Я тоже, кавычки изначально блочный элемент.
-
К сожалению IE 6, 7 не поймет. А почему с padding так: справа работает, сверху нет?
-
Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книги — индивидуализм. Способность человека оставаться самостоятельно мыслящим существом независимо от обстоятельств. Пусть все окружающие превращаются в покорное и послушное стадо, кто имеет силу воли и цель — должен добиваться своего счастья. И такие люди в книге есть.</blockquote> </body> </html>
-
Проблема была в другом.) Текст появился, но скрипт что-то не работает...
-
Что-то я не пойму как заставить работать это в IE6-8. Пишу в html <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> После чего весь текст в IE пропадает...
-
Спасибо)
-
Это сарказм был)
-
Задача: сделать резиновый макет сайта, расположенный по центру. Сделать фиксированный макет по центру, например шириной 960 пикселей, не трудно. На мониторах с шириной 1024 и 1280 такой сайт будет смотреться хорошо, но вот на мониторах с шириной 1680, и тем более 1920, уже не устраивает. Хотелось бы, что бы на больших расширениях сайт растягивался допустим до 1200 пикселей (не будем трогать тему удобочтения длинных строк), а на маленьких (1280, 1024) 960. Или как-то пропорционально растягивался с ростом расширения. Недорешений несколько: 1. Как предлагают в большинстве статей: сделать сайт на всю ширину экрана. Такой вариант сразу отпадает. 2. Прописать свойства min-width:960px, max-width:1200. Но при таком подходе контент будет пытаться занять всю возможную ширину. К примеру при разрешении 1280 ширина сайт будет 1200 пикселей. Такое тоже не надо. 3. Если бы сайт был прижат влево, то можно было бы указать margin-right:*% и min-width:960px; max-width:1200. Этот margin бы сайт растягивал. Т.е. когда маленькое разрешение экрана он бы сужал его до min-width:960px, а когда больше растягивал бы до max-width:1200. Уже ближе, но сайт не по центру. 4. Теперь если сделать тоже самое, но указать margin: 0 *%; min-width:960px; max-width:1200... работает тоже только в сферическом мониторе в вакууме. Приблизительно так. Думаю проблема актуальна, число ширикоэкранников растет, а маленькие мониторы ни куда не пропадают. Если у кого есть мысли, ссылки или что-то еще, то прошу поделиться.))
-
С тем же успехом можно на все сайты повесить сообщение, мол ставьте Хром. Тогда многих проблем с версткой почти не останется.
-
А какой он там -o или -opera? вроде не работает... То что на IE забивают это я понял, а как вот с Opera. Наверное еще много людей, кто не обновился.
-
А в Opera 10.10 разве работает border-radius?
-
В курсе специалиста было с шириной 100% и float:right. Видимо там не особо разбираются в верстке. Ну да не суть. А за ответ на первый вопрос спасибо.
-
Можно через js: http://code.google.com/p/curved-corner/
-
В интернетах прочитал, что для лучшей оптимизации сайта его лучше верстать так, что бы блок с контентом шел первым (соответственно при отключенных стилях контент тоже будет идти первым, что есть хорошо). Допустим надо сделать такой простой макет: Обычно в интернетах для такого макета пишут что-то вроде этого: <div class="container"> <div class="header"></div> <div class="content-wrapper"> <div="sidebar"></div> <div="content"></div> </div> <div class="footer"></div> </div> Как видно блок content находится далеко не в начале. Вывести его вперед в блоке content-wrapper просто, если задать width:100%, float:right, margin-left:-'ширина sidebar' и т.д., а блоку sidebar поставить float:left. Но остается еще header. Вот тут я вариант вижу только один - расположить его после content-wrapper и позиционировать его абсолютно относительно container. И получиться так: <div class="container"> <div class="content-wrapper"> <div="content"></div> <div="sidebar"></div> </div> <div class="header"></div> <div class="footer"></div> </div> Но на сколько я знаю position:relative советую особо не использовать, а тут это св-во у самого главного блока container. Собственно хотелось бы услышать мысли на тему: 1. стоит ли вообще заморачиваться с тем что бы двигать content к верху? 2. если да, то годиться ли приведенный выше способ? 3. какие еще есть варианты решения кроме абсолютного позиционирования header?
-
Спасибо телепатам .))