HTML Coding

29,542 questions in this forum

1. DIV'ная проблема с позиционированием и понятием "контента"

   В общем есть проблема. Схема страницы: проблема такого плана, не могу получить правильное отображение. Контент находится "поверх" картинки, загнать картинку в background нельзя, так как она должна тянуться от ширины экрана, соответственно это абсолютно спозиционированная картинка с width:100%, которая принимает ширину внешнего DIV'а (бордового). У этой картинки сверху прозрачные уголки. В общем это должно выглядеть примерно так: bgstrip - вертикальная полоса цвета "низа" картинки и прозрачная сверху (чтоб прозрачные уголки картинки не перекрылись) - абсолютное позиционирование top-0, left-0, чтобы быть привязанной к внешнему диву - текст и другая информация, дол…

   Asked by BaBL, February 29, 2008

   0 votes
   4 answers
2. Slick slider

   Коллеги, добрый день. Разбираюсь в чужом коде, не могу настроить слайдер. http://nailbar.mini-mall.ru/price.html 3 вопроса: 1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится. 2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд. 3. Как вывести стрелки, в условиях тоже написал, но не вижу. Огромная просьба намекнуть, куда смотреть и что делать

   Asked by Dimpin, April 10, 2018

   0 votes
   13 answers
3. Не работает кнопка

   Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.

   Asked by Normylik, January 14, 2014

   0 votes
   20 answers
4. Заокругленые углы

   есть штмл текст верхняя рамка <tr> <td style="background-image:url(images/header_left.gif); width:3px; height:21px;background-repeat: no-repeat;;"></td> <td style="background-image:url(images/header_center.gif); height:21px;"><font class="header_name">Погода</font></td> <td style="background-image:url(images/header_right.gif); width:3px; height:21px;background-repeat: no-repeat;"></td> </tr> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,

   Asked by solos, November 28, 2007

   0 votes
   14 answers
5. Вопрос по слоям в css. Нужна помощь.

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

   Asked by BadBoy, July 23, 2009

   0 votes
   8 answers
6. прозрачный фон для gif изображения

   добрый вечер уважаемые форумчане. вот такой вопрос: у меня на страничке имеется n-ое кол-во изображений в формате gif, которые посредством javascript могут быть наложенны друг на друга... дело в том, что если одна картинка попадает на другую, то фон (белый) картинки, которая сверху виден на нижней...что не очень красиво. как на html, или может даже на css или javascript сделать прозрачный фон?? заранее спасибо.

   Asked by ???, June 13, 2012

   0 votes
   15 answers
7. Как растянуть блок ТОЧНО до нижнего края экрана

   Вчера весь рабочий день просидел в гугле, но так и не смог найти ответа на вопрос: "Как в css растянуть блок по вертикали?". Точнее, ответы есть, но они на элементарные случай, когда блок растягивается на 100% высоты своего родителя. Но этот и подобные способы не работают, если перед моим блоком стоит другой блок, и мне нужно, соответственно, заполнить растягиваемым блоком все пространство от его текущего положения до конца экрана. Причем мне нужно именно растянуть блок точно до правого нижнего угла, а не "обрезать" родительским блоком все, вылезло за его размеры. Постараюсь объяснить зачем мне это нужно на простом примере: http://jsfiddle.net/ongpj2vz/ <body>&lt…

   Asked by suvolod, December 23, 2014

   0 votes
   3 answers
