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
-
Лишние отступы
Здравствуйте! Такая проблемка: при расположении двух изображений рядом (бок-о-бок) задаю одному 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 -
Форма в html
Создание хранилища данных на примере localStorage. (вроде как по принципу блокнота). http://jsfiddle.net/wBSyd/2/ Если не трудно, подскажите, где ошибка - почему не сохраняются записи. Где-то очень глубоко, чисто интуитивно догадываюсь, что собственно сохранять их как-бы и не где. Но вот конкретно - увы, не понимаю. Заранее благодарю за любую помощь - подсказку.
0 votes2 answers -
Анимация на css3
Всем привет! Имеется вот такое вот меню. Хотелось бы сделать плавное наполнение заднего фона пунктов меню при наведении, но так, как задний фон сделан из "спрайта" выглядит фигово. Можно ли как-то сделать красивое, плавное наполнение (насыщение). http://jsfiddle.net/eW3YR/1/
0 votes6 answers -
Фундаментальные законы HTML и CSS
Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.
0 votes4 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 -
Подключение СSS не из корневого каталога
Как указать путь для подключения файла CSS, который в папке корневого каталога, в html файле расположенном на два уровня ниже в корневом каталоге ? | ———- |——--| style | | ———- | | | ———- css_file.css | | | ————-- |——--| parent1 | | ————-- | | ————-- | ——— | parent2 | | ————-- | | | ————-- file.html В file.html нужно в подключении указать путь к css_file.css
0 votes3 answers -
Табличная вёрстка.
Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.
0 votes4 answers -
Рамка банера
Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку. Вот исходник style.css #baner{border-color:orange; text-align:center; border-style:ridge; border-width:15px; } HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Банер</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <div id="baner"><img src="baner.jpg" alt="Фото "></div> <body> </body> </HTML> Вот результат фото нижу. http://slim.filesurf.ru/20100320/00000010/...ip_image002.jpg
0 votes6 answers -
Правильное выравнивание картинки в текст контента
Добрый день! Вот хочу поделится траблой, или точнее просто своей озабоченностью по поводу размещения картинок в контенте сайта. Например, есть у нас некоторая область сайта, которую мы никогда не меняем, т.е. например футер, хедер, не суть. И есть у нас область контента, на которой размещены, как правило, текст и т.д. Контент на каждой странице разный, но суть размещения, т.е. как он размещается на странице одинакова. Вопрос заключается в том что я не знаю как лучше разместить картинки внутри текста контента, это приходится делать часто, и как то хочется унифицировать этот способ, к тому же чтобы он был правилен, к примеру: 1. Картинка в ссылке идет между текстом. Охота, …
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-