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
-
Верстка составной иллюстрации
Здравствуйте. Я столкнулся с такой проблемой: есть иллюстрация, разбитая на три блока — левый, средний и правый, каждый из них имеет свой hover. Проблема в том, что кусок иллюстрации из правого блока наслаивается на кусок иллюстрации из среднего. Вопрос в том, как это сверстать? Как видите, просто порезать изображение на три части не выйдет. Заранее спасибо.
0 votes1 answer -
Поясните код
Поясните пожалуйста по строчкам как выполняется скрипт? Первые 5 строк понятны, а дальше нет. var text = "Anita is tired. Anita is home. Anita needs to move.";var myName = "Anita";var hits = [];for (var i = 0; i < text.length; i++){if (text[i] === myName[0]){ for (var j = i; j < (i + myName.length); j++){ hits.push(text[j]); }}}
0 votes4 answers -
проблема с тенью
всем доброго времени суток помогите кто может, суть вот в чем: http://htmlbook.ru/css3-na-primerakh/teni в примере два показано как убрать тень с определенного участка, но это делается путем наложения пвсевдоэлемента ::after, и элементов с фоном. тоесть тень не видно изза фона, а как быть если фон почти прозрачный??? например в RGBA 0,5 ??? пример моего творения тут https://jsfiddle.net/4546hfwx/ ссылку на сайт дать не могу, на ДЕНВЕРЕ делаю подскажите как быть, а то картинками делать не хочется, заранее спасибо
0 votes2 answers -
Аудиоплеер без js
Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?
0 votes1 answer -
Как сверстать картинку без таблиц и css?
Добрый день. Подскажите пожалуйста, как, не используя таблиц или css, сверстать картинку следующего вида:
0 votes1 answer -
подскажите как организовать отправку формы
Как сделать чтобы после заполнения и отправки этой формы пользователя я смог бы это просмотреть в каком нибудь файле. <form method="(не знаю что здесь писать post or get)" action="(здесь незнаю какой файл указать)"> <table width=100%> <tr><td align=right>Имя:</td> <td align=left><input type=text name=f_name size=30></td></tr> <tr><td align=right>mail</td> <td align=left><input type=text name=f_mail size=30></td></tr> <tr><td align=right>сообщение</td> <td align=left><textarea cols=40 rows=5 name=f_message></textarea></td></tr> <…
0 votes2 answers -
Карты-изображения+Rollover image
Здравствуйте ! Можно ли присоеденить Карты-изображения к Rollover image ?
0 votes1 answer -
Как Сделать Редактирование Текста
Здравствуйте! У меня есть букс. На него нужно добавить возможность редактировать задания. Как это сделать?
0 votes2 answers -
"Перелинковка" картинки на видео
Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube
0 votes2 answers -
Выподают изображения из блока
Такая проблема. Переделываю шаблон с табличной на блочную верстку и столкнулся с такой проблемой, есть блок для контента: div id="content" Стиль: #content { width: 500px; padding: 10 10 10 10px; background: #fff; Родительский блок: #container { width: 520px; float: left; padding: 0 220 0 240; position: relative; Вставляю изображение и текст в блок content. По высоте текста блок растягивается, а вот изображение торчит снизу и блок не растягивает в низ. Как быть ?
0 votes2 answers -
сделать много ссылок
<p>Agents & Brokers Apartment / Rental Appraisal Directory Builder Directory Business Broker Buyers Agents Commercial Central Consultant Discount Brokerage Escrow and Title Service Foreclosure Central Relocation Expert ********** Resort Online Search Listing Web Service </p> p{white-space:pre;} нужно сделать много ссылок!!как поступить чтобы не писать много тегов <a>??может есть решение через скрипт?
0 votes8 answers -
Таблица при помощи <li> css
Здравствуйте! помогите решить одну проблему: есть список, который выводит категории с подкатегориями сайта в виде таблицы Категория1 Категория 2 Категория 3 ———— ———— ———— ———— ———— ———— ———— ———— ———— ———— Категория 4 Категория 5 ———— ———— ———— ———— Как реализовать вывод категорий таким образом Категория1 Категория2 Категория3 ———— ———— ———— ———— ———— ———— ———— КАТЕГОРИЯ5 ———— ———— ———— ———— ———— ———-- Категория6 КАТЕГОРИЯ4 ———— ———-- ———— ———— ———-- ———— …
0 votes6 answers -
Помогите разобраться с полем!
Всем доброго времени суток. Только начал свой путь верстальщика. Сейчас работаю над одним из учебных шаблонов данного форума. Мой style.css html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } #header { height: 401px; background: url(images/header_bg.png) repeat-x; } #header .contact…
0 votes3 answers -
Небольшая проблема с JQzoom
Если резко переместить курсор вправо и остановить его на увеличенной области то она не исчезает вот пример Сайт BigLion использует этот плагин, пробовал копаться в их коде но не шашел как они смогли решить данную проблему, у них если быстро навести на увеличенную область которая справа то она исчезает как и положенно, вот пример
0 votes2 answers -
Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?
Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.
0 votes0 answers -
vertical-align
Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")
0 votes2 answers -
Подключение FontAwesome SCSS
Всем здравствуйте! Хочу подключить Fontawesome , используя миксин бурбон font-face. Вроде все компилируется правильно,все пути до шрифта прописаны верно(другие шрифты подключаются нормально), но результата не видно. Попробовал CDN - все ОК. Возможно кто-нибудь знает как решить такую проблему? P.S. Гугл ничего толкового не выдал(.
0 votes3 answers -
Цвет рамки вокруг кнопки
Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?
0 votes4 answers -
Меню
Подскажите пожалуйста как нить можно применить стиль для тега "a" только в меню? Или несколько стилей для того же тега на одной странице? Спасибо!
0 votes2 answers -
неправильно отображается ширина div в ie 6
Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…
0 votes1 answer -
СОС!Помогите пожалуйста найти ошибку!
Приветствую всех! Дело такого рода: К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover Вот соответствующий листинг: #menu { textalign: center; width: 739px; height: 34px; margin: 0 auto; padding: 0 auto; background: url(images/menu1.gif) no-repeat; background-position: top center; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } ... #menu:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } ... .boxed { margin-bottom: 7px; filter:alpha(opacity=70); -moz-opacity:0.7; background: #f8f8f8 url(images/boxtop.gif) repeat-x; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebe…
0 votes0 answers -
Чокнутый фон
Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.
0 votes2 answers -
Проблема верстки
Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…
0 votes3 answers -
Доктайп с пробелами или нет?
Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?
0 votes4 answers -
помогите с ошибкой
body { background:#0e0b06; margin: 0; } #heder { background:url(../images/fon_heda.png) repeat-x; width: 100% ; height: 553px; margin: 0; border: none; position: absolute; } #logotip { background:url(../images/logo.png); } почему не отображается background:url(../images/logo.png); , или я чего то не понимаю в наложении слоев? Код html <!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"> <link rel="stylesheet" type="text/css" href="css/mysite.css"> <title>Моя первая веб-страница</title&…
0 votes3 answers