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
-
Масштабирование изображений в галерее
Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider-------------------------…
0 votes3 answers -
Скрытие бокового контента при уменьшении экрана
Всем привет. Наверное сотни тысяч раз верстальщики сталкивались с подобными задачами. Мне нужно следующее: Есть основной, центральный блок контента (block_content) шириной 1000 px. Но помещен этот блок в родительский блок (block, который будет содержать фоновое изображение) шириной 1920 px. .block {width:100%; max-width:1920px; min-width:1000px;overflow:hidden} .block_content {width:1000px; margin:0 auto;} На мониторе с разрешением 1920 пикс. все смотрится отлично. Центральный блок, находится по середине, на фоне внешнего блока с изображением. Но при уменьшении разрешения (при свойстве у внешнего блока overflow:hidden;), идет скрыти правой части изображения. Как…
0 votes2 answers -
Input URL
Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.
0 votes9 answers -
вычисление ширины в ie6
Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!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=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20…
0 votes7 answers -
Два <body> на странице.
Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление <body onLoad="..."></body> и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены). Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)
0 votes4 answers -
Реализация кнопки нестандартной формы
Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.
0 votes3 answers -
Неимоверно сложная задача!!!
Как сделать, чтобы при наводе мышкой на изображение-ссылку это изображение увеличивалось ненамного (хочу сделать что-то на подобие 3D).:) Т.е. у меня есть изображение размером 135 х 101, а чтобы при наведении на него мышкой оно становилось чуть большим. Вот код гиперссылки: <a href="1.html" width="140" height="105" target="1"><img src="images/1.jpg">
0 votes16 answers -
Не работает reset на кастомном select
Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM
0 votes1 answer -
Воспроизведение видео на странице без подключения к интернету....
Помогите пожайлуста, это очень срочно. У меня щас идет дипломное проектирование, тема называется "Разработка электронного учебника по программированию". В этом учебнике должны будут быть видео материалы обучабщего характера. То есть эти видео-ролики должны как-то грузится с самого компьютера. Подключение к интернету отсутствует. Использовать нужно только html и java script.... На странице http://htmlbook.ru/html/object.html посмотрел и всерано немогу понять... Вопрос: как сделать что бы ролики показывались и ими можно ыбло управлять(перемотка, пауза....) ??
0 votes11 answers -
работа с таблицами HTML
Люди помоги пожалуйста. есть одна проблема. имеется форма. на ней есть поле ввода текста textarea1.по нажатию на кнопку содержимое поля для ввода должно скопировать в определенную ячейку таблицы. теперь вопрос . как к ней обратиться ( к этой ячейке таблицы) чтоб скопировать в нее текст , который есть в textarea1. напишите пожалуйста как это сделать. лучше с примерами. еще лучше на VBScript.
0 votes12 answers -
Выравнивание по центру изображения с absolute
Здравствуйте! В верстке новичок, возникла необходимость выровнять картинку с position:absolute по центру. Кроме этого, картинка вписана в окно браузера, и масштабируется с сохранением пропорций. Если убрать absolute, получается выровнять с помощью text-align:center; Но без absolute она некорректно отображается в опере, ие и мозилле. Помогите советом. Код: <STYLE type="text/css"> *{padding: 0; margin: 0;} body, html {height: 100%;} #soon { /* Set rules to fill background */ height: 100%; min-width: 640px; min-height: 480px; /* Set up proportionate scaling */ height:100%; /* Set up positioning */ z-index: -1; position: absolute; } </STYLE…
0 votes2 answers -
Тег command, атрибут command
Нужна помощь экспертов. Значит, имеется такой тег: command Спецификация У него имеется атрибут: command Спецификация Вопрос: Как это понимать, где и как это использовать? Если можно - со ссылками или с примерами. Что-то не могу разобраться... Спасибо.
0 votes13 answers -
<img src="русский.jpg">
такая проблема: в строчке не воспринимаются русские символы всместо какаха.jpg в браузер передается ProductImages/%EA%E0%EA%E0%F5%E0.jpg Как организовать поддержку русских символов в html? не помогает
0 votes6 answers -
графическое подчеркивание ссылок в меню
я делаю простой сайтик. там есть меню. я хочу чтобы при нахождении на определенной странце - соответствующий странцие пункт меню был подчеркнут. но у меня никак не получается это сделать. я уже запуталась окончательно... была бы вам очень благодарна если бы вы посмотрели код и могли бы может что-то мне посоветовать. т.к. приложить не могу файл ниже код <!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=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="…
0 votes9 answers -
Background-image?
Не понятно как сделать чтобы в резиновом сайте при масштабировании фоновая картинка(в body например) оставалась зафиксированной? Что гугл что поиск не дали результатов, возможно из за неверной формулировки, хз.
0 votes7 answers -
Смена класса по клику
Как используя jquery для данного кода <li class="red"><span></span></li>По клику span, применять ему класс .activ, у которого свои стили будут. Буду благодарен примеру.
0 votes15 answers -
Резиновый контент?
Добрый день у меня возник такой вопрос как можно сделать резиновый контент. Например есть три колонки сверстаны блочным стилем (Левый блок, Контент, Правый блок) И если например в правом блоке нет ничего то контент должен увеличится в Право. Как это реализовать? Пример верстки см. ниже? Файл index.php <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body> <!-- НАЧАЛО СТРАНИЦЫ --> <div id="jwb_Board"> <!-- ШАПКА САЙТА --> <div id="jwb_Header"><strong>Шапка Сайта</strong></div> <!-- END --> <!-- ОБЕРТКА КОНТЕНТА --> <div id=…
0 votes3 answers -
Как фиксировать изображение?
Вот сайт, мой. Я его не рекламирую Привожу ссылку для наглядности. popfor.ru Я новичок в веб-дизайне. Подскажите, что прописать в css, чтобы изображение, которое справа, при сворачивании окна браузера "тормозилось" перед логотипом, который расположен слева, пикселей, хотябы на 20-30. Буду очень признателен за помощь Код самого изображения: .shp_tr { background:url(../../images/shp_bags.gif) left top no-repeat; right:auto;height:216px; width:693px;} Вот весь код: Удалено.
0 votes9 answers -
modernizr VS html5.js? Кто лучше?
Всем доброго времени суток. С появлением нового HTML5 встал вопрос а его кроссбраузерности. Увы, так уж сложилось, что многие пользователи пользуются мягко выражаясь (древними) браузерами такими как всеми нелюбимый IE8. Но худа без добра не бывает, и на свет появились такие полезные скрипты как modernizr и html5.js. И тут появляются вопросы: что лучше и практичней? С чем легче всего и правильней работать дабы прелести современной вёрстки не гинули в пучине древних браузеров, и даже там радовали глаз создателя. И так, что же лучше modernizr или html5.js?
0 votes12 answers -
При наведении на картинку идет смещение. (CSS)
При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/
0 votes2 answers -
Как правильно работать с type="text" в explorer?
Эта глючная особенность Explorer уже года три периодически мне портит дизайны: http://dankey.biz/dan/trabla Как избавится от зазора между текстовым полем и его контейнером?
0 votes5 answers -
Avi На Веб Странице
Здравствуйте ) Пытаюсь вставить видео файл формата avi на сайт, таким образом: <OBJECT ID="NSPlay" WIDTH=239 HEIGHT=209 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://<?=$_SERVER['SERVER_NAME']?>/video/clip.avi"> <PARAM NAME="ShowControls" VALUE="1"> <PARAM NAME="ShowDisplay" VALUE="0"> <PARAM NAME="AutoStart" VALUE="0"> <PARAM NAME="ShowStatusBar" VALUE="0"> <PARAM NAME="Au…
0 votes1 answer -
Недействующие полосы прокрутки
Столкнулся с этим в опере. В других браузерах по-моему такого не было. Появляется полоса прокрутки, но она не действующая, засвечена бледным цветом, ничего не прокручивает. По какой причине это может возникать? Вот описание класса: #lev { max-width:289px; width:auto; width:expression(document.getElementById('menu').offsetWidth < 274 ? document.getElementById('menu').offsetWidth+15 : '289px'); height:expression(document.body.offsetHeight-162); position:absolute; top:103px; bottom:54px; left:5px; overflow:auto; float:left; border-style:solid; border-width:2px; border-color:#FFFFFF #AAAA44 #AAAA44 #FFFFFF; background-color: #FFFFCC; col…
0 votes11 answers -
MOV Тур (панорам) в SWF а его в HTML - как ?
Подскажите как переделать mov (панараму) в flash swf а её выложить на сайте но с кнопкой play как в youtube и при нажатии крутится по туру. В заранее. Слабо ???
0 votes1 answer -
Вопрос-ответ
Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !
0 votes18 answers