HTML Coding

29,542 questions in this forum

1. Как разместить изображения чтобы они отображались квадратными

   Есть несколько изображений, как горизонтальные так и вертикальные. Как их можно выстроить в ряд так, что бы все они стали квадратными. То есть, растянуть картинку меньшей стороной по размеру блока, а та часть что вылазит из блока - скрыть. Вместо продолговатой картинки отобразить только ее середину в форме квадрата. Вот пример, но это не совсем то, надо чтобы картинки масштабировались а там просто отображается верхний угол - https://jsfiddle.net/jk8todrq/

   Asked by alleclf, July 2, 2022

   0 votes
   7 answers
2. IE6 wtf? o.O

   Проблема отображение в ИЕ6 Уже всю голову измучал, ночь не спал немогу понять в чем проблема. Помогите пожалуйста. Вот как выглядит в ИЕ6: Вот как должно и выглядит в ФФ и ИЕ7: В ИЕ6 подкладка не уходит под меню. А должна, и я даже не прдставляю почему. Заранее благодарен всем хоть на маленькие намеки куда рыть. Ссылка оригинала _http://www.skadovsk-hotels.com

   Asked by 13DureX, May 25, 2008

   0 votes
   8 answers
3. аналог background-position-y

   Есть ли валидный аналог CSS свойства background-position-y? Использовал его, чтобы изменять координаты фона независимо друг от друга (в страйтах), но наткнулся на то, что его к сожалению не поддерживает опера и фаерфокс.

   Asked by Tmin10, March 3, 2012

   0 votes
   11 answers
4. Схлопывание margin'ов

   Доброе утро. Часто возникают ситуации, когда необходимо отменить действие схлопывания отступов. Тут вроде бы все понятно: флоаты, воерфлоу-хиддены, клеарфиксы, паддинги и бордеры в помощь. Но столкнулся с такой проблемой, когда наоборот очень нужно схлопывание марджинов элементов, что идут в потоке, но из-за некоторой специфики, оно (схлопывание) не всегда возможно. Задача. В потоке идут несколько дивов-контейнеров для последующего контента. Марджины для них заданы как для топ, так и для боттом. Проблема. Все прекрасно работает до тех пор, пока в одном из контейнеров не появляется колонки типа флоат. Следовательно, для корректного отображения родительскому диву необходи…

   Asked by atatakobry, August 21, 2012

   0 votes
   17 answers
5. Подскажите, как можно сверстать такое?

   Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?

   Asked by d0ublezer0, August 13, 2013

   • идеи
   • верстка
   • сложно
   0 votes
   23 answers
6. Подскажите..

   Подскажите пожалуйста простой, но надежный скрипт опросаголосования. Я уже столько всего обыскал, а нормального скрипта не нашол. Очень важе настраеваемый дизайн. И еще..Это очень-очень важно....помогите зделать так чтоб к тексту можно было писать комментарии. Тоесть у меня каталог онлайн игр..на одной странице десять игр и мне нужно что б к каждой из этих игр можно было писать комментарии... Это все очень нужно.. Всем сразу огромное спасибо...

   Asked by Cyrax, March 1, 2008

   0 votes
   11 answers
7. Zend Studio

   Привет всем Как этот программа хорошие. Помогите плиз

   Asked by josik, July 19, 2009

   0 votes
   8 answers
8. Скошенный угол на css

   Приветствую, подскажите пожалуйста как лучше реализовать скошенный угол как на макете http://prntscr.com/7xzkou

   Asked by toha135, July 28, 2015

   • скошенный кгол
   0 votes
   5 answers
9. Смена текста при наведении

   Нужно правильно реализовать такую штуку: Есть ячейка таблицы ( <table><tr><td>Какой-нибудь текст</td></tr></table>), как правильно добавить атрибуты onmouseout и onmouseover к тегу <td>, чтобы при наведении мишки содержание изменялось на другой текст, ну и соответственно наоборот.

   Asked by chest, March 15, 2011

   0 votes
   2 answers
10. Растянуть часть background'а

    Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…

    Asked by ISQman, April 8, 2009

    0 votes
    23 answers
11. Opera и дробные проценты

    Вот и мне тоже понадобилась помощь дорогих экспертов. А всё дело в том, что я сейчас верстаю один макет и на пути столкнулся с одной проблемой, которая связана не с ИЕ, что удивительно, а с Opera и неважно какой версии, даже "10". Проблема связана с меню, а точнее с дробными процентами, которая не понимает Opera, в следствии чего выходит очень не красивое зрелище, большое расстояние справа последнего пункта меню (Contacts). Сравните сами, даже в ИЕ6-7 всё ок, а в Opera гадость. В следствии чего возникли вопросы: 1) Можно ли как нибудь обойти этот косяк и добиться полной кроссбраузерности? 2) Как заставить Opera понимать дробные проценты или может быть как то по-другому об…

    Asked by psywalker, October 14, 2009

    0 votes
    8 answers
12. Не работает "Enter" Internet Explorer

    Не могу понять, почему в эксплорере не работает кнопка "Enter" при заполнении формы. Отправлять запрос приходится нажатием на кнопку мышкой. Хотя в Опере или Файрфоксе все нормально. <form action='poisk.php' method=POST> <table border='0' align='center'><tr><td><input name='kod' type='text' value='' MAXLENGTH='50'> </td> <td><input type='submit' name='submit' value=' поиск '></td></tr></table> </form> Что я не так сделал? UP. ссылка - http://autopremium.com.ua/poisk.php (за другое не пинать, пока интересует только эта проблема )

    Asked by vvm, February 16, 2011

    0 votes
    8 answers
