HTML Coding

29,542 questions in this forum

1. Правильно расположение элементов

   Добрый день. Нужна помощь. Сейчас выглядит вот так: Нужно: <div style="background-image: url(адрес); background-repeat: no-repeat; margin: 10px;"><img style="position:relative; left: 40%; width:20%; height:20%; top:40%" src="img/play.png"></div>}У картинок margin: 10px;

   Asked by nevilus, September 4, 2014

   • расположение div
   0 votes
   0 answers
2. Отображение слайдера в разных браузерах

   Здравствуйте. Прикрутила flex слайдер на сайт, пример оформления изначально был нагло стырен отсюда и переделан под "вот как вон там" (как там уже потеряно, но получилось похоже), после чего встала проблема, что в Mozilla Firefox блоки под текстом через 3 слайда были не полупрозрачные, а черные. Это получилось из-за того, что полупрозрачные блоки постепенно наслаиваются друг на друга. Весь css можно посмотреть тут. Часть, которая отвечает за проблемные блоки подписи: .flexslider .slides div {display: block;position: absolute;bottom: 0;padding: 8px 5px;margin: 0 0 10px 0;width: 100%;background: #000;background: rgba(0,0,0,.6);}.flexslider .slides div span {padding: 0 10p…

   Asked by nyash, September 4, 2014

   0 votes
   0 answers
3. Высота картинки в процентах

   У нас есть картинка, заданная тегом <img>. У неё высота, допустим, 124 пикселя. Может быть 107, 256, 345, 97 пикселей, неважно, высота картинки может быть разной. Вопрос: есть ли не JS-путь, чтобы картинка отображалась, например, в 87% от своей реальной высоты? На scale в transform я смотрел, это частичное решение проблемы. При данном подходе отступ снизу и сверху не сохраняется. То есть если до верхнего блока было 15 пикселей, а до нижнего 20 пикселей, то при применении scale отступы не останутся в 15 и 20 пикселей.

   Asked by antonKar, September 5, 2014

   0 votes
   0 answers
4. Верстка каталога

   Не получается создать каталог элементов. Сверстал каталог для магазина со следующими характеристиками: 1. На DIV 2. Гибкие 3. 3 элемента в строке 4. Первый элемент (DIV) прижат к левой стороне родительского блока 5. Второй элемент (DIV) посередине 6. Третий элемент (DIV) прижат к правой стороне родительского блока 7. Элементов может быть сколько угодно много по 3 в строке Как правильно было бы реализовать данную задачу? Мои попытки: HTML <div id="product-list"> <h2 class="title">Заголовок</h2> <div class="product-item"> <div class="product-wrapper"> <div class="photo"> …

   Asked by Rozmarin, September 5, 2014

   0 votes
   0 answers
5. Фиксированный фон для мобильных устройств

   Привет всем. Как сделать фиксированный фон для мобильных устройств? Сайт http://itzone.su body { background: url(../images/bg.jpg) top center no-repeat fixed; color: #fff; background-attachment: fixed !important; overflow-x: hidden;}Сейчас фон прокручивается вместе с содержимым. На стацианарном компе и на ноуте все работает нормально.

   Asked by pekinessik, September 8, 2014

   0 votes
   0 answers
6. Горизонтальное меню - need help

   http://jsfiddle.net/Ldcvm8pu/ вот код. Что не получается: - сделать чтобы при наведении на родительский список не было синей полоски внизу под ней (то есть было все белым) - при наведении на родительский список и опускании на дочерний, чтобы был и в родительском списке ссылка имела стили как будто она наведена - задать ширину 800пх что при этом когда я навожу на родительский список оно не оставалось в фиксированном положении как сейчас(тут я чувствую, что гдето наплужил с позиционированием).

   Asked by psics, September 11, 2014

   0 votes
   0 answers
7. Отступ при отрицательном margin

   Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…

   Asked by Temiks, September 16, 2014

   0 votes
   0 answers
8. Internet explorer выдает какой-то белый прямоугольник

   http://waa.ai/4wd3 Данный прямоугольник есть на странице в самом низу. Если его нет, то нужно слева раскрыть менюшку. Или как вариант помасштабировать. В других браузерах такого нет. Что это может быть, баг IE?

   Asked by MyNameIsJim, September 17, 2014

   0 votes
   0 answers
9. Проблема с Outlook word-wrap & word-break в таблице

   Суть проблемы: есть таблица и в её ячейке есть однословный длинный текст, который своей чистой длиной превосходит ширину таблицы. По логике вещей этот текст должен остановиться у границы ячейки и остальную часть себя написать в следующей строчке. Все так и работает в браузере, но вот аутлук имеет эту логику в виду, ломает её и не хочет воспринимать такие переносы - текст уходит в далекие дали. Как можно решить эту проблему? Пример таблицы: <table cellpadding="0" cellspacing="0" align="left" style="table-layout: fixed;word-wrap: break-word;" border='black' width="250px"><tr align="left" valign="top" ><td align="left" valign="top" style="width:100%;word-wr…

   Asked by Ranose, September 17, 2014

   0 votes
   0 answers
10. Скрытие лишних блоков в колонке.

    Здравствуйте. Столкнулся с такой вот проблемой. Есть блок с основным контентом, есть сайдбар. Нужно чтобы высота сайдбара не превышала высоту блока с основным контентом, а блоки которые в сайдбар не помещаются скрывались полностью, а не частично, как при использовании overflow:hidden. Есть ли возможность это организовать средствами css без подтягивания скриптов? Подозреваю, что нужно копать в сторону @media и calc(), но придумать ничего не могу. Если кто сталкивался, подскажите пожалуйста. Спасибо.

    Asked by garnir, September 21, 2014

    0 votes
    0 answers
11. Баннер на сайт/Рекламное место

    http://webmastamakewebsite.url.ph/ поставил в виде картинки. Вопрос: можно ли в стилях css такое же сделать или я все правильно сделал, что картинкой поставил?

    Asked by RuslanHeYca4ev, September 21, 2014

    0 votes
    0 answers
12. Вертикальное выравнивание контейнера с блоками

    Привет. Ребята, такая проблема, нужно вертикально выровнять целый контейнер с 7 блоками внутри. Демо - http://rommar.in.ua/align/ Размер контейнера резиновый (по контенту). Отступы должны быть по 25% от всех сторон при размере экрана больше 1000 пикс., если меньше 600 пикс., то отступы должны быть по 1%. С вертикальным выравниванием все ясно, пробовал делать для чистого блока, все работает, а вот для такого контейнера не могу нормально сделать, целый день сижу кручу. <div class="main"> <div class="corner tl"></div> <div class="edge"> <h1>Lorem ipsum dolor sit.</h1> </div> <div class="corner tr"></div> <div class=…

    Asked by edwinkkc, September 22, 2014

    0 votes
    0 answers
13. Подскажите скрипт для вертикально выпадающего меню.

    Подскажите скрипт для вертикально выпадающего меню. На http://donautorent.com/ слева есть меню, новости и проспект, хотелось бы из этих картинок сделать выпадающее меню.

    Asked by Barbos4as, September 26, 2014

    0 votes
    0 answers
14. Как прервать соединение в <audio>?

    Сделал себе радиоплеер на html5 (не тот, что предыдущей моей теме), почти год нормально пользуюсь, но только сейчас заметил, что после остановки <audio> и удаления элемента со страницы скачивание фаерфоксом радиопотока всё равно продолжается, соответственно при нескольких включениях-выключениях радио трафик начинает бешено утекать (а я ведь специально делал удаление и пересоздание элемента audio, чтоб уж наверняка все потоки позакрывались, а не помогло ). Собственно, как это соединение прервать-то? UPD 4.10: не знаю, что за неделю изменилось, но element.src="", который не помогал во время написания вопроса, сегодня вдруг помог и соединение обрывает, хоть и с жалоб…

    Asked by andreymal, September 28, 2014

    0 votes
    0 answers
15. Открывается первая часть сайта, а потом вторая через время

    Здравствуйте, гуру верстки. Уже около недели подобное замечаю, ранее такого не было. Когда-то я верстал и если была такая проблема, то из-за дива где-то что-то не закрыл, но на сайте все вроде бы правильно составлено и я проверял код на ошибки, всё нормально. Сайту полгода. Тизерка тоже давно стоит и было нормально, а сейчас когда я её убираю, тогда всё нормально. Как правильно её завернуть, чтобы раскрывало полностью, без таких кусков? Пациент: zfi lm-hd.com/735-legendy.html Пулей открылось... как же быть с тизеркой..

    Asked by Guest Feniks000, October 7, 2014

    0 votes
    0 answers
16. Форма MailHandler как настроить пересылку.

    Помогите настроить.форму PHP.Не работает пересылка текста. <?php $owner_email=''; //SMTP server settings $host = ''; $port = '465';//"587"; $username = ''; $password = ''; $subject='A message from your site visitor'; $user_email='fmigcallisto@mail.ru'; $message_body='welcome'; $message_type='html'; $max_file_size=50;//MB $file_types='/(doc|docx|txt|pdf|zip|rar)$/'; $error_text='something goes wrong'; $error_text_filesize='File size must be less than'; $error_text_filetype='Failed to upload file. This file type is not allowed. Accepted files types: doc, docx, txt, pdf, zip, rar.'; $private_recaptcha_key='6LeZwukSAAAAACmqrbLmdpvdhC68NLB1c9…

    Asked by werty, October 2, 2014

    • PHP настройка форма
    0 votes
    0 answers
17. Перенаправление на новую страницу сразу после отправки событий метрик яндекса

    Вопрос такой. У меня идет достижение событий яндекса и гугла и тут же браузер должен перенаправить на страничку "спасибо за заявку" (новую). Установленные соединения этими событиями с серверами яндекса и гугла - не оборвутся и продолжат отправляться? Суть в том, что раньше была по отправке заявки всплывающая форма через ajax и достигались события для аналитики яндекса и гугла), а теперь для кривого русского сервисиса, который не способен работать через ajax (сервис воронок) - нужно сделать благодарность на отдельной странице и тут встал вопрос, что делать с уже настроенной отправкой событий. Либо она сработает перед редиректом (начнет устанавливать соединения и они не сб…

    Asked by Zverushka, October 9, 2014

    0 votes
    0 answers
18. Адаптивный дизайн

    Здравствуйте, возникла потребность изменить уже готовое веб-приложение, а точнее - сделать его подстраиваемым под разные экраны! Если кто-то готов бесплатно, или за небольшую сумму выполнить эту работёнку, пишите ниже, или сюда!

    Asked by Pavel Krugley, October 11, 2014

    • дизайн ресайз
    • адаптивность
    0 votes
    0 answers
19. сылка на резиновом фоне

    Здравствуйте, пытаюсь сделать следующее: Есть страницу, как фон устанавливаю картинку, делаю ее резиновой по этой статье: http://htmlbook.ru/css3-na-primerakh/masshtabirovanie-fona На этой картинке есть определенные объекты, кликая по которым пользователь переходит на другую страницу. Как сделать такое? Может кто видел подобное? Я так понял нужно как-то разметку ссылок подогнать под эти объекты?

    Asked by ed8009, October 14, 2014

    0 votes
    0 answers
20. Вопрос про паралакс.

    браузер заглючил, удалите эту тему.

    Asked by raptor-dm, October 14, 2014

    0 votes
    0 answers
21. mp3 плеер для сайта

    Посоветуйте легкий mp3 плеер для сайта. Требования: - легкий, в том плане, что сейчас пользуюсь стандартным DLEшным плеером. На страничке 20-30 треков, так при прокрутке странички вверх-вниз она реально подвисает и прокручивается рывками - чтение тегов из mp3-файла, исполнителя и название композиции будет достаточно - кнопка для скачивание трека Пробовал с flv-mp3.com - не хватает функционала, теги не берет из файла, и кнопки на скачивание нет. Вручную прописывать для каждого терка не вариант. Устанавливал uppod.ru - с функционалом всё в порядке, но тяжелый, страничка заметно долго грузится + рывки при прокрутке. Прикрутить плейлист к ДЛЕ не получилось.

    Asked by alleclf, October 17, 2014

    0 votes
    0 answers
22. Проблема с якорем на странице

    Всем привет, Есть админка выполненная на основе темплейта themeforest-6674668-business-admin-template (Видимо отсюда http://themeforest.net/item/business-admin-template/6674668) И как бы все хорошо за исключением того на странице со списком есть список с первыми буквами для быстрого поиска, вроде : <div class="alphaletters"><a href="#clfl_A">A</a><a href="#clfl_D">D</a><a href="#clfl_F">F</a><a href="#clfl_H">H</a><a href="#clfl_Z">Z</a><a href="#clfl_5">5</a></div><ul class="alphalistitems"><a name="clfl_5"></a><li class="alphalistitems_letter">5</li><l…

    Asked by mstdmstd, October 17, 2014

    0 votes
    0 answers
23. Выровнять ссылки по центру

    Помогите выровнять ссылки по центру сверху картинок... <div style="width: 100%; height: 1px; clear: both;"></div> <div style="width: 110px; height: 50px; float: left; margin-left: 0px; text-align: center;"><nobr><span style="display: block; font-size: 12px; font-weight: 700; padding-bottom: 5px; color: #cb2027;"><a href="/bronirovanie_gostinits/banya_sauna.aspx">Гостиницы или гостевые дома <br />с баней или сауной</a></span> <a href="/bronirovanie_gostinits/banya_sauna.aspx"><img width="210px" height="158px" src="/bania-i-sauna.jpg" alt="Баня и сауна" style="text-align: center;" /></a></nobr&gt…

    Asked by Guesto, October 21, 2014

    • display:block
    • margin:0 auto
    • text-align:center
    • align=center
    • center
    0 votes
    0 answers
24. Размер блоков

    Друзья, вот сайт, проблема в последнем блоки. http://texteredsa.besaba.com/ вот скриншот из макета http://hostingkartinok.com/show-image.php?id=0976cb97208188b57033e67c19e782bc Я хочу, чтобы при сужении окна браузера эти блоки уменьшались пропорционально как в ширину так и в высоту. Никак не получается. Игрался с max-height - не вышло. Эти картинки вставить тегом или фоном? что подойдет в данном случае?

    Asked by raptor-dm, October 23, 2014

    0 votes
    0 answers
25. инпуты слишком прижаты друг к другу сверху и снизу

    Всем привет, У меня есть содержимое закладки которое я пытаюсь удобно расположить И как бы все на месте но инпуты слишком прижаты друг к другу сверху и снизу http://s020.radikal.ru/i707/1410/0a/bbf4a69f5537.png Я пытался в стилях дива группы прописать padding-top и padding-bottom <div class="form-group" style="padding-top: 6px; padding-bottom: 6px; border: 1px dotted green;" >но это не помогло Также удивило что задав синий и красный бордюр для 2х дивов они отображаются узким полосками Видимо эти отступы нужно делать не так ? Весь блок: <div class="tab-pane animated fadeInUp country_ajaxed {if ( $scheduleType == "days" or $scheduleType == "" ) or $mode == "ad…

    Asked by mstdmstd, October 27, 2014

    0 votes
    0 answers