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
-
div поместить вместо iframe
Доброго времени дня! На сайте в файле index.htm есть код который отвечает за поиск по сайту. Там же имеется iframe - как мне выводить результаты поиска в этот iframe. Вот сами коды/скрипты. <div id="page"> <form id="searchForm" method="post"> <fieldset> <input id="s" type="text" /> <input type="submit" value="Submit" id="submitButton" /> <div id="searchInContainer"> <input type="radio" name="check" value="site" id="searchSite" checked /> <label for="searchSite" id="siteNameLabel">Поиск в</label> <input type="radio" name="check" value="…
0 votes0 answers -
Анимированое изменение числа
В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.
0 votes2 answers -
Как маштабировать страницу html
Я новичек, мне нужнп помощь, как в коде html, сдедпть так чтобы страница не растягивалась в горизантальном формате, а только в вертикальном и как подстроить сайт ( оптимизировать его, под разные разрешения экрана ). И как все же поставить ограничение страницы, что она была вертикальнвя, а не растягивалась вечно?
0 votes1 answer -
Фон
Подскажите плиз как поместить одновременном изображения на фоне в левый верхний и правый нижний угол? Я нашёл решения, но они у меня не фурычат!
0 votes2 answers -
Блоки картинок
Как сделать чтобы картинки распределялись только по одной строке на всю ширину экрана,и те которые выходять за край экрана должны убираться совсем. <style type="text/css"> .thumbnails { margin: -3em 0 0 -2em; text-align: center; } .thumbnail { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em; } .thumbnail .r { width: 14em; float: left; } </style> <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="anon.jpg" alt="прп. апррв" /></a><br /> прреп «<a href="#">апвр&l…
0 votes1 answer -
2 проблемы с формой
Всем привет. Код формы: <div id="contact-wrapper"> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform"> <div> <label for="name"><strong>Name:</strong></label> <input type="text" size="50" name="contactname" id="contactname" value="" /> </div> <div> <label for="email"><strong>Email:</strong></label> <input type="text" size="50" name="email" id="email" value="" /> </div> <div> <label for="subject"><strong>Budget:</strong></label> <input type="text" size="50" name="subject" id="subject" value=""…
0 votes1 answer -
изменение ширины из-за скрола прокрутки
Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит
0 votes2 answers -
Проблема в расположении элемента
Класс .rek располагается не там где нужно Вот скрин height: auto , поэтому высота блока 737px Вот что когда height: 500px то есть он роcполагается в начале родительского блока Его css #main .rek { margin: 3px 0 0 0; text-align: justify; height: auto; width: 696px; } как его поставить нормально? ========================================================================================== Извиняюсь, вот код, http://jsfiddle.net/wb7Bq/ но он не полный ЗЫ: а вот над розполагается можно было и не ржать, не все тут из России и знают Русский
0 votes3 answers -
Проблемы оформления меню
Здравствуйте, ребята. У меня проблема с оформлением меню и сам я в этом разобраться что-то не могу, а посему прошу помощи у опытных людей. Меню организовано стандартным образом - списком. Левая граница меню оформлена как изображение прибитое к левому краю ul. Между пунктами меню разделители оформлены в виде изображений прибитых к правому краю li: <ul> <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> <li><a href="#…
0 votes1 answer -
Вертикальное выравнивание UL в DIV
Здравствуйте. У меня возникла следующая проблема. У меня есть блок div определённой высоты. Внутри него имеется список ul ссылок, который требуется выровнять по высоте блока div по середине. Проблема в том, что ни margin: auto 0, ни verical-align: middle не помогают и блок прижимается к верхней части div'а. Не могли бы вы помочь мне с этой проблемой?? Вот шаблон макета, изменить его по некоторым причинам не представляется возможным (только если через js, но нежелательно). Остальные стили я и сам смогу поставить, только с этим проблема выходит... Заранее спасибо.
0 votes3 answers -
Ссылка по верх фото
Здравствуйте, подскажите как можно сделать ссылку по верх фото, допустим на сайте есть большое фото, на котором надо поместить ссылку в виде надписи(текста) и какова формата должна быть фото? Заранее спасибо
0 votes2 answers -
Проблема с fontsquirrel
Проблема такая - мне очень нужен на сайте шрифт terminator cyr 4 и если его подключить просто через font-face, кириллица работает, но отображается уродливо. Пробовал через fontsquirrel - латинница работает, красиво отрендерилась, а вот кириллица не работает вообще. В настройках выбираю EXPERT, ставлю галочку напротив Cyrillic, а эффекта ноль! Всё равно не работает. Причём, в списке символов кириллица отображается, а вот в демо файле на выходе кириллицы уже нет. А если выбрать не EXPERT, а OPTIMAL, то в демо файле кириллица даже отображается, а вот на самом сайте уже не работает! Помогите пожалуйста, очень нужно.
0 votes2 answers -
Проблема в ИЕ8 и выравнивание :after
Как надо http://divhack.com/d...s/study/3/html/ Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/ 1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит. 2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить? 3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?
0 votes4 answers -
Проблема css только в "Опере"
Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt…
0 votes0 answers -
Маркер перед заголовком
Здравствуйте! Столкнулся с проблемой - необходимо перед заголовком h2 сделать маркер в виде квадрата. Маркер я сделал, а вот правильно позиционировать его не могу. Помогите, пожалуйста, разобраться. Вот код - http://jsfiddle.net/GmRPE/
0 votes4 answers -
Номера телефонов переводятся на новую строку
Подскажите, как отменить перевод на новую строку номеров телефонов на iOS?
0 votes6 answers -
Проблема с версткой шестиугольникого поля
Доброго здравия. Моя верстка (знаю, ужасна, извините). Смотрю из Firefox. Никак не могу понять, откуда там берутся отступы между шестиугольниками (сверху, снизу, по бокам), если картинка шириной 60 пикселей одна на каждые 2 td по 30 пикселей, и все это (как утверждает Firebug) без border, margin, padding.
0 votes1 answer -
Создание дополнительных кнопок на картинке
Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое?
0 votes2 answers -
Где следует разрабатывать адаптивный дизайн?
ранее делал в инструментах разработчика в ФФ и хроме. Там все ок. Смотрю с телефона - все поехало Глянул со стороннего сервиса - опять поехало в шапке блок, подобном как на телефоне. Почему? может из-за того что там в em а не px? или шрифт в мобильном не поддерживается? (abel) да, походу из-за шрифта...
0 votes1 answer -
Стилизация нумерованного списка с вложенным маркированным списком
Здравствуйте. Как сделать, чтобы нумерованный список сохранял последовательность нумерации при условии, что внутри него вложен маркированный список? На прикрепленном изображение видно, что нумерованный список после 2 продолжает с 6, вместо 3. Во всех остальных вариациях вложенности списков все нормально, только в этом варианте неверное отображение.
0 votes2 answers -
Как правильно и быстро вырованять 50на50 экран
Нужно выровнять 2 дива ,как более быстро это сделать ,посоветуйте
0 votes1 answer -
Проблема с width в ie6
Приветствую Решил сделать для ДЛЕ шаблон 3 колоночный, левая и правая колонки фиксированные по 200 пикселей а центр резиновый, сам шаблон тоже как будто резиновый в 98%, в ие7 и других современных броузерах все работает отлично но вот в ие 6 центральная колонка работает не корректно - у первой записи из коротких новостей, низ уходит пикселей на 500 вниз и по ширине отличается от последующих коротких записей, которые корректно работают, не могу понять причину, сама центральная колонка выводится через<div id="name"></div>, а короткие новости в шаблоне так же выводятся через <div class="other name">{short-story}</div>, т.е. в итоге имеем типа вложенно…
0 votes0 answers -
Объясните простую вещь чайнику
Не знаю ответят ли мне на такой тупой вопрос, но пожалуйста ответьте как мне вставить фотки в готовый альбомчик, вот тут его дают http://help-html-css.narod.ru/photoalbum-css-1.html Я такой безнадежный необучаемый чайник, что у меня даже это не получается, а альбомчик нравится. Два раза пожалуйста и очень медленно, плииз. Я на народе поселилась, а они на форуме не регистрируют кажись. Если я в чем нибудь продвинусь, вопросы будут поумнее, а пока хоть бы альбомчик забацать )))
0 votes1 answer -
margin и border
День добрый. Подскажите, пожалуйста, почему если убрать бордер у #content, то бокс совпадает по высоте с .toolbar ??? А возвращаешь бордер и становится все нормально. <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!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>TODO supply a title</title> <style> body { background: #eff6fc; font…
0 votes2 answers -
баг или ошибка
В общем, ситуация следующая: <!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=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…
0 votes4 answers