HTML Coding

29542 questions in this forum

1. Помогите ради бога!

   Люди добрые, помогите! Делаю тестовое задание для работодателя. Нельзя упасть лицом в грязь... Как лучше реализовать эту полоску с текстом посередине?

   Asked by JosePerez, May 12, 2012

   0 votes
   9 answers
2. бэкграунд к правому краю

   Есть вот такой вот оригинальный макет, подразумевающий бэкграунд под правым меню, прижатый, соответственно, к правому краю и продолжающийся далеко вниз за пределы самого меню и контента. Собственно, проблема и оказалась в том, чтобы этот бэкграунд прижать к правому краю навсегда, и чтобы при этом он был "бесконечным". Вёрстка табличная, меню в ячейке, если я сделаю бэкграунд ячейке, он закончится вместе с ней и в самом низу под меню всегда будет некрасивая белая область. Также сложность состоит в том, что бг - рисунок, требующий при репите состыковки, то есть сделать в футере аналогичную ячейку, "продолжающую" бг, я не могу - высота подменю на разных страницах разная, сл…

   Asked by maritca, February 4, 2013

   0 votes
   7 answers
3. Responsive видео+background

   Не могу сообразить как сделать следующее. Делается в Bootstrap 2.3.2. Имеется картинка монитора, в ней видео(допустим iframe) Есть решения на css-tricks Я пробовал - и получается что либо само видео у меня корректно меняет размер, либо бек. Сейчас сама конструкция выглядит как <div class="video"><iframe width="542" height="305" src="http://www.youtube.com/watch?v=niyFA24H5_E?rel=0&hd=1" frameborder="0" allowfullscreen></iframe></div> .video {width: 542px;padding: 28px 29px 0 54px;height: 485px;float: left;background: url("../images/screen.png") no-repeat 25px 0;} Если добавить враппер под респонсивку такого плана .videoWrapper {po…

   Asked by sergik74, December 11, 2013

   • bootstrap 2
   • responsive
   • video
   • background
   0 votes
   0 answers
4. Не правильно отображается таблица на сайте, как исправить?

   Не правильно отображается таблица на сайте. Данный код добавляю вручную на статистическую страницу сайта. Использую CMS DLE 10.3 Вот как должно быть: А вот как отображает: На статистической странице выставляю Тип текста: Исходный текст HTML без фильтрации и изменений, и пишу код: <table cellspacing="10"> <tr style="background-color: gray; color:white"> <th> Заголовок 1 </th> <th> Заголовок 2 </th> </tr> <tr style="background-color: silver;"> <td> Ячейка 1 </td> <td> Ячейка 2 </td> </tr> <tr style="background-color: silver;"> <td> Ячейка 3 </td> &l…

   Asked by boltuk, February 27, 2015

   0 votes
   7 answers
5. Не работает z-index

   Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.

   Asked by fenix_63, October 31, 2016

   • html
   • css
   • javascript
   • jquery
   • верстка
   0 votes
   2 answers
6. Проблема в IE и Maxthon

   Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.

   Asked by bravada j, March 1, 2009

   0 votes
   4 answers
7. <object> и <param />

   Поискал на форуме - практически везде только и спрашивают, как вставить флэш на страничку и ему подобные. Меня же интересует, что вообще можно делать с их помощью? Какие параметры могут они принимать и что они значат? Может у кого-нить есть ссылки на описания или примеры использования "объектов". Из непроанализированный тегов остались только эти 2) Очень хотелось бы узнать, на что они способны. Спасибо.

   Asked by DjTarik, August 25, 2009

   0 votes
   2 answers
