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
-
Таблица
Таблица Стиль задан такой: .table1 { border: 1px solid #CC0000; padding:2px; margin: 2px; background-color:#FFFFFF; } Но на странице не все линии таблицы видны - получается просто внешняя рамка. Где же я ошиблась? Заранее спасибо
0 votes5 answers -
Почему таблица в IE съезжает вниз?
Помогите понять почему таблица в IE съезжает вниз? Может надо чтото дописать классам чтобы она не съезжала. test.html
0 votes3 answers -
Лишние отступы
Здравствуйте! Такая проблемка: при расположении двух изображений рядом (бок-о-бок) задаю одному align='left', другому нет и смотрится нормально, за исключением того, что правое (второе) изображение несколько сползает вниз. Создается такое впечатление, что там появляется какой-то верхний отступ (которого, на самом деле, нет). Такая же ситуация и с дивами (float='left')... От чего это и как исправить? Спасибо. ЗЫ: Извиняюсь, если подобная тема уже была, просто не нашел - поиск как-то криво работает...
0 votes5 answers -
margin: auto - как оно работает?
Добрый день! Скажите пожалуйста как именно работает margin: auto? Тут сказано, что "Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером." Но не совсем ясно, как именно браузер будет автоматически рассчитывать отступы. Каким алгоритмом он руководствуется. Знающие, опишите пожалуйста этот процесс более детально
0 votes3 answers -
Красная строка в тексте.
Скажите пожалуйста с помощью какого тега можно начать текст с красной строки? Прошу ногами не пинать.
0 votes3 answers -
объединить необъединимое
Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <table> <tr> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="240px" height="250px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.…
0 votes12 answers -
Слайдеры!
Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <body> <div id="slider"> <div id="content"> <div id="slide01"> <div id="slide02"> <div id="slide03"> <div id="slide-inner"> <div class="page" id="page1"><img src="img/exclusive_yachts_00.png"></div> <div class="page" id="page2"><img src="img/exclusive_yachts_01.png"></div> <div class="page" id="page3"><img…
0 votes1 answer -
Анимация на css3
Всем привет! Имеется вот такое вот меню. Хотелось бы сделать плавное наполнение заднего фона пунктов меню при наведении, но так, как задний фон сделан из "спрайта" выглядит фигово. Можно ли как-то сделать красивое, плавное наполнение (насыщение). http://jsfiddle.net/eW3YR/1/
0 votes6 answers -
Как работает код
Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>
0 votes9 answers -
Распознавание CSS в FireFox.
Приветствую и прошу помощи . Возникла интересная ситуация: IE6 и Opera отображают страницу более-менее нормально, тогда как FF3.0.3 отказывается воспринимать CSS вообще. Кроме того, это происходит только на страницах с картинками (остальные страницы отображаются всеми браузерами адекватно). Так же ведёт себя и NVU. По-моему, проблема не в коде, хотя, если он может потребоваться, то - вот он (в донельзя упрощённом варианте): CSS: * {font-family: Times, Arial, sans-serif;} #BODY, #COMM { text-align: justify; margin-left: 10%; margin-right: 10%;} HTML: <html> <head> <link rel="stylesheet" href="../../css/Text.css" type="text/css"> </head…
0 votes4 answers -
Верстка в 2 слоя и их позиционирование
Добрые друзья! Обращаюсь к вам с вопросом, который не могу разрешить уже несколько дней... Есть страница, сверстанная слоями: Заголовок и подвал растягиваются в длину. Content - в длину и в высоту. Слой mini является чем-то вроде боковой колонки. Его высота иногда меняется, а ширина - нет. Вся проблема в том, что когда в слое content мало информации, слой mini наползает на подвал, перекрывая его! Я никак не сумел исправить эту проблему. Пытался использовать табличку, запихнув content и mini в две соседние ячейки, но это лишь породило новые проблемы - т.к. в content'e часто находится преформатированное содержимое (тег <pre>). Пробовал позиционирование - absolute о…
0 votes1 answer -
Не работает border-collapse
Ставлю этот параметр на collapsed и всеравно между ячейками две линии.(
0 votes2 answers -
SSI
У меня установлен Apache и php, а как мне подключить SSI?
0 votes3 answers -
Растояние между словами(ссылками)
Такая проблемка, не знаю как сделать так что бы два слова используемые как ссылки отодвинуть друг от друга на разумное растояние? Слова распаложены в одной строчке которая состоит из одной ячейки которая объединена на 3. <tr> <td class="shap1" colspan="3" > <a href="http://shima.ru">Главная</a> <a href="http://shima.ru/avtor.html">Об авторе</a><br> </td> </tr>
0 votes5 answers -
Div вёрстка и css
Не понимаю что "Не Так". Должны быть две картинки с логотипом, ксс на дивах отличаются только позиционированием, z индексом и тем что один класс, а другой ид. Помогите... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> div#logo {url(img/LOGO.gif); Z-INDEX: 1; relative; top: 100px; left: 100px; right: 100px; bottom: 1300px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible; } div.button { BACKGROUND-IMAGE: url(img/LOGO.gif); Z-INDEX: 2; relative; top: 100px; left: 300px; right: 100px; bottom: 1100px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible;} BODY …
0 votes6 answers -
код+псд=?
до меня все никак не может дойти, сколько я не старался донести до себя следующую информацию: как происходит совмещение кода страницы и непосредственно шаблона ( псдшка ), с помощью каких программ, и как это называется в общем ? тухлые помидоры оставьте при себе, сами такими были
0 votes6 answers -
Эмуляция placeholder в старых браузерах
Написал небольшой javascript, который эмулирует работу нового атрибута placeholder, появившегося с приходом htm5, в старых браузерах (особый смысл это имеет в ie). Placeholder - выводит текст внутри поля формы, который исчезает при получении фокуса. В сжатом виде скрипт весит всего 1 609 байт. Плюсы данного решения: Не какого лишнего js-кода в html Маленький размер Не нужны сторонние библиотеки (например я находил решения с использованием jQuery) Обработка отправки формы на сервер (т.к при эмуляции подсказки хранятся в value они могут быть отправлены на сервер вместе с другими - заполненными полями). Placeholder.js обрабатывает эту ситуацию и не посылает лишние данные н…
0 votes5 answers -
Первый раз устраиваюсь на должность HTML верстальщик
Друзья, вчера был на собеседовании в одной it-ой компании и получил возможность у них работать. Это мой первый опыт в html кодировании. Сказали что две недели я буду ходить к ним бесплатно работать а потом если моя кандидатура подойдет дадут возможность уже зарабатывать. Подскажите чего ожидать на этой должности, к чему относятся с особым вниманием, а на что и глаза закрывают. Спасибо!
0 votes13 answers -
Центрировать галерею Widgetkit
Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.
0 votes2 answers -
Ширина ячеек таблицы
Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>cell width</title> <style> td { border: 1px solid; } </style> </head> <body> <table> <tr> <td width=300>Cell1</td> <td width=50>Cell2</td> </tr> </table> </body></html>На выходе: Собственно, вопрос: откуда получается ширина размером в 304px, когда она задается 300px. Спасибо!
0 votes11 answers -
Форма отправки обманывает
Здравствуйте. На сайте http://www.conturo.net/есть форма отправки при нажатии на Hire me. При заполнении пишет, что отправило. На локальном сервере так же. Письма не приходят. Протестировала пару форм с модали - то же самое. Просто формы работают и отправляют. В чём может быть проблема, не подскажете?
0 votes8 answers -
Шапка и 100% DIV
Наверно, все просто: подскажите, пожалуйста, как реализовать такое: нужна фиксированная шапка и две области под ней: слева аля меню, в ней может быть прокрутка. И справа - вторая область, 100% высоты и ширины всего остального пространства. Таким образом на странице браузера не должно быть прокрутки. Как это можно простыми средствами сделать? Вот что я имею ввиду (см. картинку): идеально, если у шапки будет тень.
0 votes6 answers -
Непонятный глюк или опять FF против MSIE
Сверстал страницу но вот беда, в MSIE все нормально а вот в FF вся картинка почему-то подскакивает вверх (10рх), но опять-таки не сразу, раз 5 перезагрузил. Закрыл FF. Открыл и подгрузил страницу, все гуд, но пару перезагрузок и дизайн полез вверх приблизительно на 10рх. Где искать проблему и что это вообще за глюк? http://politptaha.ho.com.ua/test/11.gif
0 votes1 answer -
Подключение СSS не из корневого каталога
Как указать путь для подключения файла CSS, который в папке корневого каталога, в html файле расположенном на два уровня ниже в корневом каталоге ? | ———- |——--| style | | ———- | | | ———- css_file.css | | | ————-- |——--| parent1 | | ————-- | | ————-- | ——— | parent2 | | ————-- | | | ————-- file.html В file.html нужно в подключении указать путь к css_file.css
0 votes3 answers -
Табличная вёрстка.
Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-