HTML Coding

29542 questions in this forum

1. Как создать такой бекграунд

   Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg

   Asked by aleks-lv, March 5, 2014

   0 votes
   7 answers
2. расстояние между div

   Здравствуйте! Циклом вывожу 50 шт блоков div, style="display:inline-block; width:100px;" , Как убрать пробелы между div по вертикали? (красные стрелки на картинке)

   Asked by zhenia3003, August 15, 2014

   0 votes
   2 answers
3. Выравнивание содержимого в таблице

   Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?

   Asked by Светлана Г., August 7, 2014

   • table
   0 votes
   3 answers
4. Помогите с вертской пожалуйста.

   Помогите пожалуйста. Я новичек. И мне нужно, чтобы данный код брался из одного файла на разные страницы сайта, чтобы я потом мог его редактировать только в одном месте. Как это вообще реализовать подскажите. Большое спасибо заранее. <!-- _________________________ Start Middle Bottom _________________________ --> <div id="middle_bottom"> <div id="test-widget" class="widget"> <script src="js/jquery.cycle.all.latest.js" type="text/javascript"></script> <script type="text/javascript">$('#test-widget ul').cycle({ fx: 'scrollUp', speed: 500, timeout: 15000, next: '#next_test', prev: '#prev_test', random: true, randomMap: true…

   Asked by drmodjo, October 26, 2014

   • верстка
   0 votes
   4 answers
5. Конфигурация меню

   Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .css но цвет меняется там на все пункты меню, а мне нужно только для одного, но как я понял, отдельно для пунктов меню по умолчанию нет css классов. Менял в css ul.top_menu_lvl1 li a{ значение color Вот код файла template.php для меню: Код <?if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); if(!empty($arResult)): ?><ul class="top_menu_lvl1 clearfix"> <li><a class="home_icon<?if($arParams['SELECT_MAIN']):?> selected<?endif;?>" href="<?=SITE_DIR?>"…

   Asked by scuterpro, April 29, 2015

   0 votes
   1 answer
6. Про кавычки

   Здравствуйте, ответьте на ламерский вопрос: Пишу в head эту строчку и запускаю index.html в хроме у меня кодировка не воспринимает русские символы: <meta http-equiv="Content-type" content="text/html; charset=utf-8"> Добавляю одни кавычки в charset=''utf-8 перед utf-8 и все работает насколько правильно так делать? или это просто глюк?

   Asked by Тимоха, June 8, 2015

   • meta кодировка
   0 votes
   3 answers
7. HTML5 ползунок по типу "slide to unlock" с примагничиванием

   Нужно сделать ползунок, нашёл готовый вариант: https://css-tricks.com/examples/SlideToUnlock/ Однако от меня требуется, чтобы я сделал авто-доползание ползунка до конца, если он сдвинут минимум на 70% от старта. Как на настоящем экране блокировки. Как такое сделать?

   Asked by iBars, February 17, 2016

   0 votes
   2 answers
8. Элементы форм на чистом СSS

   Всем привет. Такой вопрос. Кроссбраузерно(идеально) можно реализовать кастомизацию элементов форм на чистом CSS? (чекбоксы, радибаттоны, селекты) ?

   Asked by Yamaradg, May 27, 2016

   • кастомизация элементов форм на сss
   0 votes
   1 answer
9. Базовая линия у inline-block

   <div><p>123</p></div> *{ margin:0; padding:0; } p{ display:inline-block; background:red; overflow:hidden; vertical-align:top; } div{ border:1px black solid; } У inline-block базовая линия проходит через последнюю строку внутри него, после задания инлайн-блоку overflow:hidden; базовая линия стала отсчитываться от нижней границы самого блока из-за этого высота строки контейнера увеличилась. Теперь не могу понять когда при задании инлайн-блоку vertical-align:top; базовая линия начинает проходить снова через последнюю строку внутри него?

   Asked by aqua.77, November 10, 2016

   0 votes
   1 answer
10. Ограничение высоты изображения

    Здравствуйте. Есть такой пример jsfiddle.net Можно как-то заставить изображение сжиматься по высоте, занимая все доступное место контейнера, но не более? На ум приходит только абсолютное позиционирование.

    Asked by alex_web64, December 11, 2019

    0 votes
    1 answer
11. Совет по формам

    можно использовать одну и ту же форму, то есть с одинаковыми названиями (name,id) на разных страницах и нужно прибавлять префиксы, например name=email2, id=email2........ спасибо

    Asked by termoplus, August 24, 2009

    0 votes
    1 answer
12. png для ie6

    1 Задача состоит вот так!!! припустим нада Body{background:url(file.png) repeat-x} КАк подключить прозрачность для ie6 так чтоб картинка repeat-x!!!???? 2.Задача нужно вставить картинку <img src='file.png' > Как подключить прозрачность

    Asked by bot87, April 25, 2011

    0 votes
    3 answers
13. Слой лезет поверх вышестоящего

    Подскажите пожалуйста, в чем проблема. bottom лезет на main. Вот код: <div class="main"> <div class="content"> ТУТ ВСЕ <!-- end .content --></div> <div class="rightcolumn"> ТУТ ПРАВАЯ ЧАСТЬ <!-- end .content --></div> <!-- end .main --></div> <div class="bottom"> <!-- end .bottom --></div> .main { width: 1080px; border: solid #fff 1px; padding: 1px 0px 0px 0px; } .content { float:left; border: solid #F00 1px; width:828px; } .rightcolumn { float:right; border: solid #000 1px; width:248px; } .bottom { width: 1080px; height:40px; border: solid #0F0 1px; ba…

    Asked by antonzol, May 11, 2011

    0 votes
    1 answer
14. Текст вылазит из дива

    Текст вылазит из дива, хотя диву уже прописал его ширину, таблице внутри дива прописал ширину и даже ячейкам таблицы прописал ширину. Текст всеравно уехал вправо. Посмотрите пожалуйста http://yametal.net/guess_the_group/ Где я облажался?

    Asked by Tchorteg, September 18, 2011

    0 votes
    2 answers
15. Текстовая текстура, фон и тд.

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

    Asked by Svatov, September 21, 2011

    0 votes
    3 answers
16. Глюк с menu ?

    Вот, чтобы список имел одинаковый отступ слева, надо писать так ul { padding: 0; margin-left: 0; }, и тогда во всех браузерах будет одинаковый отступ слева. Но вот если вместо ul использовать menu, то такой фокус не работает. В google chrome и safari Один отступ, а в других браузерах - другой. Такие вот дела.

    Asked by prowoke, July 11, 2012

    0 votes
    4 answers
17. Помогите поменять цвет таблицы тэг table

    Помогите поменять цвет таблицы тэг table

    Asked by olga-olga, July 11, 2013

    0 votes
    2 answers
18. уходит шапка

    Добрый вечер, из-за чего уходит шапка и текст в фоотере?

    Asked by Arturs, July 19, 2013

    0 votes
    4 answers
19. Размещение заголовка новости и даты создания новости на одной строке

    Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался

    Asked by Delat, February 17, 2014

    0 votes
    5 answers
20. Добавление символа в начале/конце ссылки при hover

    Здравствуйте! Есть ссылка, а в ней текст выделен через <p>, ссылке заданы размеры и отображение блоком. При наведении, нужно чтобы блок и текст стал зелёным цветом, а после не выходя за рамки блока должна стрелка добавляться. Два варианта думал: первый это вырезать стрелка в фотошопе и сделать бэкграунд, а второй просто добавить текст(код стрелки в html), только ничего не получается вторым способом, как реализовать? p:hover:after ? или как?

    Asked by FitTech, December 15, 2014

    0 votes
    5 answers
21. Прошу оценить вёрстку макета по заданию работодателя

    Макет сайта ссылка http://my-files.ru/k4alck Вёрстка макета ссылка http://my-files.ru/iuzcv6 Пояснение работодателя к макету сайта В приложенном файле вы найдёте макет, который вам необходимо сверстать (валидно, кросбраузерно, оптимизированно (вес, код)), без реализации активных элементов. По нашим оценкам это не должно занять у Вас боле 4-5 часов. Ограничение на верстку к тестовому дизайну: Сверстать кроссбраузерно (IE9+). Для ie8 - graceful degradation. При верстке не использовать таблицы для нетабличных данных и джаваскрипт. Пояснения на верстку к тестовому дизайну: В макете два несв…

    Asked by eremeevd, May 15, 2015

    0 votes
    3 answers
22. шрифты

    хотел узнать,если верстальщику дают PSD шаблон,и дизайнер не дал никаких шрифтов,то нужно обязательно искать шрифты в интеренете,а потом подключать в файл css,или заменять шрифты на другие похожие В данном случае мне фотошоп вывел редкие шрифты,заменять похожими или искать эти?

    Asked by Andrue-Selen, July 11, 2015

    0 votes
    2 answers
23. 3 вопроса, 3 разных проблемы

    Доброго времени суток. На днях столкнулся с несколькими проблемами которых не могу решить (не нахожу подходящих ответов в гугл). Вопросы: При увеличении масштаба, съезжает логотип в правую сторону, как его зафиксировать?В классе не работает padding-top, в чем проблема? Перепробовал все предлагаемые варианты из гугл - не помогло.Почему логотип не виден если в классе не установлен display: block;?Код (jsfiddle) EDIT: Сам решил 2 вопрос: .d_nav .nav_logo { margin-top: 10px; }Сам решил 3 вопрос, правда не знаю как. Насчет 1 вопроса - извиняюсь, показалось.

    Asked by ES.^, July 17, 2015

    • html
    • css
    • padding-top
    • logo
    • display: block;
    0 votes
    1 answer
24. Текст, который длиннее 1 строки, переносится на следующую строку

    На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?

    Asked by adm-pr, July 5, 2018

    0 votes
    1 answer
25. 3d карусель с перспективой

    Всем привет! Не могу найти карусель такого плана http://take.ms/cu7Zu, и чтоб была отзывчивая. Может кто встречал такую, или делал, поделитесь ссылкой или исходниками.

    Asked by vladmih, March 23, 2018

    0 votes
    2 answers