HTML Coding

29542 questions in this forum

1. Разъезжаются блоки (не помещаются по ширине)

   Всем привет! Наконец-то форум заработал :-) Подскажите, пожалуйста, почему на странице №1 правый блок находится на своём месте, а на соседней странице №2 он не помещается и съезжает вниз? (актуально для FF и Chrome) Где нужно поправить, чтобы на второй странице правый блок не съезжал?

   Asked by vkapas, March 16, 2013

   0 votes
   2 answers
2. Как проще всего сделать спойлер(скрытый текст)

   На этом сайте нету о спойлерах ничего,в интернете показывают способы но слишком много лишнего в них,изза чего тяжело разобратся в принципе работы спойлера.

   Asked by pudge, March 16, 2013

   0 votes
   3 answers
3. [jQuery] выпадающее меню ajax

   Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(da…

   Asked by Маленьке Звірятко, March 16, 2013

   0 votes
   1 answer
4. Подключение стилей не из корня

   Подскажите пожалуйста, есть сайт html + css... В корне есть страница (например 1.html), есть папка со стилями (скажем, css), в которой есть файл style.css. В странице прописано следующее: <link href="css/style.css" rel="stylesheet" type="text/css"> и как-бы все работает хорошо. Возникла необходимость создать папку (скажем, blog) и разместить в ней страницу (пусть, 2.html). Вышеупомянутый код не подключает к ней стили. Конечно <link href="http://mysite.ru/css/style.css" rel="stylesheet" type="text/css"> будет работать, но как-то не по фэншую... Подскажите, может какое-то правило создать в .htaccess, либо как-то по другому сделать подключение стилей? Либо остави…

   Asked by B-Real, March 16, 2013

   0 votes
   5 answers
5. Требуется помощь c jQuery. Автоматически добавить класс к изображениям.

   <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('rel', 'fancybox'); select.fancybox(); }); </script> Код вырвал из всем известного плагина FancyBox насколько я догадываюсь именно он добавляет ко всем изображениям ссылку с этим же изображением и rel=fancybox все бы ничего, но с этим плагином у меня напряг, да и вообще с любым другим подобным... Есть карусель, картинки в ней генерируются с помощью php (сайт на Wordpress), хочется чтобы при нажатии на к…

   Asked by Березовский, March 16, 2013

   0 votes
   9 answers
6. Почему на сайте jsfiddle нельзя копировать коды?

   Почему на сайте http://jsfiddle.net/HGHyJ/8/ нельзя копировать текс кода?какогото фига копируется ссылка которая мне ненужна...

   Asked by pudge, March 17, 2013

   0 votes
   11 answers
7. Редактирование размеров курсора в Chrome

   Здравствуйте, Есть окно поиска. Все бы ничего, но при введении текста в него, Chrome и Firefox ведут себя по-разному в плане размеров мигающего курсора. Firefox Chrome Как видно, курсор у Chrome больше и почему-то лезит наверх. Можно ли как-то решить данную проблему?

   Asked by Feel, March 17, 2013

   0 votes
   0 answers
8. Медиа-запросы VS Fluid Grid

   Начал изучать вёрстку сайтов под любое устройство. Ну т.е. адаптивный дизайн. Как я понимаю существует способ создания с помощью Медиа-запросов с подключением Respond.js для IE. Но так же есть технология создания одного сайта вычисляя с помощью формулы пропорций в процентах «target / context = result» для всех устройств(Fluid Grid). Все таки как правильно делать и какие сильные-cлабые стороны данных вопросов. Мне почему-то кажется что с помощью Fluid Grid не совсем получается то что надо и проблем с будущей версткой будет очень много..Например нужно в таком случае подгонять изображения, контент и т.п. постоянно. Прав ли я? Попробовал создать с помощью Fluid Grid все вро…

   Asked by Demon_gms, March 17, 2013

   • медиа-запросы
   • адаптивный дизайн
   0 votes
   3 answers
