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
29,542 questions in this forum
-
Вертикальная разделительная черта между колонками в таблице
Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.
0 votes2 answers -
Не могу убрать отступы
Продукция Услуги Партнерам Новости компании Контакты
0 votes13 answers -
Фон
Добрый день всем, нуждаюсь в помощи более опытных. Есть фоновая картинка размером 1024*1320, на 17 дюймовых мониторах думаю понятно что она будет на всю ширину, а вот мне надо так что бы она была по центру на широкоформатных мониторах и фон был черным. <style type="text/css"> BODY { background-image: url('img.jpg'); background-color: #000; background-repeat: no-repeat } </style> Каким образом его можно сместить на центр?
0 votes13 answers -
Двухуровневое меню горизонтальное
верстаю меню по готовому примеру: http://blog.sjinks.pro/css/53-cross-browse...out-javascript/ я - новичок и , пожалуй, упускаю многие вещи. Просьба проверить мой код: 1. активное (class="on") подменю видно под нужным подменю (при наедении на верхнее). z-index лишь отчасти помогает 2. не получается разделить стили для верхнего меню и ниж. подменю (нижнее нужно расположить каким-то образом, чтобы оно не переносилось на другую строку) 3. самое главное сомнение. будет ли это меню работать, поскольку пока, в тестовом режиме, мне не удается поймать мышкой подменю. Может еще что добавить? <body> <div id="frame"> <div id="header"> <div id="logo…
0 votes1 answer -
transform, transition и IE
Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей…
0 votes5 answers -
Вертикальное выравнивание в форме
http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" i…
0 votes23 answers -
Валидация FROM
Создаем простенькую страничку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251"> </head> <body> <form action="http://yandex.ru" name="form1" method="GET"> <p> <input name="myname" type="text" size="40"> <input type="submit" value="Отправить"> </p> </form> </body> </html> Валидация - ок. Убираем <p> и </p> в <form>: валидация дает 3 ошибки. Подскажите почему так происходит? Или где об этом можно прочи…
0 votes16 answers -
Текст, надпись на фоне-картинке
Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…
0 votes5 answers -
Оформить поле ввода и кнопку
Как мне оформить поле ввода и кнопку уникальным дизом? Я нарисовал сво? поле ввода и кнопку, а как заставить их работать?
0 votes9 answers -
Почему Opera так себя вед?т?
Вот так: В ИЕ и FireFox вс? нормально. Вот код: <div style="border: solid 1px #C0C0C0; margin: 5px; cursor: hand; float: left;" onclick="java script:win('../gallery/imageLibrary/file.jpg','win','w','h');" onmouseover="this.style.borderColor='#AF2D2D';" onmouseout="this.style.borderColor='#C0C0C0';"> <table cellpadding="0" cellspacing="0"><tr><td style="vertical-align: middle; height: 88px;"> <img src="../gallery/imageLibrary/file_tb.jpg" alt="" style="margin: 5px;" /> </td></tr></table> </div> Причем помечанные фотографии при любом их местоположении отображаются нормально...
0 votes17 answers -
Ширина ячейки в таблице с colspan
Привет друзья. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body topmargin="0"> <table width="100%" border="1"> <tr> <td colspan="2" nowrap> <table width="100%"><tr><td>12123 12342342342 13451345 1 1145134513412342 2342 234 234</td></tr></table></td> </tr> <tr> <td width="100">DDDD</td> <td width="100%"> </td> </tr> <tr> <…
0 votes3 answers -
font-face кириллица
На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…
0 votes4 answers -
Style.less Unrecognised input
Здравствуйте!У меня такая проблема в коде в style.less style.less @main-color: red; @main-bg-color: lightgray; @base-size: 24px; body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: @main-color; background-color: @main-bg-color; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sq { height: @base-size * 15; width: @base-size * 15; background-color:darken(@main-bg-color, 50%) .bordered; } style.css body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: red; background-color: lightgray; } .bordered { -webkit-border-radius…
0 votes4 answers -
Реализация сложного фона средствами CSS
Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…
0 votes6 answers -
Изображения в блоке
Всем добрый день! У меня возникла проблема с тремя рисунками. Почему при добавлении нового рисунка в том же блоке неправильно вычисляет высоту с использованием position: relative? Вот пример: <div id="container"> <div id="top"> <div class="top_2"></div> <div class="top_3"></div> <div class="top_4"></div> </div> </div> В общем, если смотреть на страницу, то всё правильно показывает. Только не понятно почему когда есть position: relative, при добавлении второго рисунка, он берёт высоту относительно предыдущего рисунка. Если добавлять третий рисунок, тогда совсем не понятно как он там вычисляет высоту. Может, я с…
0 votes9 answers -
Невероятная проблема с png
При реализации очередного проекта я столкнулся с невероятной трудностью в настройке отображения прозрачности png для IE<7. Дело в том, что я постоянно пользовался трюком с созданием .htc-файла, этого было достаточно. Но текущая задача заставила меня убрать тег img и вставить .png-файл в background. И тут начались невероятные трудности... Задача: сделать скругленные края у картинки. Решение: Поместить картинку в background , внутри которого будут лежать еще 4 с полупрозрачными .png-уголкамиРеализация: Ограничения, накладываемые задачей: размеры всех div должны быть одинаковы Думаю, идея ясна. Теперь проблема: в IE<7 как известно прозрачность зад…
0 votes12 answers -
Древовидные комментарии
расскажите кто-нибудь как сделать древовидные комментарии, как например на Яндексе и тут http://habrahabr.ru/blogs/ui_design_and_usability/22820/
0 votes11 answers -
косяк в ie6 с background-image для body и ul списком
ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css html {background: url("../images/trava.gif") right bottom no-repeat; height: 100%;} на странице код такой: <body> <div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок --> <div id="logo_head" align="center"> </div> </div> <div style="float: left; margin-top: -50px;"> <img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки --> </div> <div style="float: right; width: 64%;"&…
0 votes1 answer -
background-image и картинка на локальном диске
Здравствуйте! Пытаюсь задать картинку на фон, которая хранится на компьютере, но ничего не получается. Все 3 файла (.html, .css и картинка .jpg) лежат в одной папке (new) на рабочем столе. Если в адресе картинки указываю ссылку на эту картинку в интернете всё работает. В чём ошибка? Как установить картинку, которая хранится на компьютере? Спасибо за ответы.
0 votes2 answers -
Невидимая вертикальная прокрутка
День добрый всем! Ребята, подскажите как на css избегая js сделать область фикированную шириной и высотой и чтобы внутри текст прокручивался при наведение курсора и нажатии стрелок вниз верх на клвиатуре? пробывал: overflow: hidden но не очень удобно
0 votes8 answers -
Проблемы со 100% высотой div в Firefox
Доброго времени суток. Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.( В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается). Собственно- не понятно, почему блок не тянется по размеру текста. макет - www.beavers-net.narod.ru Заранее спасибо. С ув. Олег.
0 votes11 answers -
Подскажите Публикторы Статей И Новостей
Сразу извеняюсь если вопрос ваще не в тему но почему-то решил что сможете помочь) Нужен скрипт для статей и новостей чтобы можно было: включать заголовки и сами новости в любое место сайта работал бы на файлах и желательно конечно open-source) Тестил CuteNews, но как то нормально неполучилось его поставить, было пару косяков) Собственно во всем етом я полный "0" но хотелось бы научится)
0 votes7 answers -
Имейл с сайта
Ребята, пожалуйста, очень прошу, мне нужна работающая форма(имя, имейл отправителя, текст сообщения) отправки имейла с сайта на хтмл, только без участия аутлук. (дайте ссылочку или отправте на мыльцо Pastsoft@rambler.ru). Позарез нуна! Заранее спасибо
0 votes3 answers -
Проблема с отображением PNG в IE
Здравствуйте ! Для моего проэкта мне необходимо горизонтальное меню, чтоб при наведении на нее курсора, элемент меню подсвечивался, текст не изменялся в цвете, изменялась стрелочка-индекатор, которая указывает на то что это выпадающее меню. Вот фрагмент ,того как это выглядит у меня в Opera : Собственно на браузере Opera задача выполнена так, как надо! А на IE тот же фрагмент меню выглядит вот так : Заметьте, что по краям моих png'шек в IE обрисовалась странная рамка. Вот собственно вопрос, как от нее избавиться? CSS #nav li.hover img {background-image:url(img/active.png); border:none;} .bullet { background-image:url(img/inactive.png); border:none; width:10px…
0 votes6 answers -
Не срабатывает height
Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}
0 votes39 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-