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
-
неправильно настроил анимацию
помогите пожалуйста решить проблему на страничке при наведении и отведении курсора на блок .pic, внутри него появляется надпись и исчезает. если очень быстро и беспорядочно водить курсором над блоками .pic , то многие надписи не исчезают проблема в том, что мне нужно чтобы после отведения курсора надписи точно исчезали
0 votes4 answers -
подогнать фон
помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой
0 votes7 answers -
Помогите доработать
Не получается такое http://jsfiddle.net/enwmps9o/96/
0 votes5 answers -
При малой высоте блока содержимое идет ввсерх
При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.
0 votes1 answer -
вопрос про круглые края и про шапку
Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg
0 votes2 answers -
вопрос насчет вложенности
всем привет! верстаю макет в котором есть задний фон (в стилях body) + shadow (который вложен в wrapper прижат к потолку).Когда я добавляю картинку в header то добавляю margin-top и почему у меня едет вниз также shadow .Почему ? Ведь header вложен в wrapper ,почему это влияет на него? я это вопрос решил запихав shadow в body но охото понять почему не получилость с wrapper'ом http://codepen.io/fainberg/pen/oxpMqb?editors=1100#anon-login
0 votes2 answers -
Вызов функции в другой функции.
Добрый день! Разбираюсь с функциями(как уже понятно из темы). С мелкими для азов. И, балуясь(разбираясь для себя) с различными вариациями, наткнулся на результат, несоответствующий ожиданиям. Собственно, сам код: https://ideone.com/p1bCV1 Я проверял все в отладчике Chrome. Собственно, мне не важны особо действия, совершаемые на переменными в обоих функциях. Не пойму почему вызове alert всегда выдает Undefined или его значение NaN. Разве я не могу через присвоение функции переменной присвоить результат ее выполнения? Или тут вся загвоздка что я не передаю параметры в функции?
0 votes4 answers -
СОС!Помогите пожалуйста найти ошибку!
Приветствую всех! Дело такого рода: К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover Вот соответствующий листинг: #menu { textalign: center; width: 739px; height: 34px; margin: 0 auto; padding: 0 auto; background: url(images/menu1.gif) no-repeat; background-position: top center; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } ... #menu:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } ... .boxed { margin-bottom: 7px; filter:alpha(opacity=70); -moz-opacity:0.7; background: #f8f8f8 url(images/boxtop.gif) repeat-x; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebe…
0 votes0 answers -
Ширина и высота таблицы
Верстаю с доктайпом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Создаю таблицу <table cellspacing="0" style="border:1px #000000 solid;height:152px"> <tr> <td style="border:1px #000000 solid"> </td> </tr> </table> 1.Почему-то высота содержания столбца = 148пкс, т.е. толщина border входит в высоту таблицы, а не прибавляется к ней. Так происходит во всех обозревателях. 2. Что должно произойти с высотой при добавлении border-collapse:collapse? Тут каждый браузеров делает, кто во что горазд. ИЕ6 - 150пкс, Опера 9 - 149пкс, ФФ3 - 152пкс.
0 votes2 answers -
Как сделать изображение на странице
Есть задумка сделать рекламку на странице чтобы она оставалась всегда в одном и том же месте,а не прокручивалась вместе со всем контентом.То есть по верх всего контента.Но у меня Джумла,там PHP и есть ли возможность туда затолкать Html код?Чтобы можно было залинковать эту рекламу на что либо.Типа как на Юкозе реклама в правом верхнем углу.Подскажите пожалуйста.
0 votes2 answers -
проблема с бекграундом
не могу понять почему на странице decman.ру отображается картинка с бекграундом а на смежной странице decman.ру/skvend/ (которая отличается только названием картинки ) ее нет. ПС -картинка на фтп лежит , пути правильные. косяк не пойму в чем-не хочет отображаться на другую а если назвать back как на главной то видит картинку главной странице
0 votes1 answer -
Fifeboard
Исходный код: <tr class = "fb_sectiontableentry1"> <td class = "fb_leftcolumn"> <strong>Прикрепить изображение:</strong> </td> <td> <input type = 'file' class = 'button' name = 'attachimage' onmouseover = "helpline('iu')"/> <input type = "button" class = "button" name = "addImagePH" value = "" style = "cursor:hand; width: 40px" onclick = "java script:emo(' ');" onmouseover = "helpline('ip')"/> <strong>Имя файла латинскими буквами, размер не более 50kB.</strong> </td…
0 votes2 answers -
Непонятная проблема с прозрачностью
Подскажите, совсем запутался. Есть следующий код (упрощенно): style.css body { background-image: url(../images/fon-clear.jpg); background-repeat: no-repeat; background-color: black; background-position: 0 160px; color: white; min-width: 1000px; height: 100%; } .main { min-height: 650px; width: 77%; bottom: 0; background-color: black; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } index.php <body> <div class="main"> <div class="content"> ........................ ........................ ........................ </div> </div> </body> Т.е. суть - есть body, фоном для него использована картинка, внутри…
0 votes5 answers -
И снова позиционирование)
Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…
0 votes3 answers -
Позиционирование фиксированного заголовка таблицы.
Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?
0 votes2 answers -
Модальное окно
Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать
0 votes2 answers -
Фон больше чем разрешение монитора
Создаю новую страницу с размером body 1280px на 1800px. хочу добавить фон-картинку в верху страницы по всей ширине размером 1280px на 545px. Используя такой стиль: body { margin:0; width:1280px; height:1800px; background:url(img/fonbody.jpg) no-repeat red; background-position:top; } картинка размещается не по всей ширине, а только по той части, которую видно в браузере. Если прокрутить страницу в право, то там нет картинки. Как сделать, что бы она размещалась по всей ширине?
0 votes6 answers -
iframe
Можно ли как-то задать выравнивание по центру для блока видео с youtube, например, для этого: <iframe width="420" height="315" src="http://www.youtube.com/embed/JhAxaDmiuvM?rel=0" frameborder="0" allowfullscreen></iframe>
0 votes2 answers -
float:left
У меня выводится 4 изображения в горизонтальном порядке и до бесконечности в вертикальном. CSS: #img { float: left; width: 200px; height: 150px; margin: 10px; } HTML: <a href='view.php?id=$mass[id]'><img src='traffic/$mass[url]' id='img'/></a> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.
0 votes1 answer -
Z index IE 7-8
Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо
0 votes2 answers -
Формы. Атрибут accesskey
Почему у меня не работают сочетания клавишь ALT + B и ALT + H??? и какие замечания вы мне сделаете по коду?? <meta charset="utf-8"> <h2>Регистрация пользователя</h2> <p>Пожалуйста заполните все поля, чтобы зарегистрироваться на сайте:</p> <form> <fieldset> <legend accesskey="u">О <u>В</u>ас(ALT + </legend> <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="pa…
0 votes1 answer -
Идея, но как воплотить?
Здравствуйте. У меня возникла идея, а именно - анонимная форма сообщений, т.е., когда заходишь на сайт видишь окно, куда можно что-то писать, пишешь (анонимно все конечно же), потом жмешь отправить (так же можно что-нибудь прикрепить) и это сообщение автоматом идет администратору на почту (с почты сайта). Собственно вопрос заключается в чем: чтобы прикрепить файл придется использовать только php или можно выразить это через что-то другое? Можно ли написать саму форму на css и html (без прикрепления) или же придется прибегать к другим языкам программирования? Движка нет, я хотел сделать все на чистой html странице.
0 votes6 answers -
Один блок налаживается на другой, второй неактивный
вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!
0 votes1 answer -
Синтаксический стандарт Css
Всем доброго, наткнулся на статью http://rosinfotech.com/blog/14.php <— я не могу найти в W3С этих стандартов, может кто то поможет???
0 votes3 answers -
Правильная кодировка для мобильных сайтов
Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.
0 votes6 answers