HTML Coding

29542 questions in this forum

1. Перечесление селекторов в css

   Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.

   Asked by perec200, March 30, 2015

   • css
   • селекторы
   0 votes
   1 answer
2. На мобильных проблема с бекграундом

   Добрый вечер, друзья! Подскажите в чем проблема. Не могу понять. Почему фон так режется ? http://i.imgur.com/HxRUb3H.pngВот сама верстка http://root1.donkos.esy.es/ . Заранее искренне благодарю!

   Asked by donkos, March 30, 2015

   0 votes
   4 answers
3. Градиент в Хроме

   Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?

   Asked by Vlad, April 1, 2015

   0 votes
   11 answers
4. мультиязычность - типа опроса

   всем привет! очень хочется узнать, кто как оформляет переключение языков на своих сайтах. было бы круто, если бы сюда написал свой вариант каждый мимо проходящий))) просто хочется узнать, как принято, и что распространено. включая и простые и сложные подходы.

   Asked by forest_moss, March 30, 2015

   • переключение языков
   • мультиязычность
   • языки
   0 votes
   5 answers
5. Заманиловка

   Здравствуйте. Имею сайт сервисного центра по ремонту электроники. Хочется что-бы он хотябы сам окупал себя(домменая зона). Что посоветуете разместить на таком сайте? Что бы вы хотели на нем видеть... Заранее спасибо. С уважением Евгений!

   Asked by Mestniy96, March 31, 2015

   0 votes
   10 answers
6. bootstrap container-fluid не на ширину экрана

   Добрый день. Столкнулся с такой проблемой - верстаю на bootstrap. Прописываю стиль для container-fluid <div class="container-fluid yellow_bg"></div>.yellow_bg { height: 355px; background: #ffd504;}Однако если по горизонтали мень 958 пикселей начинается такая фигня: (с права начинает вылазить белый блок). Подскажите, как с этим бороться? Вот сам сайт

   Asked by jdk, March 31, 2015

   0 votes
   1 answer
7. Убрать лишние 20px после <form>

   Доброго времени суток. Возникла проблема следующего рода, пытаюсь убрать лишние 20px между "шапкой" с названием сайта, формой авторизации и красной полосой навигации по сайту. Т.е. просто нужно прижать форму авторизации вплотную к полосе навигации. Посмотрел подсветку отдельных элементов инструментом разработчика в яндекс.браузере и он отображает мне что на элементе <form> высота в 98px, во всех остальных элементах высота равна 78px. Пример: http://tsw.su/test/registration.php

   Asked by rscout13, March 31, 2015

   0 votes
   4 answers
8. Как правильно переделать статичную верстку под адаптивную?

   Для гугла и заодно людей с маленькими мобильными надо сделать адаптивную верстку. Почитал, что надо пользоваться media-query, например: @media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2)и так под разные устройства чтоб подгружались свои стили Однако столкнулся с тем, что когда я делал статичный макет - все отступы, линии, шрифты, все прописал в px под экраны от 800px чтобы удобно. Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно? чтобы не копировать целиком css файлы, а потом опять по пиксельно замерять для каждого устройстваЮ а только 1 раз изменить в % , а потом уже менять т…

   Asked by nikki4, March 31, 2015

   0 votes
   1 answer
9. Обрезка изображений

   Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

   Asked by perec200, March 31, 2015

   • css
   • изображение
   0 votes
   1 answer
10. Навигация по сайту (только html и css)

    Добрый день. Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации). Есть только html и css. Сами ссылки оформлены кнопками или картинками. Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)? Но так, что бы не редактировать свойства для каждой странички отдельно. Вот например такие 3 странички. Возможно ли выделять активную, не редактируя стили на каждой? Страничка 1.html <!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="…

    Asked by Ururu, April 1, 2015

    0 votes
    2 answers
11. Сортирока списка с помощью CSS

    Добрый день, есть такая задача, список из 5 пунктов, у одного из них клас active (не у третьего), можно ли с помощью css сделать что бы он стал посредине. к примеру тут

    Asked by laliev, March 31, 2015

    0 votes
    6 answers