8. При навидение меняется картника

   Вставляю в ячейку таблицы <td width="270" height="80px"><a href="lorem.html" class="rollover">Ссылка</a> </td> Класс описываю так. A.rollover { width: 270px; /* Ширина рисунка */ height: 80px; /* Высота рисунка */ border: 1px solid #000; /* Рамка вокруг картинки */ background: url('1.jpg'); /* Путь к файлу с исходным рисунком */ background-repeat: no-repeat; padding:30 px; padding-left:80 px; } A.rollover:hover { text-decoration:none; background: url('2.jpg'); /* Путь к файлу с заменяемым рисунком */ background-repeat: no-repeat; color: orange; font-style: italic; } В IE все хорошо, в опере рисунок обрезан ширина 270 в высота при…

   Asked by Vsevolod, October 16, 2009

   0 votes
   5 answers
9. 3d

   Реально ли создавать трехмерную графику при помощи интернет-технологий. В какую сторону копать???

   Asked by ctpz, November 24, 2011

   0 votes
   5 answers
10. Блок внизу страницы

    Допустим есть на странице несколько блоков: <div>блок 1</div> <div>блок 2</div> <div>блок 3</div> Если высота блоков 1 и 2 в сумме превышает высоту окна - то появится вертикальная полоса прокрутки и блок 3 окажется внизу, если же не превышает - то блок 3 будет отображён в середине страницы Как сделать, чтобы блок 3 в любом случае отображался внизу (пространство между блоком 2 и блоком 3 в этом случае должно быть заполнено фоновым цветом)?

    Asked by Iskatel, October 12, 2013

    0 votes
    6 answers
11. Изогнутый прогрессбар

    Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?

    Asked by xanthonyx, December 4, 2013

    • jquery
    • js
    0 votes
    5 answers
12. С точки зрения кодинга

    имеется следующая конструкция $('a.ssilka1').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka1i.html"; }); $('a.ssilka2').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka2.html"; }); и так далее... и таких много ввиду того что я не больше не знаю как можно подгрузить во фрейм данные... ничего что так много функций или я нуб и должен молится великому КАА и переделать???

    Asked by romoga, February 11, 2014

    • правильный код
    0 votes
    4 answers
13. Положение модального окна

    Приветствую! Есть модальное окошко с затемнением. Написано на html+css. <a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; v…

    Asked by RestWEB, August 23, 2014

    • модальное окно
    0 votes
    2 answers
14. Overflow в flexbox с центрированием

    Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?

    Asked by Heijey, November 7, 2015

    0 votes
    5 answers
15. Закрывающийся/открывающийся блок

    Помогите, или скиньте ссылки как сделать Закрывающийся/открывающийся блок.

    Asked by vtkm96, July 9, 2018

    0 votes
    4 answers
16. Gulp-webp-css игнорирует background:none,

    Верстаю шаблон в VS Code с Gulp, возникла необходимость убрать иконку при уменьшении экрана через background:none через @media (max-width: $md1+px) { background: none; padding: 0; }. В результате background не пропадает, принудительно выводит изображение не смотря на background:none: В webpcss в gulpfile .pipe(webpcss({ webpClass: '', noWebpClass: '.no-webp' })). Не знаю, как решить эту задачу.

    Asked by виктория new, December 7, 2020

    0 votes
    5 answers
17. две картинки в бэкграунд

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

    Asked by misterX, December 22, 2008

    0 votes
    2 answers
18. 2 изображения в фоне сайта

    Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.

    Asked by StasFetisov, February 3, 2010

    0 votes
    5 answers
19. Border внутри таблицы с отступами

    Помогите сделать внутри таблицы/блока границу border отступами вида: Не понимаю как это сделать. тег rules не подходит....

    Asked by Ritter, February 2, 2011

    0 votes
    3 answers
20. Вопрос

    Здравствуйте, почитав ваш форум я "потерялся". Я на нормально уровне выучил css/html, и прочитав ваш форум, я "потерялся", не знаю с чего начать, какие книги/видео-уроки читать/смотреть, как делать всё правильно, с начало читать/смотреть книги/видео-уроки... Может что посоветуете? буде благодарен!!

    Asked by artur33, March 23, 2011

    0 votes
    7 answers
21. Менюшка туда сюда.

    Здравствуйте. Помогите мне с версткой сайта... Я пока в этом деле почти 0 но уже кое что получаеться. Сейчас я верстаю сайт И остановился на том что шапка сайта а точнее "Меню" бегает туда сюда на разных страницах. Кто может помочь?

    Asked by universalPRO, July 18, 2012

    0 votes
    13 answers
22. помощь в правках по верстке

    вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?

    Asked by https, November 3, 2016

    0 votes
    9 answers
23. Как правильно задавать расстояние между однотипными блоками

    Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…

    Asked by BezMizinca, March 23, 2019

    0 votes
    5 answers
24. жесткая верстка

    Проблема следующая: при верстке div'ами с помощью float уменьшение окна броузера приводит к совершенно непотребному виду сайта (все блоки разьезжаются куда хотят). В голову приходит javascript, который не позволяет уменьшать окно броузера. Подскажите плз. есть ли какие-нибудь способы жестко закрепить блоки.

    Asked by cx717, March 21, 2008

    0 votes
    3 answers
25. разное позиционирование в одной ячейке таблицы

    Как сделать, чтобы текст в ячейке таблицы прижался к левому краю, а рисунок в той же ячейке - к правому краю. Делаю так: <td style="position:relative" align="left">Some text<img src="pic.gif" style="position:absolute;right:0></td> В ИЕ7 результат как нужно, в Хроме позиционирование происходит не в ячейке, а в окне браузера.

    Asked by rumax, May 6, 2009

    0 votes
    6 answers