HTML Coding

29,542 questions in this forum

1. display flex - в Firefox как то не так работает.

   Есть вот такая конструкция.. http://jsfiddle.net/4376rfy8/3/ В IE, Google Chrome и Opera вроде работает, а вот в FireFox текст в левой колонке почему то съезжает вниз, методом тыка выяснил что скорее всего виноват display: table; в родительском контейнере. Но вот обойти этот глюк пока не могу придумать как((( Может кто сталкивался с подобным!? Что нужно в итоге: 1) левая и правая колонка одинаковой высоты с плавующей шириной 2) в правой колонке 4 блока которые центруются(выравниваются) по вертикали, причем верхний блок должен прилипнуть к потолку, а нижний к полу.

   Asked by vasa666, September 16, 2015

   • Firefox
   • display
   • flex
   0 votes
   3 answers
2. Прилипание блока к видимым границам

   Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, за…

   Asked by serzh82saratov, November 21, 2017

   • position
   • sticky
   • ie
   0 votes
   12 answers
3. HREF - закачка с фаилами

   Как реализовать возможность закачки файла с сайта? Речь идет о файлике .doc, может это вообще уже раздел PHP?

   Asked by drakonya_zakuska, May 28, 2007

   0 votes
   2 answers
4. Drupal+Smarty: настройка профиля пользователя

   Добрый день! Мне необходимо кастомизировать страницу пользователя (например, www.example.net/user/20). Знаю как решить данную задачу, если вместо Smarty используется PHPTemplate. А в указанной связке - кто-нибудь сталкивался с этой проблемой? Помогите, пожалуйста

   Asked by Millenium, September 9, 2009

   0 votes
   7 answers
5. Как убрать нижнюю линию под текстом который является ссылкой?

   вот нужно убрать линии под текстом который является ссылкой или как нибуть обойтись без тега &nbsp: Вот скрин вот сам код html <table border="1" hspace="20" vspace="20"> <tr> <td> <img src="images/Apple iPad 4/ip2.jpg" width="150" height="200" border="1" alt="ipad 4"> <h4 style=" margin: 0px 0px 0px 10px"> <a href="iPad 4.html"> Apple iPad 4 128 ГБ<br> белый, черный. </a> </h4> <h3 style=" margin: 0px 0px 0px 10px"> </h3> </td> <td> </td> </tr> </table>

   Asked by Виктор146, June 2, 2013

   0 votes
   9 answers
6. Из PSD в HTML,CSS

   Ребята,объясните мне начинающему верстальщику,как сделать из PSD сделать сайт в HTML,CSS . Я понятия не имею как с фотошопа вырезать картики,иконки,текст,и как всё воплотить в HTML. Теоретически понимаю,а вот с чего начать не знаю. http://www.picshare.ru/view/3341745/

   Asked by vitaxastifler, November 19, 2013

   • HTML
   • CSS
   • PSD
   0 votes
   21 answers
7. Передача фокуса родительскому окну

   window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)

   Asked by rootv, October 12, 2011

   0 votes
   8 answers
8. Две проблемы с тач-устройствами

   Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…

   Asked by Elflight, December 2, 2013

   • ipad
   • touch
   0 votes
   5 answers
9. Зачем нужна следующая конструкция в CSS

   Наткнулся на конструкцию: .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block;} Зачем в ней ставится "." после блока clear, и зачем переопределяются свойства display, сначала одно, потом другое? Заранее спасибо!

   Asked by newенький, July 18, 2009

   0 votes
   4 answers
10. Код из FrontPage исполняется, аналогичный ручной - нет

    Я делаю первые шаги. Создала элементарный код, проверила валидатором. Не исполняется (в IE6, Mozilla). Аналогичный код в FrontPage исполняется. Как можно объяснить ситуацию?

    Asked by ZoiaFK, November 28, 2009

    0 votes
    12 answers
11. С чего начать?

    Нарезал Макет, Шапка, банеры, текст, подвал! Каким образом теперь мне поместить Шапку на место? (DIV-ная верстка) Буду весьма признателен за помощь!

    Asked by sv12, March 19, 2010

    0 votes
    20 answers
12. Нужна помощь со списком select

    <div class="hidden-desktop"> <hr /> <select id="collapsed-navbar " class="content span12 collapsed-nav onchange="location.href=this.value""> <option selected="selected" disabled>Выберите пункт меню</option> <option class="page-home" value="">Главная</option> <option class="page-home" value="">Обратная связь</option> <option class="page-home" value="">Реклама на сайте</option> <option class="page-home" value="">Раздел</option> <option cla…

    Asked by sokolovjack, November 23, 2013

    • html select option
    0 votes
    4 answers
13. Ошибка в IE при верстке картинками

    Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В 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> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…

    Asked by Tigrish, May 14, 2008

    0 votes
    3 answers
14. Градиентный фон

    Подскажите, как сделать тянущийся градиент на фоне. Известно два крайних цвета, они должны сохраняться при любой ширине блока. Подозреваю, что нужен SVG/VML, никто пример не подскажет? Не дается что-то с лету...

    Asked by rash, July 13, 2009

    0 votes
    16 answers
15. Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

    DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

    Asked by Roma-Pro, August 10, 2016

    • html
    • css
    • scroll
    • div
    0 votes
    8 answers
