HTML Coding

29,542 questions in this forum

1. Расположение элементов на резиновой верстке

   Есть такая вот верстка http://portfolio.imatte.us/kitos На этой карте (она задана фоном у #wrap) нужно расположить эти огоньки так, чтобы они находились в нужных местах (сейчас они все вместе просто заданы тоже фоном у #wrap:after). Но проблема в том, что верстка резиновая, и тянется с 1000px до 1500px. Может есть какое-нибудь гениальное решение этой проблемы, кроме позиционирования каждого огонька процентами? (нельзя оставить так, т.к. нужно будет прикрутить всплывающую подсказку к каждому огоньку).

   Asked by posthack, May 29, 2014

   0 votes
   1 answer
2. Не работает required на андроиде

   Здравствуйте! Не работает аттрибут required на стандартном андроидовском браузере. На семерке всё нормально работает. А на андроид планшете и телефоне форма спокойно отправляется. Подскажите, пожалуйста, решение данной проблемы.

   Asked by pamavik, May 30, 2014

   0 votes
   1 answer
3. Всплывающее окно / Позиционирование

   День добрый Проблема с всплывающим окном, скрипт и стили писал не я, были взяты с сайта скрипта, отцентровал в стилях под сайт, чтобы тенью закрывало только страницу, потом взглянул на другом мониторе, там перекос, собственно если менять окно браузера в ширину и высоту, то фрейм с тенью также меняют свое месторасположения, можно ли как-то устаканить фрейм стоять на одном месте, в мой случае в пределах страницы? Страница сайта со скриптом, при нажатии на участника со стрелкой открывается описание http://artframeexpo.ru/?page_id=90 Код скрипта: // Defining our jQuery plugin$.fn.paulund_modal_box = function(prop){// Default parametersvar options = $.extend({height : …

   Asked by pleymo, May 30, 2014

   0 votes
   1 answer
4. При одинаковых расширениях лишняя деталь в верстке

   Проблема такова:у меня с другом одинаковое расширение Экран 15.6'' (1366x768) запускаем сайт http://skazochniy-domik.ru/ у него все хорошо,а у меня снизу после футера,белая полоса скрин: http://rghost.ru/56189911

   Asked by alexqq, June 5, 2014

   0 votes
   1 answer
5. Тень на CSS3

   Здравствуйте. Можно ли сделать такую тень на чистом html5+css3, или тут без изображения никак? Спасибо.

   Asked by scarzie, May 31, 2014

   • Тени
   • CSS3
   0 votes
   1 answer
6. Масштабирование сайта.

   Важно ли верстать сайты под масштабирование? Вот допустим свёрстан сайт и если его увеличить на 300-500%, то некоторые блоки съезжают.

   Asked by DivMan, June 3, 2014

   0 votes
   1 answer
7. Как сверстать такой блок?

   Помогите сверстать правильно такой блок. Левая и правая части фиксированные, центральная - резиновая. http://itmages.ru/image/view/1698420/714587a6

   Asked by chapai, June 2, 2014

   0 votes
   1 answer
8. виджет даты. февраль

   вопрос к опытным разработчикам часто встречаю на качественно сделанных сайтах такой виджет даты(дата рождения). в виджете февраль состоит из 31 дня скажите пожалуйста, по вашему мнению это нормальный виджет или косячный? вы в своём проекте поставили бы такой?

   Asked by cyklop77, June 3, 2014

   0 votes
   1 answer
9. Нестандартные шрифты

   Если загружаешь нестандартный шрифт, то обязательно ли надо для каждого стиля шрифта, создавать свою директиву? Например, если хочешь что бы шрифту можно было назначать стиль italic и font-weight bold, то надо создать 3 директивы p{font-family:veronica;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: normal; font-style: normal;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: bold; font-style: normal;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: bold; font-style: italic;}

   Asked by DivMan, June 5, 2014

   0 votes
   1 answer
10. Назначение itemprop в img

    Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">

    Asked by Slyfox, June 6, 2014

    • img itemprop
    0 votes
    1 answer
11. Помогите с HTML

    Здравствуйте! Прошу знающие люди пожалуйста помогите мне с HTML кодом кнопки "добавить в корзину". Нужно сделать так что бы кнопка по нажатию просто добавляла товар в корзину и меняла свой текст на "ДОБАВЛЕНО", но НЕ переходила по ссылке и не открывала окна. За ранее огромное спасибо! <form action="http://ecommtools.com/cgi-bin/cart.cgi" name="ecommtools_item_m0073" id="ecommtools_item_m0073" method="post" target="_blank " style="padding:1;margin:1"> <input type="hidden" name="uid" value="chasyok" /> <input type="hidden" name="action" value="add" /> <input type="hidden" name="item" value="m0073" /> <input type="submit" value="В КО…

    Asked by KeyS, June 7, 2014

    0 votes
    1 answer
12. Визуальные закладки Firefox

    В визуальных закладках Firefox и других браузерах присутствует изображение. На некоторых закладках там просто прорисовывается favicon сайта, но есть и такие, где совершенно иная иллюстрация на всю закладку! Откуда браузер берёт это изображение?

    Asked by Torawhite, June 7, 2014

    0 votes
    1 answer
13. Плагин для скролла страницы по горизонтали постранично

    Подскажите, может кто сталкивался? Нужен плагин, который будет листать сайт постранично по горизонтали. По вертикали у меня есть, но вот по горизонтали не могу найти. Какое-то старье попадается, которое left пытается анимировать, когда все нормальные плагины уже перешли на анимацию transform.

    Asked by Zverushka, June 9, 2014

    0 votes
    1 answer
