HTML Coding

29,542 questions in this forum

1. Псевдоэлемент :after

   Здравствуйте. Возник один вопрос: можно ли сделать через один див подобное c использованием псевдоэлементов :before или :after? Код можно править тут -- Дополнение: получается изначально диву задана ширина в 100%, после чего его ширина изменяется до 100рх и центрируется по центру.

   Asked by Temiks, August 28, 2014

   0 votes
   15 answers
2. Ширина div-блоков в зависимости от текста и оставшегося места

   В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…

   Asked by Skyrazor, August 28, 2014

   0 votes
   1 answer
3. Pop-up окошки

   Всем привет! В общем при написании сайта возникла проблем с выскакивающими окнами. Весь интернет пролазил, но понятной инструкции для не знающих продвинутых языков нет. Пожалуйста. можете доходчиво мне объяснить что и как на пальцах. Окна должны перемещаться и изменять размер. Зарание спасибо!

   Asked by LOveLY, August 28, 2014

   0 votes
   9 answers
4. Отредактировать стили оформления текста в стороннем приложении WizNote

   Для начала вступление: WizNote - это сервис мульплатформенных заметок, копия известного Evernote https://evernote.com/intl/ru/, но с доступными оффлайн базами данных на мобильных устройствах и некоторым другим интересным функционалом. Подробнее здесь http://4pda.ru/forum/index.php?s=&showtopic=415318&view=findpost&p=33841551 Особенностью клиента WizNote под Windows (под другие платформы наверное тоже) является открытая и простая архитектура программы: заметки это заархивированные html странички, программа основана на движке браузера (возможно Chromium), а значительная часть функционала реализована плагинами с помощью JS, CSS и т.п. Задача: Отредактировать…

   Asked by Kostenelo, August 28, 2014

   • css
   • js
   • WizNote
   0 votes
   3 answers
5. Ссылка обернутая в другую ссылку

   Собственно код: http://jsbin.com/wecosanefugi/1/ Суть такая - нужно сделать чтобы при клике по Автору открывалась одна ссылка (гугл например), а по клику на любой другой области, внутри красного прямоугольника, открывалась внешняя ссылка (рамблер). Естественно, что обертка из <a> и добавление еще одной ссылки внутрь обертки не пройдет, т.к. первая ссылка закроется до начала второй. Есть ли способ как-то это обойти? Условия: - Структура html должна сохранятся - никаких извращенностей для ссылки Автора типа: вынести его за пределы блока, а затем margin: -4.2345px подогнать на нужное место, или что-то подобное.

   Asked by advokatua, August 28, 2014

   • ссылка
   • html
   0 votes
   5 answers
6. выравнивание заголовков

   хочу сделать выравнивание заголовков, как на картинке: черные поля - край страницы, линия показывает центр выравнивания пробовал: position: relative - при нем 3 и 4 строки уезжают влево margin - из-за 4 строки страница становится шире окна браузера padding - 3 и 4 строки переносятся, некрасиво выглядит выделение ссылок (заголовки кликабельны)

   Asked by anton-tsyganenko, August 29, 2014

   0 votes
   7 answers
7. Проблема с растягиванием div по вертикали

   Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http:/…

   Asked by Winternight, August 29, 2014

   • div растягивание вертикали
   0 votes
   3 answers
8. Сетка сайта

   Стоит ли работать с сетками для создания сайтов начинающему? Например с системой 960 Grid, или есть нечто лучше?

   Asked by Laroxx12, August 29, 2014

   0 votes
   6 answers
9. Меню с активной кнопкой страницы

   Сделал менюшку, все бы хорошо но хочется чтобы на странице 1 светилась кнопка "1", а на странице 2 светилась кнопка "2" Как это реальизовать?)))

   Asked by Laroxx12, August 29, 2014

   0 votes
   1 answer
10. Проигрыватель из соцсети ВКонтакте

    Доброго времени суток! Подскажите, пожалуйста, как вставить на сайт аудио и видео проигрыватели из вк? http://joxi.ru/rZYAVIwyTJDjAruD16U Что бы внешний вид и функционал были идентичны социальной сети ВК Заранее благодарен

    Asked by GusevIvan, August 29, 2014

    0 votes
    2 answers
11. Сайт где видно резиновую вёрстку

    Резиновый сайт! Люди нужна ваша помощь Мне надо какой то сайт где я смогу посмотреть как будет выглядеть моя вёрстка на разных расширениях экрана,а то как то задолбало бегать по всему отделу и тестировать. Спасибо. Я когда то встречал такие там кидаешь ссылку на сайт и оно показывает.

    Asked by vitaxastifler, September 4, 2014

    0 votes
    19 answers
12. Как вставить видео с Twitcha?

    Хочу вставить видео с этого сайта? За ранее спасибо))

    Asked by Laroxx12, August 30, 2014

    0 votes
    1 answer
13. Скачут <img> в <table> в Mozilla

    Добрый день, почему скачут изображения в таблице (раздел портфолио) в Mozilla при наведении на них мышкой? И еще - если нажать на изображение, всплывающее окно их перекроет (обязательно полностью) - при закрытии этого окна, маленькие изображения на долю секунды исчезают, почему? Сайт - gobanner.ru Спасибо всем гуру, которые откликнуться.

    Asked by logicface, September 4, 2014

    0 votes
    0 answers