16. Мозила и Эксплоэр

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

    Asked by ILU, October 7, 2007

    0 votes
    9 answers
17. по-разному отображается страница

    вот код страницы, которая требуется: ———————————————————————————————————— <!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=utf-8"> <title>...::: Тестовая страничка. Почему по-разному отображается??? :::...</title> <style type="text/css"> html {width: 100%; height: 100%; padding: 0; margin: 0;} body {width: 100%; height: 100%; padding: 0; margin: 0; background-color: #dedede; font-size: small; color: #000000; font-family: Verdana, Arial, sans-serif; text-align: justify;} a:link, a:visited {color: #0000ff; text-decorati…

    Asked by PEOP, December 24, 2008

    0 votes
    12 answers
18. Отступы в списке

    Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…

    Asked by Vlad, February 14, 2011

    0 votes
    33 answers
19. Pixel Perfect для Mozilla 6.01

    Здрвствуйте! При установке 6-ой Mozilla столкнулся с проблемой того что в ней не работает дополнение "Pixel Perfect"! Подскажите кто знает существует ли какой нибудь выход в данной ситуации? Возможно есть какая нибудь альтернативная программа для точной сверки положения макета относительно верстки! P.S. Буду признателен за любые ответы...

    Asked by Yamaradg, September 1, 2011

    0 votes
    15 answers
20. ie11 не отображает подключенный шрифт

    Сделал шрифт из иконок через сервис http://fontello.com/ Все прекрасно работает во всех браузерах, даже в ie8,9 проверил, отображаются. А открыл в ie11 не отображаются. Вот на этой странице с правой стороны блоков. Подключаю так: @font-face { font-family: 'post-types'; src: url('font/post-types.eot?8381614'); src: url('font/post-types.eot?8381614#iefix') format('embedded-opentype'), url('font/post-types.woff?8381614') format('woff'), url('font/post-types.ttf?8381614') format('truetype'), url('font/post-types.svg?8381614#post-types') format('svg'); font-weight: normal; font-style: normal;}В чем может быть проблема? Помогите пожалуйста. Гугл не помог. Так же есть ли во…

    Asked by li4e, February 8, 2014

    0 votes
    2 answers
21. Требуется Оценка Вёрстки на HTML5...

    Здравствуйте. Решил переверстать для себя титульную блога с HTML_4.01 на HTML5(впервые)и по ходу дела возникли некоторые вопросы: 1) Существует ли на сегодняшний день идеальная,с точки зрения отображения, реализация {text-shadow} для IE-7,8,9 ? 2) Стоит ли пользоваться Placeholderом(в инпутах)? Если учесть тот факт, что некоторые браузеры этого не понимают... (если кто скинет ссылку на удобный пример того, как именно это необходимо делать(с поддержкой всех браузеров) - буду благодарен.) 3)Также возникли вопросы по семантике, в связи с чем хотел бы выслушать критику(в разумных пределах),относительно следующей страницы: http://webmaster.ayrveda.ru/Ozdorovlenie-Organizma/ind…

    Asked by Yamaradg, August 13, 2012

    0 votes
    22 answers
22. Возможно ли это?

    Есть ячейка: <td width="225" height="50" background="ABS.jpg" alt="" align="center">. В ней ссылка. Нужно, чтоб при наведении курсора на ячейку картинка поменялась на OABS.jpg Испробовал массу вариантов и через фон ссылки, и через CSS. Нулевой результат((( Возможно, что html не дает возможности это воплотить. Подскажите.

    Asked by admelj, July 5, 2009

    0 votes
    18 answers
23. Активный пункт меню при наведении курсора на выпадающую часть ?

    Пользователь водит курсором по выпавшему блоку ссылок и пункт меню должен оставаться вдавленным ну или нажатым, как это сделать на css? или такое только на js нужно делать? И еще как сделать стрелку к пункту меню на css ?

    Asked by ilyas, August 17, 2013

    0 votes
    4 answers
24. XML. Elelement.text почему то не работает в Firefox

    Оочень сильно удивился, когда firefox вместо содержимого элемента выдал undefined. Вроде бы и запрос то немудреный. Я бы даже сказал самый обычный. NodeList[0].childNodes[0].text либо же NodeList[0].childNodes.item(0).text одинаково реагирует undefined. IE и Opera отработали так как надо. Почему так? ЗЫ. При запросе атрибута элемента NodeList[0].attributes.getNamedItem('Name').value firefox отрабатывает.

    Asked by Eugen, July 15, 2009

    0 votes
    12 answers
25. Процесс верстки сайта ЦТ «CARBON»

    Дизайн главной страницы родился: Сейчас происходит знакомство с версткой. Начала и подзависла в шапке с относительным позиционированием - не хочет сдвигаться.. <body> <div id="header"> <div class="logo_table"> <table border="1"> <tr> <td><img src="img/header/logo.png" alt="Центр Тонирования «CARBON»" /></td> <td> </td> </tr> <tr> <td align="right"><img src="img/header/button.jpg" alt="скидка 5%" /></td> <td><span class="style1"> +7 (4732) 93-90-50<br /> +7 (4732) 94-94-66<br />профессиональное тонирование</span></td>…

    Asked by art-Limon, August 20, 2009

    0 votes
    9 answers