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
-
Выплывающее меню слева по щелчку мыши
Здравствуйте уважаемые форумчане! Я не являюсь профессионалом сайтостроения, т.е. о-очень много не знаю. У меня возник такой вопрос. Попробую описать его. Предположим у меня есть блок, который "прижат" к левому краю. При нажатии на данный блок, он должен выдвинуться вправо, "потянув" за собой другой блок. Ну так вот, как это сделать? Подскажите пожалуйста. Вроде понятно. Если нет, буду рад объяснить снова. Прошу простить за косой язык, незнание языков профессиональных и отсутсвие примера (постараюсь найти). Заранее спасибо.
0 votes11 answers -
Обращение к элементам html страницы из php
Добрый вечер, уважаемые форумчане. Задаюсь очередным вопросом. Как обратиться к элементу расположенному на html странице из кода php? А именно, необходимо чтобы при определенном условии в один из фреймов подгружалась определенная html страница. То есть в php реализовать что то подобное: parent.frames["RFrame"].document.location="Quest.html" и подскажите, пожалуйста мануалы по этой теме. Заранее большое спасибо за ответы!
0 votes0 answers -
Страница в Мозиле и в ИЕ
Добрый вечер. Написал сайтец под моззилкой - все было ок, но когда решил под ИЕ запустить получил искажение и не пойму что мешает. у меня на стартовой странице идет таблица в таблице. первая таблица - на полный размер окна браузера, в ней вторая таблица, по центру как вертикально так и горизонтально. вторая таблица разделена на 3 столбца и 3 строки, по периметру заполняется картинками (типа фигурной рамки), а во второй строке и втором столбце размещена информация. так вот между первой строкой и второй появляется промежуток (хотя между второй и третьей такого нет) вот код: <html> <head> <title>InfoSystem</title> <meta http-equiv="Content-Type" co…
0 votes6 answers -
Помогите с отступами
помогите, кто может. не могу увеличить отступ от текста до формы. если же отступ увеличивается, то возникает проблема: текст и форма находятся на разном уровне (как бы на разных строках). как этого избежать? спасибо. <!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> New project </title> <style type="text/css"> .layer1 { padding-left: 80px; /* Отступ слева */ background-image:url(topfon.jpg); color: lightblue; /* Цвет шрифта */ } .ots { margin-left: 80px; /* Отступ слева */ pa…
0 votes7 answers -
SEO верстка
Здравствуйте, есть двухколоночный макет с прижатым футером <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка</title> <style type="text/css"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100…
0 votes8 answers -
font-size и line-height
Проблема такого плана. Есть строка текста со шрифтами разных размеров. Например так: text <span>qwerty</span> Здесь текст в теге <span> может иметь отличный от остального теста font-size И Line-height. Выравнивание определено как vertical-align:baseline; Вот моя тестовая страница: <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Con…
0 votes1 answer -
Про svg и css
Может я что-то не так понял, но похоже, к инлайновым svg-элементам нельзя применять обычные цсс-стили (отступы, позиционирование, картинку на фон итд), точнее можно, но они не работают. Как тогда ровнять/позиционировать инлайновые svg-элементы?
0 votes3 answers -
Нужна Кнопка Позвонить На Сайт
Нужна Кнопка Позвонить На Сайт.Кнопка должна быть всегда на экране, желательно в левом нижнем углу, при нажатие должен сразу же происходитьзвонок на указанный номер.
0 votes0 answers -
Закрывающий тег
В книгах написано закрывающий тег не обязателен. Если я не использую следующие закрывающие теги: [*] то это нестрашно, или все-таки это как-то отразится на моем сайте?
0 votes5 answers -
Проблемы С Передачей Данных В Html Коде Через Кнопку Submit
Уважемые профи и юзеры, помогите плиз бьсь сегодня целый день. такая проблема. есть html файл шаблона. на нем форма. короче там все сдеално с помошью smarty. На форме есть кнопка Отправить ну короче submit. я хочу сделать чтобы это была не кнопка, а выбраная мною картинка. получается. но когда я давлю на кнопку странка просто обновляется и самого submit не произходит. в чем может быть проблема??? подскажите плиззз...
0 votes4 answers -
Вставка картинки
Здравствуйте!!! У меня сложилась небольшая проблема возможно вы поможете мне её решить... К сожалению я не знаю как объяснить свою проблему техническими словами Поэтому объясню своими словами Мне надо вставить картинку на уже готовый сайт Картинка должна размещаться в строке адреса Прикладываю изображение чего я хочу достичь http://www.newsite-ip.ru/111.jpg
0 votes6 answers -
Верстка блока номера страницы
Ребят как одним дивом (кросбраузерно) например сделать такое, чтобы тянулось по ширине: <div class="number">10</div> Тянется только белый блок вокруг номера страницы с округлыми краями.
0 votes12 answers -
Скрол в ячейке таблицы при высоте 100% экрана
В левую ячейку необходимо добавить полосу прокрутки, при том, что высота таблицы будет 100% от экрана. (параметр position: fixed мне необходим). <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" lang="ru" xml:lang="ru"> <head> <title> Тестовая страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Style-Type" content="text/css"/> <!Язык таблиц стилей CSS> <meta name="Resource-Type" content="Document" /> <style type="text/css"> BODY …
0 votes11 answers -
Как убрать отступы вверху страницы?
Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код: <!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]">&…
0 votes7 answers -
Выравнивание div по высоте
В процессе изучения и практики верстке споткнулся о такой момент: Как выровнять div блоки в стоке по высоте наибольшего (чтобы border-bottom всех трех блоков в строке был на одном уровне)? вот что сделано вот что задумано p.s. уважаемые модераторы, исправьте пожалуйста опечатку в названии темы.
0 votes11 answers -
Расширяющиеся поле для ввода
Возможно ли сделать поле для ввода не фиксированной высоты, а переменной: так, чтобы вначале была только одна строчка, но как только текст начал писаться с новой строки, то поле для ввода само увеличивало высоту на величину строки, а при удалении символов свою длину уменьшало?
0 votes14 answers -
Блок с описанием на яндекс-карте
Подскажите пожалуйста, как добавить Блок с Html содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать
0 votes4 answers -
Эффект скрытия текста при скролинге
Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm
0 votes2 answers -
Из цветного в черно-белое
А можно ли сделать цветную картинку черно-белой "на лету" - типа с помощью кода?
0 votes6 answers -
Фрейм в ячейке таблицы.
Я использовал следующий тег. Вопрос такой: как избавится от нижнего скролла, и как сделать так, чтобы ячейка таблицы не растягивалась?
0 votes3 answers -
Верстка блоков
Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…
0 votes17 answers -
Посоветуйте книги по профессиональной верстке
Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.
0 votes2 answers -
Условные комментарии
Можно ли применять несколько условных комментариев, отдельно для 6,7,8 версии. То есть, чтобы в коде было так: <!--[if IE 6]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 7]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 8]> Код для браузера Internet Explorer <![endif]-->
0 votes12 answers -
Хочу сверстать мой первый шаблон!
Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!
0 votes21 answers -
Текст русскими буквами или "и"?
Добрый день! Ответьте неспециалисту! Я делал себе сайт с помощью Макромедиа Дримвьюер, англ. версия. Там весь русский текст, Тайтл и другие теги выглядят не в кириллице а в виде знаков типа "и", причём в браузере вариант в кириллице или в этих знаках отображаются одинаково. Как лучше с точки зрения поведения робота Гугл при ранжировании, или исходя из других соображений? Оставить всё в варианте "и", или переписать кириллицей? Спасибо всем кто ответит!
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-