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
-
внедрение мультимедиа
Подскажите, пожалуйста, подробно как внедрить в веб страницу фильм .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 -
Вопрос на счет css форматирования списков
Как уменьшить расстояние от циферки или точки до первой буквы?
0 votes9 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 -
проблема с float: left в IE6
В IE 6 появилась проблема с двумя DIV'ами "col1" и "col2". В Опере и FF все ровно, а в IE 6 ( в других непроверял ) col2 опускается как ступенька ниже на высоту col1 и при этом не заходя за него. Живой пример: http://mobile.viptop.ru/ Может кто с этим сталкивался и знает причину?
0 votes4 answers -
Как установить размер картинки, чтобы она не выходила за пределы 800 пикселей, но при этом соблюдала пропорции?
Здравствуйте, некоторые картинки большого размера существенно выходят за границы контейнера. Как это исправить с помощью стилей, например чтобы они оставались в границах 800 пикселей? Только нужно соблюдать условия. Если картинка маленького размера например 600 пикселей, то она не должна растягиваться и подгоняться под 800 пикселей. Должны сохраняться пропорции по высоте и ширине, иначе если стили применятся только к ширине, а высота останется прежней, то картинка получится квадратной и приплюснутой. В качестве контейнера где нужно примениться стили будет div с классом text. Примерно так, <div class="text"></div>. В общем ко всем картинкам ко…
0 votes3 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 -
Как сделать 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 -
Размер шрифтов
Знающие люди в каких ситуациях лучше размер шрифтов в пикселях, а в каких в процентах?
0 votes17 answers -
Рамка вокруг рисунка
Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?
0 votes18 answers -
Фреймы или ?!
Ребят подскажите в двух словах с помощью каких инструментов можно изящно реализовать следующее: Нужна область на странице разделённая на несколько частей. Предположительно на 2, первая часть это навигация (хаотичная текст и ссылки), а вторая динамическая в которой появляется контент в зависимость от ссылки... Типа тега <select> но ... другой или же это фреймы уже получаются... Может быть идея реализации неверная в корне поэтому я скажу для чего оно надо Хочу на сайте сделать страницу радио слушать. Радиостанций много (хочу штук 10-15) + у многих качество трансляции от 32 до 320 итого ссылок на загрузку плеера будет штук 40-50. В идеале хотелось бы при нажатии на как…
0 votes27 answers -
3 дива в одну линию и в центральном диве есть вложенные дивы
Добрый вечер товарищи. У меня такая проблема, может она покажется вам пустяковою но я вот уже несколько часов бьюсь над ее решением, а она проклятая все никак не поддается. Вот вам html код страницы <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Тестовая главная страница</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteiner"> <div id="header"> …
0 votes3 answers -
Выровнять изображение по центру Bootstrap
Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932
0 votes16 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 -
input внутри ссылки
Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?
0 votes7 answers -
Объясните неповторимую выгоду Smarty и т.п.
Уже несколько месяцев сопровождаю проект, написанный со Smarty. Честное слово, до сих пор не понял его преимущества. Я добился ровно того же эффекта за вечер, сделав простой класс на php для всяких авто-include'ов с проверками, а переменные расшарил через глобальный массив. В итоге я имею те же шаблоны без использования лишего lib-нечто и его языка. Плюс к этому мои шаблоны сразу проглатываются php. В том же Smarty tpl сначала переводятся в php (вы смотрели их в кэше? банальный php!), а потом уже обрабатываются php. Зачем? Если с эквивалентным синтаксисом я могу писать это на php сразу. К тому же я не теряю возможности использования любых конструкций php в любой части код…
0 votes11 answers -
Съезжает блок внутри div c position:fixed
Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <li><a href="#">О ПРОЕКТЕ</a></li> <li><a href="#">ПАРТНЕРАМ</a></li> <li><a href="#">ПОДДЕРЖКА</a></li> <li><a href="#">ЮРИДИЧЕСКАЯ ИНФОРМАЦИЯ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div> </div> </body&…
0 votes10 answers -
заливка div с картинкой- цветом
У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?
0 votes13 answers -
Цена по правому краю
Как ни крутил, никак не придумаю, как сделать. Есть список услуг, нужно прицепить цены к правому краю, и промежуток заполнить чем-либо. если прибить цену к правому краю, то размер блока (или спан) с ценой ограничивается собственно текстом, внутри него содержащимся. Как добиться такого эффекта: Возможно ли вообще?
0 votes21 answers -
Одно правило css перекрывает другое
Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?
0 votes6 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 -
Нипанятна...(с)
Подскажите пожалуйста, как растянуть блок на всю высоту родительского блока от пола до низа?
0 votes11 answers -
Табл. на разных носителях
Где написать в коде import или media, чтобы одна и та же таблица выглядели одинаково как на компьтере так и на компьтере так и на КПК. Не могу понять...Подскажите, пожалуйста... Я сделала так и не работает... <head> <link media="handheld" href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> </script> </head> <body> <table align="center" border="6"width="50%"> <tr> <td class="border" align="left" valign="middle" style="font-size:14px;"><b>№ Команды</b></td> <td class="border" style="font-size:14px;"><b>Вкл</td> <td class="border" styl…
0 votes4 answers -
мокрый пол
Кто-нибудь умеет далать «мокрый пол» для картинок? Мне не надо готовое решение — в интернетах их полно, но они все какие-то неуниверсальные. Мне бы хотелось, чтобы кто-нибудь объяснил суть как и что делается, а я уж сам реализую.
0 votes25 answers -
Неподвижный фон на адаптивном сайте
Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png
0 votes4 answers