9. Ограничения для резиновых блоков

   Всем привет, я как обычно со своими проблемами))) Нужна очень помощь, ибо сам никак не могу решить уже второй день) Пример: _http://codepen.io/anon/pen/GeKlf Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого) Подозреваю, что я неправильно что-то делаю)) Спасибо))

   Asked by decode, March 17, 2013

   0 votes
   4 answers
10. Помогите сделать адаптированный шрифт! Очень нужно!

    Помогите, пожалуйста, сделать адаптированный шрифт. Очень нужно!!! http://87.237.116.73/index.php //CSS * { margin: 0; padding: 0; } html { background-color: #fff; height: 100%; } body { color: #333333; font: 0.75em/1.5em Arial,sans-serif; } #ImgTitle{ position: absolute; top: 2%; left:30%; color: red; font-size:53px; font-family:Artesanias; } @font-face { max-height: 6.5%; font-family: 'Artesanias'; src: url('fonts/Artesanias.eot?') format('eot'), url('fonts/Artesanias.woff') format('woff'), url('fonts/Artesanias.ttf') format('truetype'), url('fonts/Artesanias.svg#Artesanias') format('svg'); } //HTML <div id="ImgT…

    Asked by Michael Myers, March 17, 2013

    0 votes
    2 answers
11. Прошу помощи с SVG→Canvas на iPad3 (iOS6)

    Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!

    Asked by SelenIT, March 17, 2013

    0 votes
    5 answers
12. Помогите разобраться с background url

    Здравствуйте, Не могу найти причину отсутствия подгрузки подложки для формы поиска. Вот так все работает: background: #EEE url(https://lh4.googleusercontent.com/-EllJnywnmlY/UAaKJYSYYMI/AAAAAAAABUU/IaRo-yUcRmc/s235/search.png) no-repeat; Копирую картинку себе на пк, меняю путь: background: #EEE url(img/search.png) no-repeat; И картинка уже не подгружается. Помогите люди добрые

    Asked by Feel, March 17, 2013

    0 votes
    2 answers
13. Виджеты для коментариев вконтакта и фейсбука

    Вот себе на сайт хочу под каждую статью и видео сделать виджет вк(для русской версии сайта) и виджет фейсбука(для англ).Вот пример такого виджета от вконтакта http://dota2.ru/video/4185-novye-veshhi-14-marta-new-items-14-march/ а вот собственно оффициальное описание и создание такого виджета http://vk.com/developers.php?o=-1&p=Comments . Так вот хотел спросить о некоторых моментах: 1.Добавить такой виджет на сайт стоит денег? 2.Зачем там есть возможность выбрать "Количество комментариев" если всеравно писать их можно сотнями??? пример: http://dota2.ru/video/4202-naviars-art-the-tribute-movie/ 3.Меня в фейсбуке нету,скажите,есть ли там подобная фишка или нету?

    Asked by pudge, March 17, 2013

    0 votes
    6 answers
14. Три дива объединить, position: absolute не подходит. Что использовать?

    Прошу помочь реализовать одну идею, есть таблица из 1 строки и 2 колонок, размеры таковы( высота 100% ширина каждой колонки 50% от ширины экрана). В каждой ячейке фотография, нужно поставить прицел в центр каждой ячейки. Код <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } </style> </head> <body> <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;"><img src="1.jpg" height="886" width="955"></div> <div style="position: absolute; width:3px; height:50px; background:#f00;to…

    Asked by Атом, March 17, 2013

    • Три дива объединить position
    0 votes
    3 answers
15. Просмотр картинок CSS

    Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…

    Asked by Cube, March 18, 2013

    • css
    • Фотографии
    • Изображения
    • Картинки
    • Просмотр
    0 votes
    3 answers
16. Объединение select'ов

    На сайте установлен селект со списком городов. Необходимо что бы кроме названия города была информация тего населении и ссылке на информационный сайт города. Всё в один селект запихнуть не получается. Можно список городов оставить в первом селекте а во второй добавить количество жителей и ссылки. Как можно сделать чтобы два селекта реагировали как один. На прокрутку и поиск? Есть ли вообще такая возможность, или подскажите пожалуйста какую-нибудь альтернативу. Спасибо.

    Asked by alleclf, March 18, 2013

    0 votes
    8 answers
