HTML Coding

29542 questions in this forum

1. Засветление одого края текста

   блоку дал такие стили: width: 100px;white-space: nowrap; word-wrap: normal;overflow: hidden;Чтобы не было переноса текста на новую строку и блок обрезал текст. Но вот видел на одном из сайтов не могу вспонить каком, что при такой обрезке текста его правый край размытый. Что это за трюк или скрипт?

   Asked by okunev2, January 9, 2014

   0 votes
   2 answers
2. Проблема с версткой

   Вот выложил верстку на хостинг http://fh7927lb.bget.ru/ как сделать вот такой список(правое нижнее) http://s1.ipicture.ru/uploads/20140404/EHQBiDCo.png у меня почему та не получается сделать такой простой список. И еще вопрос. почему когда я прописываю .searshText Position:relative; а .searshButton position:absolute; top:0; right:0; почему кнопка улетает на самый верхний левый угол, хотя должна быть относительно текстового поля?

   Asked by WEB-best, April 4, 2014

   0 votes
   4 answers
3. Автоматическая установка одиного из атрибутов ALT, TITLE ?

   Добрый день. можно ли как то сделать так чтобы при редактировании изображения задавался только один атрибутов ALT, TITLE или подпись под изображением, а остальные автоматически становились равные ему? Спасибо

   Asked by tester2014, October 2, 2014

   0 votes
   3 answers
4. Фигуры в CSS

   Можно ли также сделать в css ? Только не background.

   Asked by amalia, December 23, 2014

   0 votes
   5 answers
5. подогнать фон

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

   Asked by cyklop77, February 9, 2015

   0 votes
   7 answers
6. Как убрать margin-bottom при наличии соседа

   Здравствуйте. Такая проблема - не понимаю, как сверстать такой макет: <div class="parent"> <div class="first">Lorem ipsum blah blah blah</div> <div class="second">Something</div></div><div class="parent"> <div class="first">Lorem ipsum blah blah blah</div></div>Задача: при наличии .second у .first должен исчезать margin-bottom. .second может не быть, при его отсутствии first должен корректно распирать родителя. Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/ Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?

   Asked by 7ion, February 21, 2016

   0 votes
   2 answers
7. Как сделать такой эффект при ховере

   Подскажите как сделать такой эффект при ховере

   Asked by raven41k, April 15, 2016

   0 votes
   2 answers
8. css. Помогите отредактировать отступы margin и padding.

   ссылка на мой html и css код: https://jsfiddle.net/w7fLp5g4/ Помогите плиз сделать блок "контент" вровень с "шапкой". По ширине. То-есть чтоб правый край шапки и правый край контента лежали на одной прямой. И ещё необходимо выровнять текст на блоках (Шапка, Контент, Левый блок) ровно по середине блока (желательно с помощью свойств margin и padding). По высоте и ширине. То-есть чтоб текст находился ровно в центре блока.

   Asked by DimaP, July 23, 2016

   0 votes
   2 answers
9. 2 строки центрировать вертикально относительно изображения

   Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.

   Asked by hike, October 26, 2017

   0 votes
   2 answers
10. Тег <Video> и атрибут "controls"

    В браузере Google Chrome Версия 67.0.3396.99 (64 бит), в теге Video с атрибутом controls нет регулятора громкости видео. Но почему же так?

    Asked by Banvac, July 5, 2018

    0 votes
    1 answer