8. clip-path не работает в FireFox

   Здравствуйте, Я пытаюсь отсекать края div-а по rectangle-у. Для этого использую clip-path. Делаю следующее: На странице: <svg height="0"> <clipPath id="c1" clipPathUnits="objectBoundingBox"> <rect x="0.148" y="0.0" width="0.705" height="1.0"/> </clipPath> </svg>в css: .scroll-bar-wrapper {position: absolute;z-index: 100;}.scroll-bar { clip-path: url(#c1); -webkit-clip-path: inset(0px 200px 0px 200px); overflow: hidden; height: 64px; width: 1360px; } сам div с классом scroll_bar создается на странице динамически - т.е. на страницу добавляется html код: <div style="top: 650px; left: -200px; width: 1160px; height: 64px;" c…

   Asked by BAntDit, April 22, 2015

   0 votes
   4 answers
9. воброс насчет background'a

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

   Asked by Light 13, December 16, 2007

   0 votes
   6 answers
10. Сверстать фоновую страницу

    Страница состоит из тр?х частей(верх центр низ): top content и bottom top и bottom заданы no-repeat, а в contente повторяющаяся картинка repeat-y и при повторении искажается градиент(который присутствует на самой повторяющейся картинке в разделе content) вопрос: Как избежать искажение ?

    Asked by Lazar, July 9, 2007

    0 votes
    10 answers
11. overflow:scroll не показывается скролл в macbook

    Замучился уже искать решение проблемы, на сайте http://gl2.mercedesbenz-sale.ru/#9 на экране с таблицей наличия в macbook не показывается скролл в div, на windows всё нормально, подскажите как исправить?

    Asked by amigo_r, July 23, 2014

    • overflow:scroll
    • macbook
    0 votes
    7 answers
12. Валидатор ругается, что делать?

    Сайт 1: http://dletemplates.com.ua/ Сайт 2: http://dle-news.ru/ Пишет, что для сайта 1: а для сайта 2 все нормально, как решить проблему?

    Asked by Mr.Smith, March 25, 2009

    0 votes
    9 answers
13. Как a одну строку вставить кнопки?

    Здравствуйте. Подскажите пожалуйста как выровнять в одну строку все кнопки соц сетей. Не могу понять где ошибка. Сам код: <div class="socials"> <div class="social svkontakte"><div id="vk_like"> <script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", height: 20});</script></div> </div> <div class="social sgoogle"><g:plusone size="medium"></g:plusone></div> <div class="social stwitter"> <a href="httpstwitter.com/share" class="twitter-share-button" data-via="blogmarketologa" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];…

    Asked by blogmarketologa, October 18, 2013

    0 votes
    4 answers
14. Открытие по клику на фото-миниатюре в новом окне большого фото

    Как средствами HTML сделать следующее: при наведении курсора на изображение-миниатюру, что-бы открывалось большое фото в новом окне, но это окно было без панелей инструментов, ровно в размер большого фото

    Asked by Andrey Taborin, November 29, 2007

    0 votes
    9 answers
15. Вставка html кода из другого файла

    Здравствуйте уважаемые форумчане. Одно время увлекался хтмл и помню, что была там такая штука, как вставка чистого хтмл-кода из одного файла в документ HTML. Вот только запамятовал как она делается. Помогите, плиз, а то очень требуется для читабельности кода. Спасибо. С ув. Олег.

    Asked by tt48, September 6, 2009

    0 votes
    5 answers
16. див уходит за границу экрана

    есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…

    Asked by Mix9, October 11, 2022

    • html
    • html5
    • css
    • css 3
    • верстка
    0 votes
    1 answer
17. Дивами нарисовал Винни Пуха http://www.davidch.com/vini/index.html

    вот http://www.davidch.com/kz/vini/index.html

    Asked by Давид, May 20, 2008

    0 votes
    14 answers
18. Изображение в три колонки

    Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

    Asked by galsik2009, February 26, 2016

    • html
    • css
    0 votes
    7 answers
19. Горизонтальный скролл на мобильной версии сайта

    Добрый день. Возникла проблема при работе над адаптивностью сайта. Использую bootstrap 4, при 575px ширины экрана и меньше появляется горизонтальный скролл. Просмотрел каждый блок сайта, ничего лишнего не вылазит за границу. В чем может быть проблема? Подскажите, пожалуйста. http://sqt.zzz.com.ua/workfordream/

    Asked by Qosmo, May 30, 2018

    0 votes
    3 answers
20. как создать плавающий flash-банер

    Помогите создать новичку плавающий фелш-банер, плавать он должен ненавязчиво слева или справа. Сам банер есть, не знаю как его заставить плавать. Слышал, что это как-то делается через css

    Asked by revresbo, May 12, 2009

    0 votes
    12 answers
21. Всплывающий список при наводе стрелкой мыши

    Вот такое можно сделать в ИЕ без JS Пример с ФФ http://imm.io/2G7T

    Asked by Temiks, December 22, 2010

    0 votes
    14 answers
22. Верстка верхнего меню

    Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>

    Asked by an1401, August 23, 2011

    0 votes
    33 answers
23. CSS или jquery

    Что же css или jquery код? Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .

    Asked by penchukov, September 19, 2011

    0 votes
    22 answers
24. Динамическое добавление двух полей в форму

    Приветствую, подскажите как сделать динамичеки добавление 2х полей в форму, по кнопке добавить. Вот чтобы так примерно было Пункт 1: <input type="text" name="item1" size="20">Путь для 1: <input type="text" name="url1" size="20"> Пункт 2: <input type="text" name="item2" size="20">Путь для 2: <input type="text" name="url2" size="20"> Пункт N: <input type="text" name="itemN" size="20">Путь для N: <input type="text" name="urlN" size="20"> Заранее Спасибо

    Asked by woofs, December 12, 2009

    0 votes
    9 answers
25. Варавнивание нескольких плавающих блоков с растяжкой

    Привет! После изучения статей по выравниванию блоков по горизонтали так и не получилось решить следующую задачу. <html> <head> <title>Untitled</title> <style type="text/css"> .cont { float:left; } </style> </head> <body> <div align="center" style="border:solid 1 lime;"> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 1</div> <div style="border:solid 1 red;background:yellow;width:300px" class="cont">блок-контент 2 (ширина задана,фикс)</div> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 3</div> <div style="clear:both"…

    Asked by airscape, December 17, 2010

    0 votes
    28 answers