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
-
Ява скрипт на бэкграунд
Здравствуйте. Подскажите пожалуйста такую вещь. Есть скрипт который выполняется через канвас вот так. Все отлично работает, но занимает много места. <div class="orange"> <canvas id="heart"></canvas> </div> CSS canvas { position: relative; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } НЕ могу понять как сделать скрипт бэкграундом. Чтобы он занимал полную страницу, выполнялся на фоне, а я поверх него мог контейнеры расставлять. Где можно почитать начинающему как вообще делать бэкграундовую анимацию из скриптов. Спасибо
0 votes1 answer -
проблемы с IE и CSS
Почему Opera отображает эту страницу нормально, а IE нет. В главном слое появляется какая-то линия, меню кособокое, при наведении мышкой на меню появляется белая полоса. Как это можно исправить. <HTML> <HEAD> <TITLE> Вс? об аквариумах и аквариумных рыбках. </TITLE> <link rel="stylesheet" type="text/css" href="my.css"> </HEAD> <BODY> <div id="page-all"> <div id="toplayer"> <img src=left_title.gif width=240 height=185 id=left> <img src=right_title.jpg width=240 height=185 id=right> <p align=center>Вс? об аквариумах и аквариумных рыбках</p> </div> <div class=menu> <div>&…
0 votes1 answer -
таблицы
У нас есть таблица. В таблице несколько строк. В каждой строке есть ячейка. Как мне в этой ячейке сделать нужный мне фон (картинка). И еще сразу вопросик: как мне поверх ее написать нужный мне текст?
0 votes2 answers -
<br> или < /br>
Например я верстаю под HTML 4.01, то по стандартам я должен использовать <br>? Обычно использовал < /br>... http://htmlbook.ru/html/br
0 votes1 answer -
Как-бэ фрейм
Задача следующего характера. Имеется страница с хедером и футером. Как реализовать прокрутку контента между хедером и футером? Без использования фреймов. Возможно ли реализация чистым HTML+CSS ? Или тут потребуется Java Script ?
0 votes14 answers -
Помогите идентифицировать баг IE6
приветствую, понадобилось тут сверстать макет, обычный трёхколоночный макет (в данном случае классический Holy Grail) с колонками одинаковой высоты и резиной в столбце контента, при компановке колонок по схеме 2-1-3 (контент - 2я колонка, идёт в коде первой, сайдбары - после неё, но потом позиционируются и т.д.). Всё разумеется отлично работает в браузерах, кроме IE6 (IE 7 рендерит правильно), для которого я сам так и не смог подобрать хака самостоятельно. Исходник для повторения (copy-paste ready): <!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"…
0 votes5 answers -
Сайдбар по всей ширине
Здраствуйте! У меня такая проблемка. Нужно сделать такую страничку. ...................(Хедер видс 100%)........................ ........(Контент 700пх по центру)..(Сайдбар с ценра......... ................(с сайдбаром)...........до края)............ ...................(Футер видс 100%)........................ Помогите пожалуйста, у меня проблемка с сайдбаром, просто искажаеться если именшать вылазит на контент. Может свой кто-то вариант предложите. Заранее блогодарен, с уважением, Андрей! ПС. Оч. Нужна помощь!
0 votes6 answers -
Как правильно верстать
Интересует именно общий подход. Как я вижу: 1) Для начал делаем разметку страницу: определяемся с кол-во блоков, секций, слоёв; решаем что фикисрованно, а что тянется и т.д. И выстраиваем общую структуру страницы (я обычно делаю пустыми блоками с разным цветом бэкграунда). Проверяем на кросс-браузерность и косяки. Если нормально - переходим к наполнению. 2) Заполняем контентом, вставляем менюхи и т.д. - более трудоёмкий процесс, ибо каждый элемент надо отдельно выравнивать (а они иногда очень не желают этого делать при заданных условиях). И вот тут обнаруживается первая засада: вроде общая структура у нас готова и зафиксирована, но наслдеование или overflow какого-нибудь …
0 votes1 answer -
@font-face указание полного адреса шрифта
Подскажите пожалуйста, как правильно писать путь для шрифта. Используем шаблон jambla, сделал в папке шаблона на ftp каталог fonts, поместил туда шрифты, но при написании адреса в виде url(fonts/agletterica.eot) format('truetype'); ничего не меняется, откуда надо начинать писать адрес если сейчас адрес к шаблону 0:/templates/hot_furniturestore/
0 votes5 answers -
Поехал сайт
Поехала страница сайта (нет сайдбара) http://regotvet.ru/pro-neobhodimyie-dokumentyi-dlya-registratsii-ooo-samostoyatelno.html но не могу понять в чем проблема. Помогите!
0 votes2 answers -
Интерактивные курсы по веб-программированию
Доброго времени суток! Мне интересно Ваше мнение о Codecademy.com. Кто-нибудь проходил эти курсы? Стоит ли тратить время на их прохождение?
0 votes4 answers -
Кодировка для отправки в FaceBook
Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русс…
0 votes2 answers -
Дайте пожалуйста статьи на создание блоков
Дайте пожалуйста статьи на создание блоков,рамок.
0 votes9 answers -
верстка дивов (правый заходит под левый)
Как сделать так: есть два дива: левый и правый. В левом пусть будет меню, а в правом длинный текст до 10000 симвлов. Идея заключаеться в том, чтобы сделать так: когда правый див опускаеться ниже левого, то текст продолжаеться под левым дивом
0 votes5 answers -
На разных разрешениях с меню сползают ссылки
Вверху сайта расположил меню, которое остается на месте при прокручивании страницы вниз. Внутри меню расположены ссылки. На разных экранах ссылки либо разъезжаются, либо сползают, на некоторых стоят как нужно. Величины указаны в процентах, поэтому непонятно, что не так. http://jsfiddle.net/sD88h/
0 votes6 answers -
Кодировочка
Здравствуйте! Действительно ли если файлы в кодировке utf-8 то задавать её в meta ненужно и что сайт и так будет везде нормально отображаться? Спасибо за внимание!
0 votes1 answer -
Решение проблем + оценка вёрстки
Здравствуйте! Прошу прощения, если написал не туда. После двух-недельной теории решил сверстать свой первый макет, но как обычно первый блин оказался комом. Верстал по методу mobile first. Макет брал отсюда. А вот вёрстка: bgdn.16mb.com/ (грузится долго). Прошу адекватную оценку вёрстки (не учитывая те проблемы, которые я описал ниже) а так же помощь в решении следующих проблем: 1) Примерно с ширины браузера от 822px до 842px выпадает вниз блок Services. В чем проблема? Ведь ширины для плавающего блока достаточно (2 блока по 50%). Сейчас обнаружил, что блок выпадает при вытекании текста из блока выше (about whitesquare), но решение так и не могу найти. 2) Не могу…
0 votes6 answers -
Как перенести текст на новую строку ?
Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>
0 votes2 answers -
Стрелка с вогнутыми гранями
Доброго времени суток, господа. Не подскажете как можно сверстать блок с такой стрелкой?
0 votes4 answers -
верстка карточной игры
Всем привет! Друзья, помогите советом. Делаем карточную игру. Был сделан макет игры в псд. Далее программист сверстал все. При просмотре макета- все очень весело и красиво смотрится, когда захожу смотреть игру- все как-то уныло, тускло, где-то мутно, видны пиксели. Программист говорит, чтобы этого избежать, нужно увеличить разрешение, мне кажется, что это не так, т.к. макет и сама игра один к одному по масштабу. Помогите пожалуйста разобраться. Спасибо!
0 votes2 answers -
Критическая величина!
Незнаю правильно или не правильно я назвал тему но у меня вопрос достойный лягушатника! Каким образом сделать верстку дивами так чтоб при уменьшении окна браузера блоки не меняли своего положения (где то я читал что это называется критической точкой) В общем вот код <style type="text/css"> body,html { height:100%; background-color: blue; margin:0; padding:0; } a:link {color: #4f0100;text-decoration: none;} a:active {color: #4f0100;text-decoration: none} a:visited {color: #4f0100;text-decoration: none} a:hover {color: #4f0100;text-decoration: underline} #shapka { background-color: red; margin:auto; width: 100%; height: 148; } #s1 { float: left; position:…
0 votes2 answers -
Нужен совет провесоонала!
Ребята, помогите решить проблему, которою так и не смог решить сам. Может кто-то сталкивался с данной ситуацией – два блока, которые размещены рядом, в 6-м ІE не корректно отображаются, а это очень существенно. Когда открыть код, можно это все наглядно увидеть – белая полоса между черным и зеленым блоком. У других браузерах проблем нет, это только в 6-м ІE! Заранее спасибо. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251…
0 votes3 answers -
помогите убрать подчеркивание ссылок с маркированных списков
помогите убрать подчеркивание с маркированных списков Вот CSS вот страница, ее правая колонка... http://www.arbitr-hmao.ru/uridicheskoe-obs...l-due-diligence мне надо чтобы все ссылки в этой колонке не подчеркивались, но я не знаю как .... как я понимаю основной тег body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; } td.banner { background: url(../images/banner.jpg) } td.topline { margi…
0 votes1 answer -
Помогите
Люди научите верстать макеты. Знаю базовые знания Html и CSS.
0 votes7 answers -
проблемы с формой отправки
Здравствуйте! Делаю сайт и не выходит сделать свой дизайн формы отправки, точнее дизайн выходит.. не выходит сделать так чтобы она работала. В изначальном виде все работает правильно. Что делать? http://www.beauty-group.ru/sale/
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-