11. Gulp и API prettier

    gulp.src('styles/style.css').on('data', (file) => { return prettier.resolveConfig('styles/style.css').then((options) => { return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'})); }); }) .pipe(gulp.dest('styles')); Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?

    Asked by aqua.77, August 26, 2018

    0 votes
    0 answers
12. Выпадающее меню?

    Помогите, не могу разобраться. Есть меню товаров, в каждом товаре - категории Например: (в свернутом виде) Товар1 Товар2 Товар3 при нажатии на Товар1- получаем Товар1 категория1 категория2 категория3 Товар2 Товар3 при нажатии на Товар2получаем: (товар1 - закрывается) Товар1 Товар2 категория1 категория2 категория3 Товар3 и т.д. для примера _http://www.runail-shop.ru/ (слева "Каталог продукции" зеленый фон) Какова технология?

    Asked by абырвалг, April 14, 2009

    0 votes
    4 answers
13. Автоматический скролинг

    Подскажите если ли функции для автоматической прокрутки скрола в div на необходимое растояние?

    Asked by Беркут, March 2, 2010

    0 votes
    3 answers
14. Вёрстка макета: с чего начать?

    Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.

    Asked by Feers1de, May 7, 2011

    0 votes
    3 answers
15. Как прятать блоки?

    Видел где-то когда-то что при уменьшении ширины страницы допустим левое меню исчезает/переходит вверх,вниз. Это можно сделать на css или только на javascript?

    Asked by AquaGen, August 20, 2011

    0 votes
    4 answers
16. IE6 проверка

    Здравствуйте, уважаемые форумчани. У меня стоит ubuntu 11.04 и я понятия не имею как мне проверить свой сайт, кроме как глюченным wine IE6, которому я не верю. Вопрос стоит в том что я совершенно не смог найти ссылку, которую множество раз встречал здесь - проверки с помощью какой-то программы на валидность, толи сайта. Прошу - дайте мне ссылку.

    Asked by Wahlberg, October 10, 2011

    0 votes
    6 answers
17. На могу сделать полосу прокрутки.

    Здравствуйте специалисты по верстке! Сабж: http://poligon.webmaster.arvixe.ru/frontpage там у меня внизу картинки прокручиваются. В firefox работает все как надо. В других браузерах ерунда какая-то. Возможно из-за display: -moz-grid-group; Для этих картинок у меня в CSS прописано: #views_slideshow_thumbnailhover_breakout_teasers_vslider-page_1 { display: -moz-grid-group; overflow: auto; height: 150px; }

    Asked by VasyOK{!}, October 15, 2011

    0 votes
    6 answers
18. Выбранный пункт меню

    В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

    Asked by systemiv, October 18, 2011

    0 votes
    6 answers
19. что значит запись section > div

    подскажите что значит section > div а то не нашел ..

    Asked by cyber_ua, April 27, 2012

    0 votes
    3 answers
20. горизонтальный js-скролл

    помогите пожалуйста понять причину того, что на страничке элементы списка выстраиваются не в одну строку, а несколько. соответственно нет горизонтального скролла, который мне нужен в результате

    Asked by cyklop77, May 9, 2012

    0 votes
    1 answer
21. Проблемы с таблицами

    Помогите не получается установить фоновое изображение для строк , пробовала через tr.tt { background: #f6d654 url(images/rtp.jpf) } (Для строк в таблице нужно установить изображение) Помогите!!!

    Asked by mkokueva, May 31, 2012

    0 votes
    4 answers
22. Возможно ли это сверстать под IE6

    Есть небольшой шаблон - страница настроек плагина для uTorrent, файл содержит в себе стиль https://dl.dropbox.com/u/115646/Temp/sds.html Установлен IE9 и он показывает нормально. Но вот что там разработчики настроили во встроенном в uTorrent IE - не пойму. Страница просто ужасно выглядит. Причем такой код: <script language="JScript"> <!-- @cc_on; alert(@_jscript_version); //--> </script> выдает "9". Может какой режим не тот у него? Я не верстальщик особо, но гуглить могу. Подскажите хоть возможно ли из этого шаблона сделать версию для IE6, чтоб уж точно без багов. Если да, то куда копать. Разные htc пытался использовать - безтолку. Как я понимаю…

    Asked by Ruzzz, June 9, 2012

    0 votes
    4 answers
23. Смещение сайта при большом разрешении экрана

    При разрешении монитора 1600х900 и меньше, сайт отображается нормально: Если же разрешение выше (например 1920х1080), то смещается вправо (причем, только главная страница): Начало CSS-файла выгладит так: * { font-family:Tahoma, "Times New Roman", "Trebuchet MS"; font-size:12px;} body { margin:0;} Вопрос: как это исправить?

    Asked by IndigoHollow, October 29, 2012

    0 votes
    5 answers
24. Методология верстки

    Добрый день. Версткой занимаюсь недавно. Интересует правильно ли я делаю, когда выношу стили на классы. Пример: <div class="block-wrapper tahoma"> Hello world! </div> .tahoma { font-family: Tahoma, Verdana, Segoe, sans-serif; } Или дайте ссылку где могу почитать как правильно строить семантику архитектуру стилей. Желательно на русскоязычный ресурс. Спасибо заранее.

    Asked by dakanca, December 24, 2012

    0 votes
    4 answers
25. Таблица со скроллбаром

    Здравствуйте! Нужно сверстать такую таблицу со скроллбаром. Пока не получается ограничить высоту содержимого, чтобы получилась прокрутка. HTML: <section class="prop_2"> <h3>Вес и количество:</h3> <div class="sectionInner2"> <div class="sectionInner"> <div class="detailsProp"> <div class="detailsPropHeader"> <div class="detailsPropRow"> <div class="detailsPropCell">Размер</div> <div class="detailsPropCell">Цена</div> <div class="detailsPropCell">Количество</div> </div><!--/.detailsPropRow…

    Asked by Светлана Гр., April 4, 2013

    0 votes
    3 answers