14. Центрирование span по вертикали поверх картинки

    Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span&gt…

    Asked by IntegralAL, June 9, 2014

    • css
    • html
    • span
    • img
    0 votes
    1 answer
15. Влияние тегов figure и figcaption

    Как влияют теги figure и figcaption на SEO?

    Asked by DivMan, June 9, 2014

    0 votes
    1 answer
16. шрифты в мобильных браузерах

    Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…

    Asked by kolyan130580, June 10, 2014

    0 votes
    1 answer
17. Распирание страницы

    Есть такой вот сайт. http://resp.4-4-2.com/fussball/HomePage.aspx Задача адаптировать под мобильное устройство. Все на div, должно было быть просто. Но, почему то и не понятно откуда, некий или некие элементы сохраняют свою ширину после применения фиксированной ширины в . И на мобильном устройстве остается горизонтальный скрол. И весь контент тянется на всю ширину как бы в css ничего не писалось. Впервые с таким сталкиваюсь. временно поставили для html { overflow-x:hidden; } - проблема всеравно остается. Даже после применения фиксированной ширины врапера, скрол остается. Подскажите, что почитать, и где проверить или еще чтото.

    Asked by responsive, June 11, 2014

    • адаптивная верстка css
    0 votes
    1 answer
18. Вывод миниатюры аватарки

    Подскажите как сделать вывод миниатюры аватарки как в профиле, в navbar? vBulletin 3.8.7 Полный размер делается так: Создаем новый модуль :продукт – VBulletin Местоположение выбираем – global_start код модуля require_once(DIR . '/includes/functions_user.php');$avatarurl = fetch_avatar_url($vbulletin->userinfo['userid']);if (empty($avatarurl) || !is_array($avatarurl)){ $avatarurl = array('images/noavatar.gif','width="90" height="90"');}В нужное место шаблона вставляем: <if condition="$bbuserinfo['userid']"><div><a href="$vboptions[bburl]/profile.php?$session[sessionurl]do=editavatar"><span></span><img src="$vboptions[bburl]/$avatarurl[0…

    Asked by disait, June 11, 2014

    • Вывод миниатюры аватарки
    0 votes
    1 answer
19. Один блок налаживается на другой, второй неактивный

    вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!

    Asked by Fostik, June 12, 2014

    • div
    • z-index
    0 votes
    1 answer
20. Как подписывать картинки?

    Доброго времени суток. На странице я разместила изображения. Когда размещаю текст под картинкой, остальные изображения перескакивают вниз: http://itmages.ru/image/view/1724171/08f07aa5 а должно быть так: http://itmages.ru/image/view/1724169/c743b350 Код: <div id="content"><br><a href="finetex_Light_2109.html"> <img src="images/finetex/1.jpg" height="189" width="170" title="Uberture, Light 2109" > <p> Uberture, Light 2109 </p> </a><a href="finetex_Light_2110.html"> <img src="images/finetex/2.jpg" height="189" width="170" title="Uberture, Light 2110"></a><a href="finetex_Light_2121.html"> <img src="im…

    Asked by Савоини Анастасия Андреевн, June 15, 2014

    0 votes
    1 answer
21. Вертикальное выпадающее меню при помощи CSS

    Доброго времени суток, уважаемые форумчане! Столкнулся с одной проблемой: не могу грамотно создать вертикальное выпадающее меню (см. прикрепленную картинку), даже с костылями и то не получается, помогите, пожалуйста. Код файла index.html: <!DOCTYPE html><html lang="ru" dir="ltr" id="html"> <head> <meta charset="utf-8"> <title>VNA | Главная</title> <link rel="stylesheet" href="css/new_elements.css"> <link rel="stylesheet" href="css/style.css"> <script> document.createElement('header'); document.createElement('nav'); document.createElement('article'); document.cre…

    Asked by Pendalf, June 16, 2014

    • #ВыпадающееМеню #CSS3 #HTML5
    0 votes
    1 answer
22. Заставка, пока страница загружается

    Подскажите плагин или как это делается - что пока страница грузится - у нас есть какая-то заставка или индикатор загрузки?

    Asked by Zverushka, June 16, 2014

    0 votes
    1 answer
23. Смещаются блоки

    Подскажите пожалуйста, почему смещаются блоки, когда я вставляю закомментированный текст? http://jsfiddle.net/oleg126/Mgy87/

    Asked by oleg126, June 17, 2014

    0 votes
    1 answer
24. Как работает readonly у textarea

    Подскажите пожалуйста, как работает readonly у textarea. Вот я задал ширину и высоту, и я не хочу что бы пользователь мог растягивать как хочет это поле, но почему то не получается сделать так у меня. Может я не правильно понял как оно работает? <p><textarea class="comment-textbox" name="comment" readonly></textarea></p>

    Asked by oleg126, June 19, 2014

    0 votes
    1 answer
25. Как отобразить контекстное меню тэга?

    Помогите пожалуйста, что-то нечаянно нажал, и в следствии этого пропало контекстное меню тэга. Допустим, прописываю я тэг - <img... , нажимая пробел, и мне не высвечивается контекстное меню, где бы я мог выбрать какой либо далее тэг, например src и т.д. Помогите восстановить контекстное меню тэга...

    Asked by poliderr, June 20, 2014

    0 votes
    1 answer