HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Функция динамического создания таблиц
Ребят, просветите как не вбивая по нескольку раз табличные теги tr/td, прописать в поле кол-во строк\столбцов для реализации таблички(наподобие раз-ных html редакторов в которых существует опция вставки количества rows\cells)
0 votes6 answers -
Overflow-y в IE
Здравствуйте. Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать? Код из template.css .item11 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item8 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item27 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .art-nav li.…
0 votes2 answers -
Разное отображение элементов внутри формы в разных браузерах
Вот сцылка: _http://md.dp.ua/index.php?option=com_content&view=article&id=62 Форма поиска справа на странице. В опере отображается корректно. В мозилле строка поиска немного ниже кнопки Ок. В хроме - немного выше. В ие - норм. Плюс внизу, где форма регистрации - в ие 7 и в мозилла 3.5.. вылазит текст " * Еще нет учетной записи? Регистрация " ниже формы в которой должен находится. Подскажит, пожалуйста, в чем загвоздка?
0 votes3 answers -
JQuery Календарь...
Добрый День! Моя проблема следующая: Cкачал плагин JQuery 'календарь' и при его редактировании у меня возникли дополнительные отступы(около 2px) в IE-7!(между ячейками таблицы на каторых указаны дни недели,а также между числами...) В остальных браузерах всё нормально!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9...) Перепробовал всё что в моих силах - но безрезультатно!(Хотя в таблицах я разбираюсь очень поверхностно,а плагин построин на них!) <table cellpadding="0" cellspacing="0"> применить не удается,поскольку не могу найти соответствующего кода HTML! Он находиться в папке jquery.date_input.js (правда я пока,что не могу разобраться в том - можно л…
0 votes5 answers -
Выравнивание по центру
Добрый день! Кто-нибудь знает, как выровнять по центру блок, у которого стоит свойство float:left и который расположен в блоке с фиксированной шириной: вот разметка: <div style="border:1px solid red; width:200px;"> <div style="border:1px solid green; float:left">123</div> <div style="clear:both"></div> </div> Или это вообще невозможно? text-align:center у родительского блока не катит
0 votes5 answers -
Не проигрывается видео на лок.компьютере
Использую flash-плееры (Uppod, FlowPlayer) для добавления видео на сайт. Если использовать абсолютную ссылку - видео проигрывается. С относительной ссылкой не работает. Помогите, кто может. Спасибо.
0 votes9 answers -
Проблема с версткой в Opera 11
Содержимое страниц с отелями на сайте kompas.webformula.pro неверно отображается в Опере 11. при этом в Опере 9, как и в отсальных браузерах все ок.
0 votes0 answers -
Как выровнять картинки по ширине?
Имеется несколько картинок одинаковой высоты, мне нужно разместить их в диве шириной 1000px, таким образом, чтобы отступы автоматически формировались(что-то типа justify для текста). Возможно ли это сделать без Js ?
0 votes3 answers -
head og HTML ,css
Добрый день, нужна помощъ с создание хедера, очен простоы бг, лого, и картинку, хотелось чтобы объснили , хочется понять как из псд сделат в хтмл.Задание в школе ИТ .
0 votes18 answers -
Приоритет появления картинок
Добрый день форумчане! Это мой второй сайт (для себя) http://кухонный-мир.рф/ Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ???? 1. Я разделил картинку в блоке №1 на маленькие кусочки 2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов) 3. Пробовал размещать картинку из блока №1 в других папках и менял названия НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1 4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установи…
0 votes0 answers -
Почему apple подключает eot шрифты отдельно ?
@font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ?…
0 votes0 answers -
Приоритет селектора класса над селекторами типа
Здравствуйте! Изучаю html и css не так давно хотелось бы уяснить для себя один вопрос.. Почему в некоторых случаях селекторы типа все же имеют приоритет над селектором класса?? В литературе ( https://webref.ru/layout/learn-html-css) поясняется что селектор класса имеет больший вес специфичности, но так получается не всегда.. Ситуация для примера - https://jsfiddle.net/bnzgw6af/ . Заголовок <h2>, абзац <p> и ссылка <a> обернуты классом .hero, для которого применяется белый цвет. Отдельно же для заголовка и ссылки с помощью селекторов типа применяется зеленый.. Почему белый цвет действует только для абзаца? Ведь класс .hero охватывает и заголовок и абзац и…
0 votes2 answers -
Особенности работы col при выходе таблицы за окно
Есть таблица, которая должна быть намного шире окна браузера. Каждая колонка должна иметь фиксированную ширину. Однако, опера9 и ие6 считают, что следует игнорировать тег col, и форматируют содержимое ячеек по минимально возможной ширине. Есть ли красивый способ исправить это? Нужно, чтобы тег col учитывался даже при выходе таблицы за границы окна. Пока единственное найденное решение - добавить width="xxx" к
0 votes1 answer -
Не получается переопределить стили для форм
Переопределяю в css стили для элементов форм. С текстовыми полями, кнопками и textarea все нормально, а вот с элементом select и file просто беда... в IE вообще не работают корректно, в Mozille наполовину. Что делать? select.searchselect { width: 183px; height: 18px; background: URL(../pics/searchselect.jpg) no-repeat; margin: 0px 0px 0px 10px; padding: 1px 0px 1px 5px; border: 0px #b6b6b6 solid; font-size: 11px; font-family: Arial; color: #9ea0a2; }
0 votes4 answers -
Flash mp3 плеер на сайт
Нужен мп3 плеер на сайт, например как на myspace.com, с плейлистом
0 votes2 answers -
Расчёт высоты в IE6
Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.
0 votes7 answers -
Иммитация таблиц
<div class="menu"> <ul> <li class="befor"><a href="#">Свадьба</a></li> <li><a href="#">День<br />рождения</a></li> <li><a href="#">Выпускной<br />балл</a></li> <li><a href="#">8 марта</a></li> <li><a href="#">День влюблённых</a></li> <li><a href="#">23 февраля</a></li> <li class="active"><a href="#">Пасха</a></li> <li><a href="#">Новый<br />год</a></li> <li><a href="#">Тематический<br />праздник</a></li> …
0 votes5 answers -
div меню со span'ами и justify
решил написать резиновое меню с простым концептом: <div id="menu"> <span>menu element 1</span> <span>menu element 2</span> <span>menu element 3</span> </div> на div решил указать text-align: justify и на кажды span небольшие горизонтальные padding'и. тоесть весь мой css выглядит так: #menu {text-align: justify;} #menu span {padding: 0 5px;} но текст не тянется на ширину div'a и располагается слева. нужен совет по исправлению или новый концепт (желательно первое).
0 votes3 answers -
Меню
Здравствуйте, помогите не могу сделать меню, следующего вида: Т.е. меню по центру, состоит из горизонтального списка li, главное то, что оно должно растягиваться по мере наполнения. А по бокам блока меню должны быть прижаты картинки. Получается так что margin: 0 auto не работает так как ширина для меню не задается. Заранее спасибо за ответы. Вся эта конструкция должна располагаться по-центру экрана и растягиваться по мере наполнения!
0 votes5 answers -
Лишние 2px от верхнего края body в Opera и FF
Добрый день! Есть вот такой сайт. В Safari, Chrome, IE6, IE7 всё хорошо. НО. В FF и Opera появляется разница в 2px по высоте между верхними левым правым блоками и центральным. Как это победить? Голова уже квадратная. На просторах интернета не смог найти похожего. Почти лечится хаками для Oper'ы, но тогда такой же косяк в IE7 появляется. HTML <div id="top"> <div id="menuLeft"> <img src="/pics/topMenuLeft.png" class="png" width="225" height="150" border="none" alt="MenuLeft" usemap="#MenuLeftMap"> </div> <div id="menuRight"> <img src="/pics/topMenuRight.png" class="png" width="225" height="150" border="none" alt="MenuRight" usemap="…
0 votes8 answers -
почему не могу задать размеры ячейки таблицы при помощи css?
http://temich11.nxt.ru/table.html -- таблица http://temich11.nxt.ru/style_doska.css -- css В css размер ячеек задан по сто пикселей, но на деле -- гораздо меньше. В чём проблема?
0 votes2 answers -
DOM в html5
Сейчас прохожу данный урок http://htmlbook.ru/html5/canvas, там есть такая строчка Где найти эту строчку var a_canvas = document.getElementById("a");?
0 votes3 answers -
help
почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …
0 votes5 answers -
Display: table в IE6,7
Суть такова: есть блок DIV со свойством display: table в IE 6 и 7 это свойство не работает. Есть ли какой нибудь читерский способ исправить это?
0 votes4 answers -
Стили для input
Здравствуйте! Подскажите, пожалуйста, как для разных типов input правильно прописать разные стили? Необходимо придать отличающиеся друг от друга псевдоклассы :hover и :focus. Дело в том, что для общего input я это могу сделать легко, но тогда тип submit и тип text получают одинаковые стили при наведении и в активном состоянии. К примеру, кнопка "Отправить" наследует стили вышерасположенного окна ввода информации, строки поиска или капчи... Их, вообще, возможно разделить по оформлению? Заранее благодарю за ответ!
0 votes2 answers