HTML Coding

29,542 questions in this forum

1. Таблица с горизонтальной прокруткой и отступами

   Доброго времени суток. Есть страничка с формой и таблицей с результатами под ней. Проблема в том, что иногда данные в таблице слишком длинные, и она вылезает за свой блок. Добавил в свойства div'а, в котором находится таблица, "overflow-x: auto;", теперь таблица прокручивается по горизонтали. Но теперь у таблицы пропал отступ справа (свойства родительского div'а "padding-right: 15px; padding-left: 15px;"), при прокрутке до крайней правой позиции. Подскажите, пожалуйста, как его вернуть? Таблица на свойства padding и margin не реагирует (верней слева реагирует, а справа нет)

   Asked by Ruia, January 24, 2014

   0 votes
   2 answers
2. Ширина блока по содержимому

   Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…

   Asked by Evkaky, January 28, 2014

   0 votes
   3 answers
3. Вложенность в CSS

   Помогите, пожалуйста, разобраться: Пример Суть: в классе b1 есть "background-color:#cccccc;". Но это же свойство влияет и на ссылку в b2, если нажать мышь и не отпускать. Что я делаю не так? Как избежать влияния свойств ссылок в b1 на b2?

   Asked by Artlive, February 1, 2014

   0 votes
   2 answers
4. Как проверить на валидность сайт?

   Всем доброго времени суток! Кто-нить знает, как проверить сайт на валидность, если включен пакет ssi ? Т.е. на страницах повторяется шапка, новости и т.д. Валидатор пишет,что не может проверить такие файлы. СПасибо!

   Asked by Vic-Tor, October 26, 2014

   • валидность ssi
   • include
   0 votes
   2 answers
5. Принцип определиения работы media handheld

   (Извиняюсь, накосячил в названии темы) Подскажите, по какому принципу работает media handheld? Я хочу сделать мобильную версию сайта, но мне нужно, что бы она выдавалась исключительно для смартфонов, а для планшетов и пк выдавалсь настольная версия. Учитывая что сегодня смарфтны имеют разрешение вплоть до 2к, а планшеты бывают и по 720px, то max/min width мне не подойдёт, а вот как будет работать media handheld? По какому прнципу отличает смартфон от планшета?

   Asked by suhiro, November 10, 2014

   0 votes
   3 answers
6. Схлопывание отступов и оверлей

   Столкнулся с проблемой схлопывания отступов при уменьшении высоты браузерного окна. Пофиксил, добавив overflow: auto; родительскому элементу. Однако, на оверлей это не действует. Как исправить? <header class="header overlay"> <div class="header-content"> <h1 class="header-content__title">We are awesome creative agency</h1> <p class="header-content__descr">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accums…

   Asked by Okieazy, July 7, 2019

   0 votes
   0 answers
7. Как скоректировать такой css?

   Здравствйте! У меня в css содержится: .reg tr td.text { vertical-align: top; width: 50px; color: #7f7e72; font-size: 11px; padding-top: 3px;} .reg td.text2 { vertical-align: top; color: #333333; font-size: 12px; padding-top: 3px;} .reg input { width: 125px; margin-bottom: 10px;} .reg input.button { width: auto; border: none;} из-за этого buttom (в таблице) растягивается во всю длину ячейки и зона chekbox тоже. как можно поправить это?

   Asked by good-master, February 28, 2009

   0 votes
   1 answer
8. Проблема с меню в IE7

   Помогите разобраться пожалуйста Верхнее меню в мозиле и эксплорере отображается по разному: http://upsservis.ru ксс. #header { clear: both; width: 750px; height: 45px; margin: 0 auto; } #logo { float: left; padding: 10px 0 0 0px; color: #000000; background: inherit; width: 300px; } .slogan { float: right; border-left: 1px solid #CCCCCC; padding: 0 0 0 20px; } #hmenu { padding: 13px 0 5px 0; float: right; } #hmenu ul { margin: 0px; padding: 0px; } #hmenu ul li { float: left; /* располагаем список по горизонтали */ list-style-type: none; /* удаляем маркеры */ } #hmenu ul li a { padding: 12px 13px 2px 11px; text-decoration: none; color: #414141; backgro…

   Asked by Mitshan, July 23, 2009

   0 votes
   2 answers
9. видео в всплывающем блоке

   нужно реализовать видео(флв) в всплывающем блоке. примерное ТЗ - чтоб при нажатии на картинку всплывал блок (по типу хайслайда), и в нём проигрывалось видео в формате ФЛВ. как плеер я решил использовать УППОД. а как всплывку посоветовали некое НироМОДЕЛ. одна беда, английский я очень слабо понима(МСДН читать могу, но с трудом), подскажите пожалуйста как всё ето вставить в сайт на ДЛЕ(8.4), или посоветуйте альтернативу)

   Asked by Proks, March 22, 2010

   0 votes
   1 answer
10. Мешают пробелы в коде

    Иногда складывается такое положение, что пробелы и переносы находящиеся в хтмл-коде при выводе сбивают вёрстку. Например Выведется два рисунка плотно прилегающие друг к другу Выведется два рисунка с небольшим промежутком между ними. Промежуток возникает из-за того на вывод попадает пробел/перенос, находящийся в коде между тегами <img> Вопрос: можно ли как-то предотвратить вывод пробелов/переносов, не убирая их в коде? Т.е. сделать чтобы теги в коде располагались как во втором примере, а промежутка между рисунками не возникало?

    Asked by Колос, July 21, 2010

    0 votes
    3 answers
11. Проблема padding

    Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/

    Asked by fenzmey, July 10, 2011

    0 votes
    6 answers
