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 вместо iframe
кто знает как отображать инфу не во фрейме а в слое???(к примеру нажимаешь на ссылку и информация отображается поочередно, первая ссылка-в слой отображается первый документ, вторая ссылка-в слой отображается второй документ и тд., либо вместо документов в слой рисунки отображать?помогите плиз оч. нужно!!!!!пишите в личку или http://vkontakte.ru/id28045377?20637, ну можно и здесь обсудить
0 votes5 answers -
Прижать элемент вправо
Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …
0 votes1 answer -
div заезжает под другой div
В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?
0 votes10 answers -
html5 video autoplay
Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…
0 votes11 answers -
Помогите правильно задать ширину блоков и элементов
Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)
0 votes2 answers -
Как сделать навигационное меню?
Необходимо что бы справа на страничке всегда было навигационное меню. Т.е. чтобы при прокрутке страницы оно не выходило за переделы экрана. Знаю про фреймы, но мне интересно есть ли другой способ? Например видел сайты где меню двигается за экраном при прокрутке страницы. Как это можно сделать? Как "обычно делают"?
0 votes16 answers -
Пчему не работает <map>?
Я пишу: <img src="/images/cartfinfin1.jpg" usemap="#kartfin"> <map name="kartfin"> <area shape="rect" coords="1, 1, 200, 500" href="/educat/fin/" alt="Университет Лапландии, г. Ровоаниеми"> </map> Картинка 289 на 600 в этом вряд ли есть стандартная ошибка, т.к. наш штатный программист тоже развел руками, типа должно было работать...
0 votes26 answers -
Тень от слоя с обеих сторон.
Здравствуйте. Может кто-нибудь подскажет, как сделать так, чтобы от див блока фиксированной ширины, который расположен по центру, тень падала в обе стороны? В одну то сторону она без проблем "роняется" с помощью -webkit-box-shadow: black 3px 3px 4px; вот такой строчки в CSS свойствах слоя. Но это получается только с правой стороны, а мне нужна тень ещё и слева. Как тут: kinopisk.ru, http://robertnyman.com/
0 votes12 answers -
ну никак не хочет отображаться нормально
Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…
0 votes51 answers -
чё означает слеш в конце тега...
чё означает слеш в конце тега... не закрывающего.. вот например вот так: <td width="19" height="19"/>
0 votes14 answers -
smarty и php5
хочу узнать работает ли smarty с php5?
0 votes12 answers -
Не подключается файл css
Приветствую всех. Происходит непонятная проблема. Два простых файла html и к нему css. Оба лежат на диске C:\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Проверка работы стилей!</title> <link rel="stylesheet" type="text/css" href="/style.css" /> </head> <body> <div id ="hello">Hello, world!</div> </body> </html> Style.css #hello { font-size: 100px; } В IE шрифт отображается правильно, а в Firefox без изменений (остается стандартный шрифт). Почему так может происходить?
0 votes23 answers -
проблема с google chrome, пропадает clear: both
Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.
0 votes4 answers -
Как грамотно расположить объекты напротив друг друга
Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.
0 votes5 answers -
Как правильно верстать многостраничные сайты?
Объясните как правильно жить верстать многостраничные сайты? Я покажу вам на примере того как это делаю я. Это наверное глупый\неправильный метод, просто я не знаю как нужно\можно делать это проще. Вот допустим у меня есть маленький сайт на котором есть 3 пункта меню. То есть в редакторе я создаю скелет сайта, внутри body я помещаю эти самые кнопки, подключаю их к форме, затем создаю Огромный блок где будет располагаться Весь контент. Но внутри этого блока я не помещаю контент, а помещаю PHP переменную, в которой и хранится весь этот контент вместе со всеми остальными блоками и стилями. То есть таким образом стараюсь разбить HTML код на функции PHP. …
0 votes2 answers -
Как правильно называть блоки при верстке?
Подскажите как правильно называть блоки при верстке, есть ли какие то стандарты?
0 votes11 answers -
нарезка шаблона
здравствуйте. расскажите пожалуйста о основных принципах и правилах при нарезке psd-макетов для дальшейшей верстки. в идеале в реальным примером. спасибо. извиняюсь если не туда написал.
0 votes12 answers -
Автоматическая смена картинок
Помогите новичку, обыскал весь форум но такого не нашел, есть на джаве, но мне нужно на CSS задача по смене картинок, что нужно добавить в код: div.art-Header-png { position: absolute; z-index:-1; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header1.png'); background-repeat: no-repeat; background-position: left top; } чтобы Header1.png сменялся на Header2.png (3,4,...) по таймеру или по случайному числу Заранее спасибо!
0 votes6 answers -
Растянуть изображение по вертикали
Есть изображение (не фоновое) которое нужно растянуть по вертикали на n-число раз. Наглядно выглядит так: На примере 1 красное - фон страницы, белое - то изображение которое нужно растянуть (в оригинальном не растянутом виде) На примере 2 то что нужно получить. Нужно чтобы изображение растягивалось пропорционально количеству текста в нем. Таблицами пока не хочу пробовать, может кто подскажет другой способ. Если стандартными методами html и css нельзя добиться пропорциональной растяжки изображения к тексту подскажите просто как растянуть изображение по вертикали n-ое кол-во раз
0 votes4 answers -
Где разместить работы начинающему front-end разработчику?
Всем привет! Я еще только начинающий front-end разработчик и пока не имею реальных заказов. Есть сайт-портфолио и порядка 5 работ(не на заказ, а собственные), которые хотелось бы где-нибудь разместить. Покупать платный хостинг не хочется, так как он платный, а количество работ со временем будет увеличиваться. Вопрос собственно в том, где можно было бы разместить эти работы, чтобы у каждой было свое доменное имя? Или для этих целей лучше стоит использовать один сайт? Может даже тот же сайт-портфолио?
0 votes14 answers -
HR - отступы, цвет
Подскажите, плиз, как сделать, чтобы у тэга не было отступов - нужно чтобы линия плотно прилегала к верхнему бордеру div-а, в котором находится.Margin и padding помогают, но только не для IE :/
0 votes12 answers -
Прозрачный PNG в background
Есть проблема - ссылки имеют фон с прозрачным PNG, и в 6м эксплорере не удается заставить его быть прозрачным. для всех остальных картинок PNG, в том числе и для изображений PNG, положеных как фон, срабатывает, а для ссылки - нет Ссылка в коде выглядит так: <a class="png mnu m01" id="act" href="/company/">компания</a> Обработчик в коде, обрабатывающий ПНГ (взято у Лебедева): <!--[if lt IE 7]> <style> .png{ filter: expression(fixPNG(this)); } </style> <script type="text/javascript" src="/ie6-fix.js"></script> <![endif]--> Содержимое файла ie6-fix.js: try{ document.execCommand("BackgroundImageCach…
0 votes5 answers -
Сколько нужно файлов CSS
Подскажите пожалуйста, если верстается многостраничный сайт, то для каждой страницы CSS создавать отдельно?
0 votes6 answers -
Стандарты
А какой стандарт вы предпочитаете использовать в работе? Просто тема для обсуждения.
0 votes27 answers -
SCROLLBAR - расположение полос прокрутки
Вопрос такой: имеется страница из двух фрэймов, при этом требуется чтобы при появлении в левом фрэйме вертикальной полосы прокрутки она появлялась с левой, а не с правой стороны. Во втором фрэйме так и оставалась справа. Таким образом чтоб полосы прокрутки не разделяли фрэймы а были по бокам страницы.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-