HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Засветление одого края текста
блоку дал такие стили: width: 100px;white-space: nowrap; word-wrap: normal;overflow: hidden;Чтобы не было переноса текста на новую строку и блок обрезал текст. Но вот видел на одном из сайтов не могу вспонить каком, что при такой обрезке текста его правый край размытый. Что это за трюк или скрипт?
0 votes2 answers -
Проблема с версткой
Вот выложил верстку на хостинг http://fh7927lb.bget.ru/ как сделать вот такой список(правое нижнее) http://s1.ipicture.ru/uploads/20140404/EHQBiDCo.png у меня почему та не получается сделать такой простой список. И еще вопрос. почему когда я прописываю .searshText Position:relative; а .searshButton position:absolute; top:0; right:0; почему кнопка улетает на самый верхний левый угол, хотя должна быть относительно текстового поля?
0 votes4 answers -
Автоматическая установка одиного из атрибутов ALT, TITLE ?
Добрый день. можно ли как то сделать так чтобы при редактировании изображения задавался только один атрибутов ALT, TITLE или подпись под изображением, а остальные автоматически становились равные ему? Спасибо
0 votes3 answers -
Фигуры в CSS
Можно ли также сделать в css ? Только не background.
0 votes5 answers -
подогнать фон
помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой
0 votes7 answers -
Как убрать 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, который будет просто сигнализировать, что у тебя есть сосед?
0 votes2 answers -
Как сделать такой эффект при ховере
Подскажите как сделать такой эффект при ховере
0 votes2 answers -
css. Помогите отредактировать отступы margin и padding.
ссылка на мой html и css код: https://jsfiddle.net/w7fLp5g4/ Помогите плиз сделать блок "контент" вровень с "шапкой". По ширине. То-есть чтоб правый край шапки и правый край контента лежали на одной прямой. И ещё необходимо выровнять текст на блоках (Шапка, Контент, Левый блок) ровно по середине блока (желательно с помощью свойств margin и padding). По высоте и ширине. То-есть чтоб текст находился ровно в центре блока.
0 votes2 answers -
2 строки центрировать вертикально относительно изображения
Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.
0 votes2 answers -
Тег <Video> и атрибут "controls"
В браузере Google Chrome Версия 67.0.3396.99 (64 бит), в теге Video с атрибутом controls нет регулятора громкости видео. Но почему же так?
0 votes1 answer -
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 ?
0 votes0 answers -
Выпадающее меню?
Помогите, не могу разобраться. Есть меню товаров, в каждом товаре - категории Например: (в свернутом виде) Товар1 Товар2 Товар3 при нажатии на Товар1- получаем Товар1 категория1 категория2 категория3 Товар2 Товар3 при нажатии на Товар2получаем: (товар1 - закрывается) Товар1 Товар2 категория1 категория2 категория3 Товар3 и т.д. для примера _http://www.runail-shop.ru/ (слева "Каталог продукции" зеленый фон) Какова технология?
0 votes4 answers -
Автоматический скролинг
Подскажите если ли функции для автоматической прокрутки скрола в div на необходимое растояние?
0 votes3 answers -
Вёрстка макета: с чего начать?
Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.
0 votes3 answers -
Как прятать блоки?
Видел где-то когда-то что при уменьшении ширины страницы допустим левое меню исчезает/переходит вверх,вниз. Это можно сделать на css или только на javascript?
0 votes4 answers -
IE6 проверка
Здравствуйте, уважаемые форумчани. У меня стоит ubuntu 11.04 и я понятия не имею как мне проверить свой сайт, кроме как глюченным wine IE6, которому я не верю. Вопрос стоит в том что я совершенно не смог найти ссылку, которую множество раз встречал здесь - проверки с помощью какой-то программы на валидность, толи сайта. Прошу - дайте мне ссылку.
0 votes6 answers -
На могу сделать полосу прокрутки.
Здравствуйте специалисты по верстке! Сабж: 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; }
0 votes6 answers -
Выбранный пункт меню
В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
0 votes6 answers -
что значит запись section > div
подскажите что значит section > div а то не нашел ..
0 votes3 answers -
горизонтальный js-скролл
помогите пожалуйста понять причину того, что на страничке элементы списка выстраиваются не в одну строку, а несколько. соответственно нет горизонтального скролла, который мне нужен в результате
0 votes1 answer -
Проблемы с таблицами
Помогите не получается установить фоновое изображение для строк , пробовала через tr.tt { background: #f6d654 url(images/rtp.jpf) } (Для строк в таблице нужно установить изображение) Помогите!!!
0 votes4 answers -
Возможно ли это сверстать под 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 пытался использовать - безтолку. Как я понимаю…
0 votes4 answers -
Смещение сайта при большом разрешении экрана
При разрешении монитора 1600х900 и меньше, сайт отображается нормально: Если же разрешение выше (например 1920х1080), то смещается вправо (причем, только главная страница): Начало CSS-файла выгладит так: * { font-family:Tahoma, "Times New Roman", "Trebuchet MS"; font-size:12px;} body { margin:0;} Вопрос: как это исправить?
0 votes5 answers -
Методология верстки
Добрый день. Версткой занимаюсь недавно. Интересует правильно ли я делаю, когда выношу стили на классы. Пример: <div class="block-wrapper tahoma"> Hello world! </div> .tahoma { font-family: Tahoma, Verdana, Segoe, sans-serif; } Или дайте ссылку где могу почитать как правильно строить семантику архитектуру стилей. Желательно на русскоязычный ресурс. Спасибо заранее.
0 votes4 answers -
Таблица со скроллбаром
Здравствуйте! Нужно сверстать такую таблицу со скроллбаром. Пока не получается ограничить высоту содержимого, чтобы получилась прокрутка. 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…
0 votes3 answers