14. Анимированный спойлер.

    Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/

    Asked by Vicos, August 30, 2014

    • spoiler
    0 votes
    2 answers
15. Помогите со слайдером

    Взял слайдер отсюда http://www.howtomake.com.ua/front/prostoj-slajder-s-gorizontalnoj-prokrutkoj-svoimi-rukami.html , делал всё по инструкции (сделал 2 слайдера), ничего не изменял. Но почему, когда мотаешь, то при перемотке следующее изображение, внезапно исчезает, а на его место встаёт другое?

    Asked by DivMan, August 30, 2014

    0 votes
    1 answer
16. Как скачать этот слайдер?

    Как скачать этот слайдер http://www.fruitbatscode.com/demos/simplecarousel/ Нашёл его в этом посте http://www.fruitbatscode.com/javascript/jquery/jquery-carousel-plugin

    Asked by DivMan, August 30, 2014

    0 votes
    1 answer
17. Горизонтальный скрол фона

    Здравствуйте. Недавно на одном случайном сайте видел одну интересную штуку: у заднего фона блока контента была горизонтальная анимация. На фоне была склейка разных фотографий, которые автоматически скролились влево. Как можно подобное реализовать? Заглядывал в код, вроде сделано было через transparent. К сожалению в закладки не добавил и в гугле найти не смог что-то похожее -- p.s. прикреплю изображение, про что я описывал (на заднем фоне одна цельная фотография)

    Asked by Temiks, August 30, 2014

    0 votes
    6 answers
18. sqlite manager для FF

    подскажите пожалуйста как запустить sqlite manager. это плагин для firefox. я его установил, а как начать использовать не знаю. в документации тоже не нашёл указаний мне нужно просто его запустить

    Asked by cyklop77, September 6, 2014

    0 votes
    1 answer
19. web

    каким образом выводить большое количество картинок, где их хранить при условии что еще будет использоваться jquery для lightbox

    Asked by click, September 3, 2014

    • images
    • html
    • css
    0 votes
    6 answers
20. Лендинг и типовая верстка

    Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…

    Asked by Libiros, August 31, 2014

    • лендинг
    • верстка
    • верстка под лендинг
    0 votes
    5 answers
21. Нужен чат для главной страницы

    Я начинающий, разобрался только в html и css. Предстовления не имею как создать чат. Как, на каких языках программирования?

    Asked by Laroxx12, August 31, 2014

    0 votes
    16 answers
22. Выпадающее меню - показывает все подпункты

    День добрый Вот сделал выпадающее меню чисто на цсс по этой инструкции Но почемуто подпункты меню второго уровня, которые должны активироваться при наведении на родителя - показываются сразу. Вот сайт - горизонтальное меню верхнее, первая колонка Туры - внизу открыты и подпункты сразу Помогите пожалуйста скрыть подпункты меню. Надо чтобы они показывались только при наведении на родителя Заранее спасибо! Вот кусок цсс, отвечающего за меню /*=================horizontal menu===================*/#horizontal {height:40px;width:960px;background:#fff;margin: -5px auto 10px auto;padding:0;}ul.menu_up {position:relative;z-index:9999;}ul.menu_up li {float:left;display:bl…

    Asked by artpol, August 31, 2014

    • drop down menu
    • css
    0 votes
    2 answers
23. Позиционирование заголовка у картинки

    <div class="news"> <img src="img/no_image.png" > <h4>Российские цены на BMW M6 Купе</h4> </div>Всем привет. Как сделать, что бы заголовок h4 позиционировался с правой стороны картинки?

    Asked by Roman_qwe, August 31, 2014

    • заголовок
    • выравнивание
    • картинка
    • позиционирование
    0 votes
    2 answers
24. Фоновая картинка для сайта

    Подскажите пожалуйста, есть такие нюансы. 1. Уменьшайте масштаб в браузере http://waa.ai/4cTS - почему внизу появляется белый фон, почему именно белый, откуда это? Как пофиксить или изменить цвет? Т.е. изначально сайт уменьшается нормально, затем внезапно снизу белое. 2. Уменьшайте масштаб тут http://waa.ai/4cTs - видите что фоновая картинка стала как бы в воздухе? Теперь посмотрите сайт из п1 и увидите, что она по краям тянется. Теперь вопрос: можно ли сделать так, чтобы к краям прилипать фон начинал только с определенного разрешения, либо достигнув разрешения картинки и после не оставлять ее в вуздухе, а начинать тянуть. Другими словами, пока окно небольшое - как на…

    Asked by MyNameIsJim, August 31, 2014

    0 votes
    1 answer
25. Помогите со слайдером

    Есть такой слайдер под №10 на этом сайте http://efimov.ws/main/develop/javascript/jquery-plugins-css-naxodki-part-5.html?searched=karuselka&advsearch=oneword&highlight=ajaxSearch_highlight+ajaxSearch_highlight1 Почему, когда нажимаешь, что бы пролистало назад, то он листает вперёд, как убрать этот косяк?

    Asked by DivMan, August 31, 2014

    0 votes
    5 answers