HTML Coding

29,542 questions in this forum

1. Подвал в подвале (нахлестом)

   Подскажите как реализуется такой вот футер: В моей верстке футер уже прижат книзу страницы. В этом диве(футера), находящимся за пределами wrapp контейнера, указана background картинка(сероватый фон). Теперь нужно на этот футер, наложить как то лист с тенью (чтоб получилось как на картинке). Если я указываю во wrapp контейнере как background картинку(лист с тенью) с позиционированием снизу, то она естественно прижимается книзу, а отступ margin'a действует и на прижатый футер(серый фон). Или подскажите адреса сайтов , где есть подобный подвал

   Asked by cul8er, April 3, 2011

   0 votes
   11 answers
2. Вертикальное выравнивание многострочного текста в блоке

   Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…

   Asked by lihih, November 22, 2012

   0 votes
   1 answer
3. Лишний отступ у таблицы в Chrome (border-spacing)

   Доброго времени суток! Столкнулся с такой проблемой при верстке таблицы: при указании таблице border-spacing:6px в Хроме(Сафари) между тегами thead и tbody появляется лишний отступ в 6px. В остальных браузерах этого отступа нет, а он очень не уместен в моем случае - из-за этого отступа нарушается вид страницы при работе скрипта(использую кастомизированный скролл) Подскажите как с этим бороться. скриншоты: http://awesomescreenshot.com/0fd12xe693 http://awesomescreenshot.com/0b112xed9e

   Asked by pooshara, March 22, 2013

   • border-spacing
   • chrome
   • table
   0 votes
   1 answer
4. Помогите убрать отступ от шапки

   Не могу убрать отступ от меню до шапки вообще не как все перепробовал, но я не очень шарю https://gyazo.com/c4d35eea66b03d4011578bab66670504

   Asked by ewee, December 25, 2016

   0 votes
   6 answers
5. Верстка карты мест

   Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

   Asked by yulshaz@mail.ru, February 1, 2019

   • html
   • табличная верстка
   0 votes
   3 answers
6. float: left и margin-top

   Есть такой HTML: <div style="float: left;"> a </div> <div style="clear: left; margin-top: 30px;"> b </div> В IE работает нормально, т.е. b отстоит от a на 30 пикселей от a. А вот в Mozilla margin-top никакого влияния не оказывает. Почему? Кто работает по стандартам? Как сделать правльно, чтобы работало везде? PS В поиске искал и форум читал уже 4 часа подряд. Но ввиду сложности подобрать ключевые слова -- ничего не нашел.

   Asked by dsome, September 18, 2008

   0 votes
   4 answers
7. div - две одинаковые в высоту колонки

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

   Asked by SleepWalker, February 26, 2009

   0 votes
   2 answers
8. опять наш любимый IE

   если нужно прописать два спец класса, первый для всех браузеров IE кроме версию 8, другой только для версии 6, выходит так что нужно в теге head прописывать 2 события??????? <!--[if lt IE 8]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> ———- <!--[if IE 6]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> можно как-то совместить?

   Asked by termoplus, June 16, 2009

   0 votes
   5 answers
9. Необычный резиновый дизайн

   Суть задачи в следующем: 1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок. 2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком. 3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком. Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?

   Asked by Lastmmps, January 28, 2010

   0 votes
   10 answers
10. Полоска между wrapper и контентом

    Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…

    Asked by HRabbit, August 15, 2012

    0 votes
    10 answers
11. Кроссбраузерная строка поиска на html+css

    Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …

    Asked by Kray Storm, March 23, 2013

    0 votes
    2 answers
12. Анимированное меню в виде сот

    Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…

    Asked by NatalieZ, December 5, 2013

    0 votes
    2 answers
13. Фон с аркой для резиновой вестки.

    Привествую профессионалов и новичков вкрстки. Стокнулся с некоторой проблемой во время верстки сайта Верстка резиновая и с ней как таковой проблем нет, чего не скажешь о фоне Вот такой вот борк должен быть на главной странице. И как это сдедать с помощью HTML/CSS - я понять не могу. Решение с JS имеется, но прежде чем его применять, хотелось бы удостовериться что без JS не обойтись. Еще раз подмечу, что верстка резиновая.

    Asked by maxakagaret, March 12, 2014

    • фон
    • background
    0 votes
    15 answers