17. Подскажите самый простой и удобный хостинг для тестирования сайта

    Вот нужно протестировать некоторые детали на сайте,но на всех хостингах много мороки,возни и т.д.(((

    Asked by pudge, March 18, 2013

    0 votes
    26 answers
18. Как можно такое реализовать? див в диве + img под дивом.

    Помогите пожалуйста на данный момент код таков - <div class="big-img" style="background-image:url('gallery/323.jpg'); height:400px;width:200px"> <img alt="продвигаемый запрос'" src="img/transparent.gif" style="height: 400px; width: 200px; "> </div> // причем видимая картинка это background-image:url('gallery/323.jpg, а img/transparent.gif как бы накрывает нужно чтобы было внутри див1 был див2 и картинка. И див2 в свою очередь был над картинкой, растянутый в 100% по краям див1.. я запутался в формировании кода. подскажите, может кто то поможет? вот скрин http://i.piccy.info/...432065/help.jpg

    Asked by feniks81, March 18, 2013

    0 votes
    7 answers
19. Не ворное отображение шрифтов в разных браузерах

    Опять обращаюсь к вам за помощью, помогите с проблемой на сайте: _http://personaastro.ru/index.html, шрифты используемые в меню слетают на стандартные при открытии в IE, иногда в firefox. Подскажите как исправить данное недоразумение, уж очень шрифт этот нравится, менять на стандартный совершенно не хочется. Посмотрел тут подобные темы, попробовали конвертировать шрифт, не помогло. Может что не правильно делаем? В общем надеюсь на вашу помощь, спасибо!

    Asked by ilia, March 19, 2013

    • шрифты браузеры
    0 votes
    7 answers
20. tooltip скрывается при наведении

    возникла странная проблема, причем раньше с этим не сталкивался имеется такой вот код http://codepen.io/usf/pen/GgzxJ при наведении на квадрат появляется подсказка, если навести на подсказку то она сразу исчезает! хотя не должна, по идее. причем в хроме это работает нормально, а в мозилле и опере нет, ума не приложу, что такое.

    Asked by USF, March 18, 2013

    0 votes
    3 answers
21. Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт?

    Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт? Например если с лицензионной точки зрения всё чисто. Насколько я понимаю, так будет даже надежнее, чем хостить на том же гугле или других сервисах, как платных так и бесплатных. Ведь если лёг сервак с шрифтами - он же и не отдаст сам сайт , в обратном случае придется отдавать фоллбек-шрифты, вместо красивых изначально планируемых если лёг сторонний сервис. Я имею в виду web fonts ttf/eot/woff завернутые в @font-face. Но вот почему-то, если просмотреть скажем с 100 сайтов использующих web fonts, буквально 1-2 будут хостить их у себя в том числе (если учесть, что есть Free & Open Source шрифты…

    Asked by Vincent Vega, March 18, 2013

    • шрифты webfonts
    0 votes
    2 answers
22. Помогите советом

    Здравствуйте, начал учиться верстать. Скачал макет, там есть такой блок. Как лучше всего реализовать?

    Asked by mnstrsound, March 18, 2013

    0 votes
    26 answers
23. Помогите вырезать значок из макета

    Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.

    Asked by aaron, March 18, 2013

    • psd
    • верстка
    0 votes
    30 answers
24. Объясните как работает простой jQuery скрипт.

    <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…

    Asked by Березовский, March 18, 2013

    • jQuery
    • lightbox
    • fancybox
    0 votes
    15 answers
25. нужна помощь со скриптом формы обратной связи

    На сайте есть форма обратной связи <form id="contact-form" action="post.php" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Имя:</span><input name="name" type="text" /></label> <label><span class="text-form">Email:</span><input name="email" type="text" /></label> <label><span class="text-form">Телефон:</span><input name="tel" type="text" /></label> <div class="wrapper"><div class="text-form">Сообщение:</div><textar…

    Asked by itspider, March 19, 2013

    0 votes
    5 answers