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
-
Ячейка теперь не ячейка
Может кому пригодится, сегодня обнаружил, что если ячейке сказать "дисплей блок", то ее спокойно можно вынимать из таблицы и располагать куда угодно отриц. маргинами, позиционированием. Проверил только в Опере, ФФ и ИЕ: да, да, нет(включая 8).
0 votes2 answers -
Выпадающее меню
Добрый день! Подскажите пожалуйста как сделать, что бы второе "Page 3" выпадало справа от первого? наперед спс кто поможет) <style type="text/css"> .menu { width:500px;} .menu ul { list-style:none; margin:0px; padding:0px;} .menu ul li { float:left; margin:0 0 0 2px; text-align:center;} .menu ul li a { display:block; width:100px; background:#3366FF;} .menu ul li a:hover { background:#FF0000;} .menu ul li ul { display:none; width:215px;} .menu ul li ul li { float:none; margin:5px 0 0 0;} .menu ul li:hover ul { display:block; position:absolute;} .menu ul li ul li .ul { display:none; float:left;} .menu ul li ul li .ul2 { display:none; float:none; position:…
0 votes1 answer -
Как состыковать элементы формы
Всем привет, подскажите пожалуйста, как вот эту форму из картинки, поля ввода и кнопки состыковать в один "неразрывный" элемент код формы: <form action="index.php" id="search_id" method="get" onsubmit="return search_checkup();"> <a href="/index.php?language_id=1§ion_id=31"><img alt="Помощь" class="help" src="templates/images/search_help.png"></a> <input accesskey="s" alt="Поиск" id="text_id" maxlength="64" name="text" title="Поиск" type="search" value="" /> <input alt="Поиск" id="submit_id" src="templates/images/search_submit.png" title="Поиск" type="image" value="Поиск" /> </form> CSS-к…
0 votes4 answers -
таблица резина ячейки
есть таблица: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <td width="40%" valign="top"></td> <td width="405px" valign="top"></td> <td width="20%" valign="top" align="center"> </td> <td width="107px" align="center" valign="top"></td> <td width="20%" valign="top"></td> <td width="172px" valign="top"></td> </tr></tbody> </table> Хочу понять от чего считаются процентные ячейки?? От ширины родит. элемента, а пиксельные ячейки потом отрисовываются?? Или же сначала рисуются ячейки значений пикселей, а потом процентные ячейки берутся …
0 votes3 answers -
Музыка на разных html страницах
Здравствуйте, подскажите пожалуйста возможно ли сделать музыку (например на флешке) на сайте на всех html страничках, при условии, если я отключу музыку во флешке на одной страничке, они отключаться на другой. Не обязательно на флеш. Вообще возможна такая затея средствами html и php? В деталях Есть 3 простых html странички, на каждой стоит плеер (флешка) с кнопкой плей и старт. Далее если я например отключу музыку на первой страничке и далее захожу на вторую, то естественно музыка начинает играть заново, и приходится снова отключать. Подскажите, как реализовать чтобы выбор запоминался во флешке и передавался на другие странички, чтобы заново не отключать в плеере. Или воз…
0 votes3 answers -
Второй шаг. Тянем резину
Представляю свой второй сверстанный макет FirstOrange Прошу посмотреть, оценить, покритиковать и наставить на путь истинный в дальнейшем освоении этого увлекательного занятия
0 votes7 answers -
Появилась пустая область перед таблицей
В IE 9 Все нормально: В опере и в FF вот так: вот пример с видимыми границами: Сам код таблицы <table width="100%" border="1" cellspacing="0" cellpadding="5"> <tr><td align="left">Андрей Шишкин - Лола</td><noindex><td width="10%" align="center">[audio:http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%BA%D0%B8%D0%BD%20-%20%D0%9B%D0%BE%D0%BB%D0%B0.mp3]</td><td width="10%" align="center"><a href="http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%B…
0 votes2 answers -
Как сделать чтобы фон не просвечивал полупрозрачный бордер?
subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …
0 votes3 answers -
Смена цвета текста при наведении на div с картинкой и текстом...
Доброго времени суток! Проблема заключается в следующем: есть DIV в котором размещены картинка и текст. Мне нужно сделать это всё как ссылку для открытия модального окна (это сделал) и чтобы текст менял свой цвет. Вот отрывок кода: PHP <span class=\"span_link\" onclick=\"ShowModalbox()\"> <div style=\"width: 100px; height: 100px;\"> <img src=\"".$prev_link."\" style=\"padding-top: ".$marg_top.";\"> </div>".$product['product_name']." </span> CSS A:link, A:visited , .span_link { cursor: pointer; text-decoration: none; color: #6593CB; } A:hover, a.botlink:hover, .toplink:hover, a.copyright_link:hover, .close_link:hover, .span_link :hove…
0 votes3 answers -
<ul>
Здравствуйте, подскажите можно ли выровнять список <ul> по правому краю, т.е. символ (например точка или квадрат) должен быть не слева, а справа от текста?
0 votes3 answers -
Разъезжается главное меню
Здравствуйте! Сверстал свой первый сайт "http://lodkibark.in.ua", но есть проблема. При Изменении масштаба страницы в любом из браузеров разъезжаются составные блоки главного меню и само меню сильно смещается в горизонтальной плоскости. Перекрутил разные варианты, но решения найти не смог. Меню сверстано на div, может нужно сделать на таблицах. Прошу совета! Хотя бы в каком направлении копать? Может еще какие ляпы в верстке заметите...
0 votes7 answers -
Позиционирование
Почему не работает ? http://jsfiddle.net/ В основном не пашет вертикальное позиционирования, а тут оба (
0 votes12 answers -
Элемент переносится на следующую строку; почему?
Хелло ворлд! Я в верстке недавно и зелен как побег фасоли. Ссылка. Под большим блоком находятся спаны, последний из которых почему-то переносится на следующую строку. Почему? Ведь ширина спана равна 260 пикселов, отступ справа - 10 пикселов, у последнего элемента он отсутствует; 3 отступа по 10 пикселов и 4 спана по 260 пикселов равно 1070 пикселов; ширина <nav>'а равна 1080px В чем проблема? P.S. С математикой усе хорошо вроде.
0 votes3 answers -
Форма, стандартное value
Как сделать чтобы при клике на поле формы убералась стандартная надпись в каждой строке? Это можно сделать только средствами CSS? или нужно JS привлекать? сайт на котором провожу експеременты: _novarobota.in.ua
0 votes3 answers -
Фоновая картинка на всю ширину
Привет всем! Как верстается фоновая картинка, которая в psd макете выглядит как бы на всю ширину макета? То есть, такая, которую нельзя за-repeat-ить, которая полноценная картинка. На этой странице лежат макеты. Я спрашиваю сейчас про такие как 1, 2, возможно 3, 9, 11, 18, 26. Возможно нужно их верстать с фиксированной шириной страницы соответствующей макету, то есть, выравнивается по центру страница, а по бокам определенным цветом. Или как.. Помогите пожалуйста, не могу понять Например, с макетом 4 все понятно, потому что фон везде одинаковый, а вот макет 2 не пойму как правильно делать Надеюсь вы меня поняли , а если нет спрашивайте, что не понятно
0 votes4 answers -
Меню css
Помогите переделать меню из горизонтального в вертикальное <!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 charset="utf-8" http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="styledmenus.com" /><link href="sty.css" rel="stylesheet" media="all" /></head><body><ul id="cssmenu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Проект "Зами…
0 votes2 answers -
Стилизация BOOTSTRAP
Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект. Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект. Если я создам свой файл стилей и буду там переопределять их. Это правильный подход? Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка? Например нет встроенных стилей для футера и т. д.
0 votes1 answer -
Как сделать вертикальное позиционирование блоков
Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.
0 votes4 answers -
Браузер воспринимает html код как текст
Есть такой код: <div onclick="this.replaceWith('<iframe src=\'https://www.facebook.com/plugins/video.php?autoplay=1&href=https%3A%2F%2Fwww.facebook.com%2Fsmotriwow%2Fvideos%2Fvb.378858835552346%2F834370963334462%2F%3Ftype%3D3&show_text=0&width=715&height=400\' width=\'715\' height=\'400\' style=\'border:none;overflow:hidden\' scrolling=\'no\' frameborder=\'0\' allowTransparency=\'true\' allowFullScreen=\'true\'></iframe>');"><img alt="Десерт" src="http://ktonanovenkogo.ru//wp-content/uploads/video/image/10.jpg" width="100%"></div> Но почему то он при клике заменяет картинку на код фрейма. В оригинале кода где я его бр…
0 votes1 answer -
Позицирование элементов
Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …
0 votes1 answer -
Выровнять столбцы в футере
Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!
0 votes3 answers -
Не понимаю, что сделал не так.
Здравствуйте, не понимаю что происходит, максимально простое решение, добавить бэк через css. Сделал класс и прописал в css всё. Не работает, проверил 1000 раз всё, не работает. Код html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="content"> </div> </body> </html> И вот код css .content{ background: url('img/back_header.jpg'); } путь к картинке D:\web\Flaby\img Уже не первый день…
0 votes3 answers -
Выровнять таблицу по центру окна (по горизонтали)
Нашел только выравнивание текста
0 votes1 answer -
Выделение данных в таблице.
Здравствуйте. Подскажите пожалуйста, возможно ли изменить направление выделения данных в таблице из построчного в выделение данных по колонкам (как, например, в таблицах Word)? Это нужно для того, чтобы иметь возможность скопировать текст, находящийся в колонках таблицы и последующей работы с ним.
0 votes3 answers -
меняетм шапку
есть шаблон с шапкой img1 нужно на некоторых страницах img1 заменить на img2, третих на img3 как-то можно поставить типа маркер в статье, чтоб из css брал соответствующих рисунок
0 votes3 answers