14. нестандартная карусель

    помогите пожалуйста советом никому не попадалась карусель, которая работает следующим образом? если попадалась, то поделитесь ссылочкой или названием START: в центре экрана появляется(с любым эффектом) изображение, затем по бокам от него появляются ещё 4 изображения. пользователь жмёт кнопку и центральное изображение исчезает, затем исчезают изображения по бокам go to START

    Asked by cyklop77, July 4, 2014

    0 votes
    18 answers
15. Какой выбрать движок для интернет магазина

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

    Asked by Anna-15, February 27, 2015

    • движок
    • интернет магазин
    0 votes
    5 answers
16. Проблема с позиционированием элементов

    Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="compa…

    Asked by мурамаса, July 27, 2018

    • positioning
    • div
    • вертска
    • позиционирование
    • css
    • html
    0 votes
    4 answers
17. Ошибка в Url страниц

    Прошу помощи в одной крайне не понятной ситуации. Сайт работает давно, но примерно неделю назад возникла ошибка которая привела к значительным потерям позиций в Яндексе. Вместо страниц которые были раньше, например http://kuhni-mebel-spb.ru/l_chem_horosha_kuhnazakaz.htm откуда-то нарисовались страницы вида _http://kuhni-mebel-spb.ru/l_chem_horosha_kuhnazakaz.htm/pravila.htm таких штуки 4. по сути получается что она дублирует нужную страницу но без картинок и с ужасной версткой. По идее такого URL вообще не должно быть, но он откуда-то возник: сайт/страница нужная.htm/страница другая (какая "страница другая" - тоже не известно, логики нет. Но контент со "страницы нуж…

    Asked by Tolsty, September 17, 2010

    0 votes
    12 answers
18. Баг с "overflow: hidden;" и "border-radius: ;"

    Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…

    Asked by DjTarik, October 9, 2012

    0 votes
    2 answers
19. проблемы вложенности слоев

    Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…

    Asked by TOREN, November 9, 2008

    0 votes
    4 answers
20. Установить разное выравнивание для кусков текста в одной строке с минимумом кода

    Подскажите пожалуйста, делаю админку для небольшой программы, включащей в себя веб-сервер, нужно на странице в одной ячейке таблицы выставить разное центрование кнопок, сейчас они выглядят вот так [<<][>>][Снять][Скачать] а хотелось бы [<<][>>] [Снять] [Скачать] где "снять" посередине, а "скачать" по правому краю ячейки таблицы сделать это желательно с минимумом кода на странице сам в HTML совсем не шарю , пытался сделать по-простому с помощью тега <pre>, но он за собой переносит строку, еще вариант поставить много-много пробелов - но они занимают половину объема передаваемого кода, тем самым себя не оправдвая.. Помогите пожалуйст…

    Asked by Mihail_, July 25, 2009

    0 votes
    2 answers
21. разделение элементов по краям

    Есть стиль общий который создает рамку с max-width: 450px нужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450px пока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-width Помогите пожалуйста

    Asked by WebGraf, July 5, 2010

    0 votes
    10 answers
22. Выравнивание по центру

    Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <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> <li><a href="#">#</a></li> </ul> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…

    Asked by laik216, August 6, 2010

    0 votes
    3 answers
23. Как стилизовать текст для placeholder используя атрибут "style"

    У меня есть тег <input id="foo" type="text" name="url" placeholder="Укажите URL" value="" style="color:#000000;" /> Проблема в том, что текст "Укажите URL" по умолчанию отображается так же как и обычный вводимый в текстовое поле текст. А хотелось бы его цвет сделать серым, чтобы нельзя его было спутать с обычным текстом, вводимым пользователем. Но я не могу пользоваться стилями в подключаемых css-файлах. Мне желательно сделать все стили в атрибуте "style". Можно ли это осуществить?

    Asked by clavin, June 18, 2012

    0 votes
    3 answers
24. Не работает выпадающий список

    Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP

    Asked by Dimpin, December 18, 2018

    0 votes
    3 answers
25. Доступ к HTML

    Доброго времени суток! Есть такая проблемма. На Пк есть сайт. надо както сделать чтобы этот сайт смогли просматривать через интернет, тоесть не заливая его на серваки в интернете а на прямую с моего компа, естественно покуда мой комп подключен к инету. Подскажите плиз какими программами это можно осуществить

    Asked by Boris21, October 29, 2008

    0 votes
    4 answers