12. Вопрос по CSS

    Подскажите пожалуйста можно ли в CSS сделать так, чтобы в теге <p></p> все слова в кавычках стали жирными?

    Asked by Selassie, July 28, 2011

    0 votes
    9 answers
13. посоветуйте літературу

    посоветуйте пожалуйста максимально полную книгу по css и html, И по возможности чтобы вкл css3 и html5. Хотел бы узнать мнение о HTML и CSS. Путь к совершенству

    Asked by olechic, January 17, 2012

    0 votes
    2 answers
14. Где искать элементы шаблона?

    Возможно, тема сформулирована неправильно, но я не знаю, как по-другому. Итак, есть картинка, которую нужно удалить вместе с дивом, в инспекторе браузера это выглядит так: <div id="left-col" class="three columns"> <div id="block-block-16" class="block block-block">содержимое</div> <div id="block-aggregator-feed-2" class="block block-aggregator">содержимое 2</div> <!--9c7ec26b--><!--9c7ec26b--> </div> Мне нужно полностью удалить блок <div id="block-block-16" class="block block-block">, при этом в файле шаблона на этом же месте: <div id="left-col" class="three columns"> <?…

    Asked by maritca, June 28, 2012

    0 votes
    2 answers
15. Исчезновение фиксированного блока при перезагрузке в Opera

    Здравствуйте!!! Существует такая проблема. Я сделал верхний блок (типа footer) фиксированным, чтобы при прокрутке страницы блок сохранялся наверху страницы. Вроде всё работает на IE8+ (7-ка не критична), Chrome, Firefox. В Opera тоже вроде бы фиксация сохраняется при прокрутке. Но при перезагрузке (если страница прокручена) фиксированный блок вновь возвращается вверх и пропадает из виду. На др. браузерах всё норм. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"…

    Asked by sam77726, February 9, 2013

    0 votes
    1 answer
16. Активный пункт

    Помогите пожалуйста сделать вот такую фигнюшку, мне нужно чтобы при нажатии на пункт списка у которого есть еще выпадающий он становился активным, то есть нажатым, и я хочу чтобы когда он был нажатым иконка в углу пункта переворачивалась вниз или вверх чтобы как бы показать что сейчас открыт этот пункт, ну вы поняли; пробовал вот так: .content-positioner .big-box h4 span{ background:#04172e url(../img/close.png)no-repeat 610px 5px; } content-positioner .big-box h4 span:active{ background:#04172e url(../img/open.png)no-repeat 610px 5px; } эффект есть но, иконка при нажатии переворачивается а как только отпускаю мышку снова становится как при неактивном Подскажите…

    Asked by igornagorny89, March 1, 2014

    0 votes
    4 answers
17. Подскакивает меню

    Ребятки, прошу помощи. Что-то я вообще с ума сошла. На движке сайт стал делать вот это в меню. На всех страницах оно как положено, ровно и не скачет, например http://www.pereezd-kvartiri.su/ А вот на этой подтянулось вверх http://www.pereezd-kvartiri.su/photo/dachnyi-pereezd.html Как решить эту вещь? Глаза вылазят, не могу смотреть уже.

    Asked by kattiperk, July 28, 2014

    0 votes
    4 answers
18. Помогите разобраться начинающему.

    Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…

    Asked by cryptus, March 10, 2015

    0 votes
    1 answer
19. Растянуть картинку

    Привет.. Есть блок в котором выводится статичная картинка с размерами 1300х800px. ширину картинки указал 100% чтобы растягивалась на всю ширину экрана. На на экране размерами 1920х1080 картинка по высоте не влезает вся. небольшой кусок внизу остается за рамками видимости экрана и нужно прокрутить вниз. Можно ли сделать чтобы при любых разрешениях экрана картинка по высоте всегда была видна? И.е. чтобы вся картинка вмещалась?

    Asked by kolhoz, March 24, 2015

    0 votes
    7 answers
20. Виртуальная(?) ссылка

    Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.

    Asked by shershen, April 21, 2015

    0 votes
    3 answers
21. Очень нужна ваша помощь!

    Я не силен в hrml`е ,по этому очень нужна ваша помощь ребята. Суть вопроса в том ,что мне нужно сделать на странице вид таким образом -> ​ с левой стороны будет таблица (которую я уже сделал). с выплывающим выбором а справа текст с дополнительными ссылками! Вроде бы все легко и понятно ,но вся проблема в том ,что я не знаю как правильно это сделать. При попытке написать текст с ссылками справой стороны страницы ,моя таблица начинает двигаться по абзацам вниз! Что делать?

    Asked by venemy, March 4, 2016

    • помощь
    0 votes
    1 answer
22. джон дакетт Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV, October 26, 2017

    • книга
    • для новичков
    • хороша ли?
    0 votes
    0 answers
23. Странные пустые места при переносе картинки.

    Доброго времени. Дали задание в колледже сверстать сайт по макету. Сам я не особо в этом хорош, но попытался сделать. Итого вопросы: Есть макет: https://imgur.com/zWRi07X А вот что получается у меня: Места в которых изначально были изображения, при переносе этих самых ихображений почему-то остаются занятыми пустыми обьектами. Картинки обернул в div, и для каждой картинки прописал id из файла css. Код кидать нельзя, к сожалению, но для наглядности скину скрины нужных фрагментов.

    Asked by Мальчик Тарантино, December 22, 2019

    0 votes
    0 answers
24. проблемы с Лид формой

    Всем привет. Столкнулся с какой-то ошибкой в коде, при вводе номера телефона в Лид форму на ПК и iPhone все нормально, а вот с андроид сбивается формат и не отправляется заявка, если не удалить черточки

    Asked by parovozbrooklyn, June 4, 2020

    0 votes
    1 answer
25. форма отправки картинок

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

    Asked by stars, February 16, 2009

    0 votes
    0 answers