13. Постраничная навигация

    Нужна навигация по данным страницам вида: « Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя »с последующим добавлением страниц с данными вида <p class="data">5 июля 2014 года</p> или <p class="data">5 июля 2013 года</p> в архив (числа и месяцы любые):« Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя » Архив новостей Какие есть варианты решения моего вопроса без использования базы данных?

    Asked by Totalist, July 18, 2015

    0 votes
    12 answers
14. Как float-элемент прижать к нижней границе родителя?

    Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp

    Asked by Goodman-77, January 18, 2017

    • float
    • bottom
    0 votes
    19 answers
15. Создание таблицы в HTML

    Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt

    Asked by Yarolina, September 16, 2018

    • таблица
    • ячейка
    • столбик
    • строка
    • ряд
    0 votes
    4 answers
16. Как создать элементы в меню?

    Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?

    Asked by viliksar, November 5, 2018

    0 votes
    8 answers
17. наследование свойств CSS

    Всем привет! Столкнулся вот с такой проблемой, не понимаю в чем прикол, http://undersky.ru/chocopie/test.html есть внешний и внутренний дивы, у внешнего задан line-height: 30px и это line-height судя по информации он вобчем наследуется, но непонятно почему тогда на блок #inner и p, собсно line-height никак не воздействует, хотя в файербаге есть инфа что он все таки унаследовался, а на деле не видно

    Asked by TonKhaO, February 11, 2010

    0 votes
    12 answers
18. Помогите. В IE 6 стиль показывается по-другому.

    Есть такой стиль, прописанный в файле css .list3 li a { background:url(images/bull-1.gif) no-repeat left 6px; padding:0 0 0 13px; text-decoration:none; display:block;} Во всех браузерах показывается норм, а в IE6 - лишний отступ между буллитом и текстом. Как исправить? Как пользоваться конструкцией: <!--[if lte IE 6]--> Пожалуйста, подскажите, кто с таким сталкивался.

    Asked by mne150let, August 24, 2010

    0 votes
    24 answers
19. Исчезает блок (position: absilute) при скроле.

    Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.

    Asked by volshebnyi, September 19, 2016

    0 votes
    14 answers
20. Проблема со скриптом для изменения прозрачночти в FireFox и Opera

    Такой скрипт: /////////////////////////////////////////////////////////////////////////// var doclick=new Array(0, 0, 0, 0, 0); function onover(obj, par) { if(doclick[par]==1 && document.getElementById(obj).style.opacity<0.60) { document.getElementById(obj).filters.alpha.opacity+=4; document.getElementById(obj).style.opacity=(parseFloat(document.getElementById(obj).style.opacity)+4/100); setTimeout("onover('"+obj+"', "+par+")", 6); } } function onout(obj, par) { if(doclick[par]==0 && document.getElementById(obj).style.opacity>0.20) { document.getElementById(obj).filters.alpha.opacity-=4; document.getElementById(obj).style.opacity=(parseFloat(do…

    Asked by nemecfc, October 5, 2007

    0 votes
    5 answers
21. Почему Mazila Firefox себя так вед?т?

    Почему при нажатии ctrl+F5 вс? съезжает вниз? А при прастом обнавлении (F5) вс? становится на сва? место... ((( Вот ссылка на страницу с глюкам http://podguzniki.su/pochemu_luchshe/

    Asked by antonP, June 7, 2008

    0 votes
    9 answers
22. Помогиет пожалуйста с таблицами

    Здравствуйте. Уже как 2 месяца сижу над одной проблемой. у меня есть сайт www.maxo.net.ua внизу сайта есть лепесток, в IE все нормально не отрывается на части, в Opera и Firefox отрывается, и при нажатии на ссылку: услуги и цены лепесточек должен быть внизу, а не как в опере и farefox один кусочек на верху другой внизу. Помогите пожалуйста, Заранее большое спасибо.

    Asked by No_LiMiT, October 27, 2008

    0 votes
    3 answers
23. Вопрос относительно сбившейся кодировки(ромбики с вопросами)

    суть вопроса: По факту есть сайт, при этом часть его контента отображается нормально, а часть в ромбиках с вопросами. Путём исключения, дошёл до того, что ромбиками выходит только текст прописанный в PHP. Тот текст который генерится по средствам CMS - отображается на 4. На 4, потомучто символы "ч", "щ" и "ш" - рисует всё теми же вопросами. что делал: менял кодировку на windows1251(UTF-8 - по дефолтам) - не помогает в голову не приходит других решений. Помогите кто чем может.

    Asked by wick, August 16, 2009

    0 votes
    1 answer
24. прицепить резиновый футер к фиксированному центру

    есть такая структура: есть фоновые хедер, мид и футер, растянутые на 100% ширину окна браузера. Сам контейнер сайта фиксированной ширины по центру(с помощью position:absolute накладывается на фон). Как сделать так чтобы положение 100%-го по ширине футера менялось в зависимости от содержимого контейнера. Т.е. грубо говоря футер цепляется к дну контейнера и гуляет вверх или вниз в зависимости от того как заполнен содержимым контейнер. надеюсь понятно объяснил :-)

    Asked by LiveFree, August 28, 2009

    0 votes
    5 answers
25. Не проходит валидность атрибут data-lightbox

    Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example". <!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" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.m…

    Asked by 13bis, February 5, 2014

    • lightbox
    • html
    • css
    • valid
    0 votes
    5 answers