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
-
внедрение мультимедиа
Подскажите, пожалуйста, подробно как внедрить в веб страницу фильм .mpg. Через object пишу - в IE7 открывается, в Опере и ФФ, вообще ничего. Пишу другое значение classid - открывается в Опере, правда совсем не того размера, что нужно (это при заданном width и height). Зато в IE и FF опять ничего не отображается. Ко всему прочему фильм тяжелейший, (чуть ли 1,5 Гб), так клиент прислал, как его разбить не знаю. Как он вообще будет ли грузиться с сервера, а то я пока на локальном компе смотрю. Короче, беда просто.
0 votes10 answers -
div + float + border без height
Добрый день. Столкнулся с проблемой: Существует структура: <div style="width:200px; border:1px solid red;"> <div style="float:left; width:100px;"> text </div> <div style="float:left; width:100px;"> text2 </div> </div> высота не указана, так как она динамически должна меняться. Проблема заключается в том, что бордер основного блока - уменьшается до 1-го пикселя. Тоесть как бы не определен размер блока. Как можно решить данную проблему? Спасибо за помощь.
0 votes9 answers -
Проблема с меню
Подскажите пожалуйста! Почему в IE 7 все нормально, а в IE 6 меню (которое черного цвета) все вытягивается в линию? Какие отличия в CSS? Сайт - www.e-ekf.com index.php <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga http://mambasana.ru copyright: GNU/GPL --> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) {…
0 votes12 answers -
растянуть DIV на всю длину
Есть колонка в таблице 1 div логотип 2 div поиск 3 div заливка рисунком подскажите как можно 3 div растянуть на оставшуюся длину колонки .logo {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 144px; width: 300px;} .search {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/design/images/bgsearch.gif); background-position: top left; background-repeat: no-repeat; height: 95px; padding-left: 10px; padding-top: 0px;} .left {background-image:url(/design/images/bgtree.jpg); background-repeat: no-repeat; background-color: #eaeff1;} <td width="300" valign="top"> <div class="logo"><a href="#"><img src="/design/images/logga.gif…
0 votes4 answers -
кодировка в xhtml
Подскажите плиз, как изменить кодировку в xhtml? например вместо UTF-8 как поставить windows-1251?
0 votes9 answers -
заливка div с картинкой- цветом
У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?
0 votes13 answers -
Float, Clear... или я усложняю?
Такой макетец: ┌──────────────────────────────────────────────────┐ │ │ │ Каля-маля │ │ ┌───────────┐ │ │ │ │ ☻ 111111 │ │ │ │ ☻ 222222 │ │ │ Рису- │ ☻ 333333 │ │ │ нок │ │ │ │ │ │ │ │ │ │ │ │ │ ☻ 44444 ☻ 55555 │ │ └───────────┘ ────────────────────────────── │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────┘ Соответственно - картинке задаю float: left, тегу списка 1-2-3 - тоже, но не догоню, как прижать горизонтальный с…
0 votes11 answers -
Пропадает бордер у дива при прокрутке.
Здравствуйте. Вот страничка. <!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>hi</title> <style type="text/css"> .box { margin-bottom: 24px; } .box .top { position: relative; border: 0px solid; z-index: 2; } .box .top img.corner { vertical-align: -15px; } .box .top img.ico { margin-left: -55px; margin-top: 12px; } .box .top .title { margin-top: -56px; margin-left: 86px; } .box .content { …
0 votes3 answers -
Проблемка при переходе с bootstrap 3.3.7 на 4.1.0
Всем привет, В Laravel 5.6 /vuejs2.5 приложении перешел с bootstrap 3.3.7 на 4.1.0 и читая доку http://bootstrap-4.ru/docs/4.1/migration/ поменял классы в своих тиемплейтах Но кое что работает неправильно . У меня есть редактор одной строки, и он выглядит очень узко хотя должен быть максимально широко на любом устройстве. Printscreen И непонятно почему в диве с классом card-body рядом появилcя класс table-responsive который я не вс тавлял - так как на этой странице таблицы нет ... <div id="app" style="background-color: blue" style="background-color: yellow; border: 2px dotted green; width: 100%" class="col-12"> <app-header >…
0 votes2 answers -
Как сделать DIV,меняющий размер по вертикали
Подскажите плииз как сделать DIV, меняющий размер по вертикали в зависимости от контента и чтобы он раздвигал родительский слой??? Существует контэйнер с тенью из трх частей,на не? навешивается другой слой-контэйнер,состоящий также из тр?х частей... Средняя часть контэйнера должна раздвигаться HTML: <div id="containerShadow"> <div id="shadowTop"></div> <div id="shadowBase"></div> <div id="shadowBottom"></div> <div id="container"> <div></div> <div></div> <div></div> </div> </div> CSS: div#containerShadow { width:922px; min-height:755px; height:auto; margin:0 …
0 votes2 answers -
backround div-а вылезает за пределы
HTML код: <div id="frame"> <i class="top"></i> <i class="bottom"></i> <div id="header"></div> <div id="main"> <div id="content"></div> <div id="menu"></div> </div> <div id="footer"></div> </div> CSS код: * {padding:0; margin:0} body {background:#B29269 url(images/img01.jpg) repeat-x left top;} #frame {width:860px; height:100%; margin:0 auto; border:1px black solid; /*background:url(images/img03.jpg) repeat-y left top;*/} #frame i {width:860px; height:100%; position:relative; display:block;} #frame .top {background:url(images/img0…
0 votes7 answers -
Див в форме трапеции
имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю
0 votes2 answers -
Вопрос на счет css форматирования списков
Как уменьшить расстояние от циферки или точки до первой буквы?
0 votes9 answers -
Выровнять по центру nav
Подскажите плз, что я делаю не так? Нужно выровнять по центру nav. Спасибо! http://jsfiddle.net/d4qgg/
0 votes2 answers -
Проблемы с цетом текста
Здраствуйте! Меня слегка перестал "слушаться" ВордПресс, делаю сайт на двиге, ибо не знаю php, который позарез нужен. Вот сайт, дизайн был совсем другим, я решил немного изменить его, но вот поменял, фон такой светленький, текст должен быть в свою очередь темным (раньше так и было), а тут раз и он уже белый чет, в css менял color не помогло, подскажите может быть кто-то знает в чем проблема? Ах, да и посмарите, какие ещё проблема в функионале и вообще сайте. Заранее благодарю.
0 votes38 answers -
тег Label
http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?
0 votes13 answers -
Почему так?
Я такой человек что очень люблю простенькие шаблончики...а из них уже делать шедевры. Попал сегодня на один...не шаблон конечно...сохраняю его через Google Chrome...открывая через Chrome...фигня какая-то. Вот скрин что вышло: А вот что надо: Помогите сохранить так чтобы как видно на сайте, так и сохранялось! Вот ссылка на этот сайт..мне с любой страницы...там все одинаковое: Ссылка Вы не подумайте что я аще нуб...я и через IE и Opera сохронял и просматривал...только единственый формат через Оперу который все сохранил и показывал правильно был MHTML но я даже не знаю что это)) как я могу им пользоваться? Зарание благодарен!
0 votes25 answers -
Объясните неповторимую выгоду Smarty и т.п.
Уже несколько месяцев сопровождаю проект, написанный со Smarty. Честное слово, до сих пор не понял его преимущества. Я добился ровно того же эффекта за вечер, сделав простой класс на php для всяких авто-include'ов с проверками, а переменные расшарил через глобальный массив. В итоге я имею те же шаблоны без использования лишего lib-нечто и его языка. Плюс к этому мои шаблоны сразу проглатываются php. В том же Smarty tpl сначала переводятся в php (вы смотрели их в кэше? банальный php!), а потом уже обрабатываются php. Зачем? Если с эквивалентным синтаксисом я могу писать это на php сразу. К тому же я не теряю возможности использования любых конструкций php в любой части код…
0 votes11 answers -
Затемнение фона
Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…
0 votes2 answers -
Резиновый <div> по вертикали
Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…
0 votes4 answers -
Mozilla Firefox и background-position в BODY
Доброго дня! Подскажите пожалуйста, есть код BODY {PADDING-RIGHT: 0px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 0px; FONT-SIZE: 80%; BACKGROUND-IMAGE: url(../images/bot.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; MARGIN-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; backgrpund-color: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#003162; background-color: #E4EBEE;} В Опере и IE фоновая картика нормально прижимется внизу а в Мозилле не получается. Как иcправить? Спасибо.
0 votes11 answers -
Цена по правому краю
Как ни крутил, никак не придумаю, как сделать. Есть список услуг, нужно прицепить цены к правому краю, и промежуток заполнить чем-либо. если прибить цену к правому краю, то размер блока (или спан) с ценой ограничивается собственно текстом, внутри него содержащимся. Как добиться такого эффекта: Возможно ли вообще?
0 votes21 answers -
Тянущееся гризонтальное меню через список
Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?
0 votes10 answers -
H1 и Span
Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/
0 votes16 answers -
Проблема с FLOAT в Опере 9.5
Стандартно выстроил блоки в ряд с помощью свойства FLOAT:LEFT, но в Опере отображается с отступом (см. скрин). Макет резиновый, ширина блоков задана в процентах. Почти во всех браузерах нормально отображается, ну, немножко край выпирает (обведено красным), но не существенно. А вот, именно в Опере очень существенно! Подскажите, пожалуйста, есть ли какой-нибудь хак или способ исправить это глюк в опере? Заранее благодарен. скрин
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-