HTML Coding

29542 questions in this forum

1. 2 независимых div

   Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.

   Asked by ramon111, November 9, 2012

   0 votes
   4 answers
2. float:left

   У меня выводится 4 изображения в горизонтальном порядке и до бесконечности в вертикальном. CSS: #img { float: left; width: 200px; height: 150px; margin: 10px; } HTML: <a href='view.php?id=$mass[id]'><img src='traffic/$mass[url]' id='img'/></a> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.

   Asked by epog333, March 5, 2013

   0 votes
   1 answer
3. Чем собирать спрайты

   Коллеги доброго время суток. Попалась работа к которой придется собирать большое кол-во различных спрайтов, ну и собствено сразу возник вопрос ручками собирать или генератором каким-нибудь воспользоваться, не поделитесь опытом кто чем собирает ну и впечатления.

   Asked by Vasdram, April 16, 2013

   0 votes
   2 answers
4. 3 колонки в одном диве

   здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!

   Asked by devid89, August 18, 2013

   0 votes
   5 answers
5. Помогите решить задачу с :hover

   В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit

   Asked by Akkord87, February 14, 2014

   0 votes
   10 answers
6. Фича с перечекиванием

   Не помню как сделать, своими силами что-т не могу - температура еще одолевает, напомните, интересует решение с псевдоэлементами, по бокам картинка, http://savepic.net/5059813.png

   Asked by Struggle, April 2, 2014

   0 votes
   2 answers
7. Как средствами CSS сделать высоту блока больше или равной высоте контейнера?

   Здравствуйте. Задача. Есть: блок с контентом, расположенный в контейнере. Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить. Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.

   Asked by S0meT1me, July 25, 2014

   • css высота блока
   0 votes
   4 answers
8. Нужно реализовать такую фишку скрывать краткое описание

   реализовать такую фишку как на сайте Розетка чтобы скрывать краткое описание а при наведении оно появлялось ! Вот на таком сайте ocStore Версия 1.5.5.1.2

   Asked by virtas, November 29, 2014

   • краткое описание
   • скрывать краткое описание
   0 votes
   5 answers
9. Отступ...

   Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…

   Asked by Mestniy96, April 25, 2015

   0 votes
   3 answers
10. Кроссбраузерная НЕсовместимость

    Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

    Asked by Schamil74, May 13, 2017

    • верстка
    • svg
    0 votes
    0 answers
11. И снова проблемы IE с CSS

    Дорогие коллеги, подскажите, ну что не нравится IE в моем css стиле для Primary Links? http://www.kirpich-akk.ru/articles

    Asked by Spiller, January 26, 2009

    0 votes
    0 answers
12. Создать оттенок на картинке

    Как средставми css создать отенки на изображении?

    Asked by Admiral, April 8, 2009

    0 votes
    4 answers
13. Загвоздка с css

    Есть такая страничка <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="ajax.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $("table.table_body > tbody > tr > td").css("vertical-align","top"); $("a").click(function(){$.get(this.href,function(data){ $("#parents").css("display","none").empty().append(data).fadeIn("slow"); })…

    Asked by Drink666, July 14, 2009

    0 votes
    1 answer
14. Как расчитать высоту шрифта ?

    на картинке div со стилями height:50px; (нужная высота) font-size:50px; последняя буква это буква g которая видна не полностью можно как нибудь сделать так чтобы шрифт растягивался по высоте?

    Asked by holden321, July 14, 2009

    0 votes
    2 answers
15. выравнивание по центру, IE

    сломал голову уже. IE выравнивает по центру, к примеру, первую (начальную) страницу, но не хочет равнять внутренние. что делать? на домашней машине перепробовал всё: он слушается margin только в конкретных значениях в px, когда ставлю auto — уезжает влево. help, please. http://kupeev.com

    Asked by virus-07, November 28, 2010

    0 votes
    1 answer
16. Проблема с позиционированием

    Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…

    Asked by Discotune, January 17, 2011

    0 votes
    2 answers
17. Кнопка при наведении

    Как сделать другой фон кнопки при наведении?

    Asked by onsite, July 3, 2011

    0 votes
    2 answers
18. Стили не отображаются в ИЕ

    Что делать? что-то уж сильно ужасно даже в 8 выглядит http://site.druzhina.org/ судя по сайтам проверки отображения в разных браузерах вплоть до 8 выглядит ужасно, в 9 как и должно быть

    Asked by AquaGen, August 17, 2011

    0 votes
    3 answers
19. Подскажите каким образом реализовано меню.

    Доброго времени. Подскажите каким именно скриптом реализовано данное меню (верхнее с картинками). Заранее спасибо. http://www.fabricarchitecture.com/archiclad

    Asked by bbsalex, September 13, 2011

    0 votes
    2 answers
20. Доктайп с пробелами или нет?

    Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?

    Asked by morosit, September 27, 2011

    0 votes
    4 answers
21. Хочу сделать космос

    Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.

    Asked by prowoke, November 14, 2011

    0 votes
    4 answers
22. проблема с валидацией

    У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))

    Asked by eleonore, April 26, 2012

    0 votes
    2 answers
23. В ie 6 дочерний блок выходит за границы родительского блока

    Доброго времени суток! В ie 6 дочерний блок выходит за границы родительского блока,как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } #cont1{ zoom:0; } /* *** Float containers fix ***#cont1 { zoom: 1; } */ html,body{ height:100%; min-height:100%; height:auto !important; background-color:#D2F7DF;} #header{ height:100px; width:1000px; background:#D0D0D0; margin:0 auto…

    Asked by tanaka, July 31, 2012

    0 votes
    3 answers
24. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook, August 11, 2013

    • input
    0 votes
    3 answers
25. ширина элемента

    <div style="width: 300px; margin: 0; padding: 0; background: #00f5aa;"> <div style="padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;"> <input name="tb_password" type="password" id="Password1" style="width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"> </div></div>Почему ширина поля ввода получается больше 280? <div style="width: 300px; margin: 0; padding: 0; background: #b6ff00;"> <div style="padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;"> <p style="width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;border:4px solid black;">text text text …

    Asked by fivac, November 5, 2013

    • width
    • border
    0 votes
    2 answers