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
-
Белый экран вместо сайта. Локальный сервер opensrever
Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))
0 votes14 answers -
Помогите плз. с менюшкой ...
Помогите с менюшкой, работает в Мазиле, Опере, IE7 а в IE6 нехочет, в IE6 раскрывается только первый пункт, а всеостальные нет ... Вот: <!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=windows-1251" /> <title>Untitled Document</title> <script type="text/javascript"> jsHover = function() { var hEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0, len=hEls.length; i<len; i++) { hEls[i].onmouseover=function() { this…
0 votes15 answers -
Как убрать поле ввода названия файла input type=file?
Всем привет! Хочу видеть одну кнопку с названием "Загрузить" а не "Обзор...". С этим возникли трудности: 1.Подскажите как убрать поле ввода названия файла который создается тегом <input type="file">? 2.Возможно ли поменять название этой кнопки? value не действует.
0 votes7 answers -
Вертикальное выравнивание по центру
Есть div. в нем картинка. нужно сделать что бы эта картинка была по центру дива в котором она находится. <!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>vo4tap</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="vo4tap" /> <style type="text/css"> html, body {pading:0; margin:0; background-color:#000000; height:100%; position:relative; } img {border:0;} #all {min-height:100%; text-align:center; background:#f2ddc6;} </style> </head> <b…
0 votes25 answers -
Проблема: отображение шрифта в сафари
Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...
0 votes17 answers -
Верстка на div в две колонки, в правой div с clear:both
Имеется две колонки (в левом меню, в правом контент). Есть необходимость в правый блок выводить каждый из которых должен начинатся с новой строки. Но возникает проблема, если указываю clear:both, то див переносится до уровня конца левого блока. Какой может быть выход? <style type="text/css"> #menu {width: 270px;background: #e3e8cc;border: solid 1px black;float: left;} #content {background: #e3e8cc;border: solid 1px black;margin-left: 275px;} </style> <body> <div id="menu"> hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit…
0 votes9 answers -
про hover
Слева то что должно быть, справа то что есть. Разница состоит в двух вещах. Первая: когда я навожу курсор на подпункт меню, исчезает стиль с того пункта откуда оно выпало, как сделать чтобы не исчезало??? (я использую тег hover) Второе: Как сделать borded на самом нижнем пункте меню. Если я пишу border-bottom: solid 1px #ccc то под каждым подпунктом появляется border, а мне он нужен только на последнем. p.s. использую CSS Для меню в Joomla. Пример CSS можно найти тут. http://de.siteof.de/extended-menu-templates.html (son-of-suckerfish) Если кто-то реально подскажет, что делать, буду очень признателен!
0 votes12 answers -
Верстаю бесплатно для портфолио
Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!
0 votes24 answers -
не работает page-break-before
в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?
0 votes11 answers -
Меню с прокруткой
На главной странице этого сайта есть своего рода меню "Теги HTML", "Свойства CSS". Организованы в окнах с прокруткой. Как такие вещи делаются? Подскажите в каком направлении двигаться плиз...
0 votes11 answers -
Не открывается модальное окно в IE
html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…
0 votes14 answers -
Автоматическая нумерация строк
Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и 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>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…
0 votes7 answers -
Картинка по центру по верх всего остального
Картинка по центру по верх всего остального. Как сделать. Пробовал позиционированием, но по центру не ровняется. Выравнивания float тоже не помогли. НАдо, чтобы картинка была независима от всего и отображалась поверх всего остального и была прижата к верху.
0 votes10 answers -
Опера
Помогите решить ошибку оперы!!!!Стиль сайта сделан на картинках в опере открываеться как попало как будто стоит фукция случайного вывода картинок!!!Что делать!!!!!Сайт написан с помощью языка PHP!!Заранее блогадарю Кирилл
0 votes12 answers -
Ошибка 403 Access forbidden!
Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?
0 votes2 answers -
резиновая таблица в web диалоге и в простом окне
вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…
0 votes7 answers -
Объединение ячеек таблицы с помощью CSS
Всем привет! Хочу задать такой вопрос: можно ли как-то объединять ячейки таблицы с помощью CSS? Если нет, то можно ли использовать атрибуты "rowspan" и "colspan" совместно с применением стилей? Заранее благодарен.
0 votes3 answers -
Правильная верстка горизонтального меню
Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…
0 votes21 answers -
Вертикальное центрирование блочных эелементов
приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…
0 votes14 answers -
Возможно ли overflow scroll дива вынести на край браузер
Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …
0 votes42 answers -
Зачем нужен position:relative ?
Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.
0 votes7 answers -
Как вставить видео в html
В общем есть видео есть сайт на html. Как можно вставить видео на сайт ?? В формате .avi Ютуб и т.д. не катят по своим причинам... Пробовал тегом <emded> отображается только в IE. А в других браузерах нужно установить какой то плагин. А какой - хз ...
0 votes2 answers -
Youtube влог о вебе интересует ваше мнение
Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…
0 votes41 answers -
Семантическая верстка хедера
День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …
0 votes12 answers -
Проблема масштабирования в IE7
В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…
0 votes23 answers