12. Bootstrap 3 адаптивное меню

    Здравствуйте. Нужна помощь по адаптивоному меню. При отображении на малых екранах вверху главное меню сворачивается в одну кнопку справа при нажатии на которую разворачивается меню в столбик. Ниже расположено три колонки, нужно чтобы точно также работало меню которое там есть. Прописал стили меню в колонках, но немогу понять где ошибка, так как при уменьшении екрана меню не пропадает, нужно кликнуть на кнопку (вид вертикально три точки) тогда сворачивается и разворачивается. Вот ссылка на пример: http://webaider.com

    Asked by karpus, April 1, 2015

    • bootstrap 3
    0 votes
    0 answers
13. Все пропало!

    Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?><ul class="css-menu-2"> <li><a class="selected" href="#">О НАС</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Профилактика</a></li> <li><a href="#">Ремонт</a></li> <li><a href="#">Замена матрицы</a></li></u…

    Asked by Mestniy96, April 1, 2015

    0 votes
    8 answers
14. Как разместить абзац под картинкой?

    Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…

    Asked by nikki4, April 1, 2015

    0 votes
    3 answers
15. Работа с текстом из фотошоп

    Приветствую всех. Давно мучает такой вопрос: почему в шаблоне HTML отображается текст по другому, нежели в макете фотошоп и как сделать его одинаковым? Много раз видел профи шаблоны с идентичными текстами, а у меня такого не получается, хотя использую один шрифт Arial и в Фотошоп и в HTML... Раньше думал, что это связано в расстоянием между строк и между символов в HTML, что легко устраняется задаётся в css, но в профи макетах в css нет никаких правил, связанных с текстом. Мораль, текст не выровнять ни как и это портит вид HTML страницы.

    Asked by tigrus2014, April 1, 2015

    0 votes
    4 answers
16. Отступ от фреймворка youtube

    Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…

    Asked by Ich, April 1, 2015

    0 votes
    2 answers
17. Вставка видео/аудио на сайт

    Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.

    Asked by vip, April 1, 2015

    • видео
    0 votes
    1 answer
18. Почему не работает @media?

    Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?

    Asked by nikki4, April 2, 2015

    0 votes
    20 answers
19. Подскажите сервис наложения css3 теней

    Приветствую всех! Недавно видел онлайн сервис изготовления градиентов. В последствии всё переводится в css3 код. А мне нужно сделать блок с тенями. Есть ли сервисы,желательно русскоязычные?

    Asked by tigrus2014, April 4, 2015

    0 votes
    1 answer
20. Боеовой блок адсенса наезжает на контент при масштабировании

    а вообще не надо, при таком сильном увеличении, как раз этот блок всеравно убираю а если не сильно увеличивать, то нормально все, так что уже вопрос не актуален При увеличении масштаба, левый сайдбар гугла наезжает на контент html <div id="wrapper"><div id="content">контент</div><div id="left">адсенс</div></div>css #left { float: left; height: 600px; width: 20%; border: 1px solid black;}#content { float: right; background: green; border: 1px solid black; margin-left: auto; min-height: 300px; width: 78%;}#wrapper { margin-left: auto; margin-right: auto; max-width: 500px;}Можно ли как-то сделат…

    Asked by nikki4, April 2, 2015

    0 votes
    0 answers
21. Стилизация колонок в таблице c помощью <col>

    Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...

    Asked by Светлана Г., April 2, 2015

    • table col
    0 votes
    6 answers
22. Событие для кнопки "Отправить"

    Может тут мне помогут. Есть форма на странице http://kursy05.ru/landing/obratnaya-svyaz.phpдля кнопки "Отправить" добавил в самой же форме событие onclick реализующее цель "Событие" в метрике. onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;"Получилось так: <input type="submit" name="web_form_submit" value="Отправить" onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;">Везде написано что нужно добавить код. Делаю, но в метрике ничего не отображается ничего. Может что-то не так я делаю?

    Asked by kolhoz, April 2, 2015

    0 votes
    3 answers
23. A как вы делаете кривые линии блоков?

    Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)

    Asked by Нарек, April 3, 2015

    0 votes
    13 answers
24. нужна помощ и консультация по div и сайту

    Здравствуйте, Помогите пожалуйста с одно-страничным сайтом для внутреннего пользования завода, решил сделать сайт блочного типа вот есть только одно но, не получается растянуть блоки под разные разрешения экранов http://jsfiddle.net/z0nynx6r/

    Asked by paradox93, April 3, 2015

    0 votes
    6 answers
25. опознать шрифт

    помогите пожалуйста опознать шрифт

    Asked by cyklop77, April 3, 2015

    0 votes
    1 answer