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
-
Выбор произвольного цвета Chrome
Необходимо было сделать выбор произвольного цвета. Получилось вот так: <script type="text/javascript"> function rndColor() { var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); var rgb = 'rgb(' + r + ',' + g + ',' + b + ')'; document.bgColor = rgb; }</script> <select> <option onclick="rndColor()">random color <option >another option </select>В общем работает в FF и в IE, но вот Chrome отказывается. Как исправить? Я так понимаю что хрому нужно указать цвет в hex формате, подскажите как…
0 votes1 answer -
Проблемы с меню
http://siliconvalleyhd.ru/ Собственно проблема с меню, у последнего элемента hover не полностью покрывает весь элемент. Помогите, как исправить?
0 votes2 answers -
Проблема с блоком поиском
Всем привет) Вот сайт верстаю http://texteredsa.besaba.com/qm/ пытаюсь сделать вот эту копию http://www.quomodo.pl/qm3/v4_parallax/ проблема с большим блоком поиска и кнопкой button. Уже пару часов просматриваю как там в фаербаге она устроена, так понять и не могу, знаю что в css для них сделан блочный стиль. а как именно не догоняю. В бутстрапе не шарю, пытаюсь с нуля сделать. Подскажите как там сверстано?
0 votes1 answer -
Якорь в респонсив
Одностраничник тоже требует навигации. Якорь позволяет быстрый переход и всегда оказывается в верхней части экрана. В моём случае http://richel.skepton.ru/ 1) Верхн часть экрана занята фикс хедером. 2) Высота хедера разная на разных девайсах. Т есть, выставить якорь "на опережение" можно, но оно потребуется разное для разных устройств. Можно попробовать применить visibility:hidden/visible для разных якорей на разных устройствах. Идеалом было бы задать для нужного h2 точное расстояние от верха экрана при конкретном разрешении экрана по клику на соотв ссылку. Поделитесь плз опытом, кто решал подобную задачу.
0 votes0 answers -
Как скрыть ссылку с определенным тайтлом
Есть всякие табы без классов. один из табов содержит swf файл (флеш анимация товара, с возможностью вручную его покрутить со всех сторон) для мобильника соответственно выдает ошибку , мол загрузите плагин. потому для адаптивной верстки задача скрыть этот таб. Вопрос - как это сделать, так как класса не стоит. есть только тайтл. чувствую тут как-то при помощи js делается.. или всеже в css можно? <ul class="jwts_tabbernav"> <li class=""> <a href="javascript:void(null);" title="3d">3d</a> </li></ul>
0 votes1 answer -
Safary и Chrome мобильные устройства - позиционирование футера
Бобра всем! Обычно элемент (футер) прибить к bottom экрана просто: - или через абсолтное позиционирование и свойство bottom - через свойство height в vh - через flex Но у сафари (и теперь с недавних пор Chrome) для мобильных устройств стандартные методы вызывают эффект описанный в этой статье: Ссылка на описание бага Если коротко, то нижняя часть интерфейса браузера мобильного устройства перекрывает прибитый к футеру элемент. Сейчас я кое как решил этот эффект путём JS : вычисляю реальную видимую рабочую высоту экрана (в которую не входит интерфейс браузера), вычисляю высоту элемента, который я хочу прибить к низу, и абсолютно его позиционирую о…
0 votes0 answers -
Бегущий title...
У меня вопрос...Понятия не имею,как сделать,чтобы вверху,где название сайта,например,как здесь "Форум HTMLBOOK.Ru.....",чтобы когда сворачиваешь браузер,внизу это название имело вид бегущей строки....Подскажите,а...
0 votes1 answer -
старожилы форума подскажите
Здравствуйте, подскажите пожалуйста новичку - возможно ли как то сделать что бы при переходе на другие страницы сайта <div> блок не подгружался заново а оставался как есть. Заранее извиняюсь за не совсем корректный вопрос, постараюсь объяснить примером: на всех страницах сайта чуть ниже шапки - присутствует флеш сайдер который (при загрузке флешка издает звук и прогоняет по очереди заданные слайды)и при переходе на новую страницу сайта она снова издает звук и начинает показ слайдов. Если посетитель находиться на страницы достаточно долго тогда вся эта конструкция смотрится нормально, однако если человек привык к быстрому серфингу страничек тогда начальная мелодия фл…
0 votes2 answers -
Заполнение ячейки
Как создать эффект заполнения ячейки, если картинка не подходит по размерам под ячейку? Закругленные края при размножении по X видны с правой стороны. Мое предположение - размножать также по X, но стартовую точку поставить где-то по середине предыдущей картинки (но как это сделать?). Может кто-нибудь знает ответ? Заранее спасибо всем.
0 votes1 answer -
нет фона
у стиля middle задан фон background: #988780; Но почему то, если не переменить стиль #middle:after фон не отображается. Я понимаю что стиль #middle:after растягивает #middle на всю высоту текста, но разве #middle не должен сам растягиваться без помощи #middle:after? Заранее спасибо. Просто сам могу на этот вопрос угрохать ни один день. CSS: #wrapper { width: 100%; min-width: 1000px; } /* Header —————————————*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 100%; position: relative; background: #988780; } /*#middle:afte…
0 votes2 answers -
Верстка проблемы с IE
Здравствуйте, проблема в том что после верстки дизайна в IE страница открывается нормально как и во всех браузерах но появляется горизонтальная полоса прокрутки и если ее мотать (сайт при этом на растягивается) то фон длится в право до бесконечности чем дальше ведешь полосу чем дальше уходишь в право от сайта. вот сайт http://gurmantea.ru/ подскажите где ошибка или что то браузер на поддерживает хотя использовал простые теги.
0 votes2 answers -
Как при нажатии кнопки перенестись в конец сайта
Как при нажатии кнопки вверху сайта (например:"комменты") перенестись в конец сайта где расположено поле для комментов. Буду очень благодарен.
0 votes1 answer -
Текст обтекающий картинку
Такая вот проблема, при открытии ява-спойлера текст не сдвигается вниз, оставляя блок пустым, а обтекает картинку. Приmер http://beltravel.16mb.com/2012/06/orsha/ "нажмите на "Водяная мельница" Как от этого избавиться? помогите.
0 votes2 answers -
Смена изображения
Добрый день, подскажите как сделать чтоб картинки автоматически менялись менялись допустим через секунд 5? Просто менялись, без всяких наворотах!
0 votes2 answers -
Padding внутри input (Opera)
Вот Вам примерчики. Как исправить, или просто убрать padding ТОЛЬКО для Opera?
0 votes1 answer -
Не работает background-image
У меня возникла проблема подобного характера. Код html имеет такой вид <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN" "[url="http://www.w3.org/TR/html4/loose.dtd%22>"]http://www.w3.org/TR...ml4/loose.dtd">[/url] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content=""/> <meta name="description" content="" /> <link href="css/style1.css" rel="stylesheet" type="text/css"> </head> <body> <div class="contentmain"> </div> </body> </html> В css прописано следующее: @charset "utf-8"; body { m…
0 votes1 answer -
Верстка вертикального меню на основе таблицы
Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( cellspacing="0") все работает, но при этом нарушается эстетика и задумка дизайна. Подскажите возможные варианты решения с сохранением внешнего вида таблицы. <!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&…
0 votes3 answers -
Проблема с absolute right
Дано: Родительский блок DIV1 cо свойством relative Внутри него два DIV2 со свойством absolute оба DIV2 прижаты к DIV1 свойством right:0px; Проблема: При уменьшении окна браузера DIV2 наезжают на блоки, что слева. Внизу поясняю картинками. Как решить или, быть может, реализовывать floatm'и? То тогда как организовать выравнивание от родительского блока. Гугл ответа не дал, вся надежда на вас. Все хорошо: http://itmages.ru/image/view/1326754/cb63091c Уменьшаем ширину браузера и все плывет: http://itmages.ru/image/view/1326759/0870c412
0 votes4 answers -
Выравнивание контента по вертикали
Добрый день! имеется нужда вне зависимости от высоты экрана выравнивать содержимое по центру т.е есть див в нем есть другие дивы перерыл весь инет решения не нашел а то что нашел не действует 1) способ http://habrahabr.ru/post/189696/ это не действует так как left:0. top:0. right:0; bottom:0; в IE не работает 2)способ тоже т.к блок не вытягивается на всю высоту, а лишь на высоту дива(в данном случае .textalign не во всю высоту экрана, а по высоте внутри лежащего дива) 1 .textalign{ 2 display: table; 3 width:500px; 4 height: 100%; 5 position: relative; 6 overflow: hidden; 7 …
0 votes3 answers -
создание кнопки ссылки
Нужно сверстать вот что домик на белом фоне шириной 35px когда наводишь на фон то домик окрашивается в желтый цвет (НО именно когда наводишь на фон) Я сделал вот так <div class="home"><div class="homeimg"><a class="silkadom" href="#"></a></div><!-- end homeimg --></div><!-- end home -->.home{background-color:white; width:38px;height:25px;float:left;margin-left:40px;margin-top:-18px;position:relative;z-index:200;}.homeimg a{border:1px solid black;width:38px;height:25px;position:relative;z-index:100;background-image:url(home.png);float:left;}.homeimg :hover {background-image:url(homefocus.png);float:left;width:26px;he…
0 votes1 answer -
Нужна помощь
Я пытаюсь изучить html по курсу верстка сайта с нуля . Создаю документ "полностью копирую " но при этом текст есть,но не в таблице, не выравниваеться по центру и тд. убил на поиски и эксперементы уже 3 дня помогите пожалуйста. вот код <!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" xml:lang="en" lang="en"> <head> <title> test2 </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <table border="2";> <tr> <tb> логотип </tb> <tb …
0 votes3 answers -
Подобное меню
Можно ли реализовать такого рода меню и как это сделать, если возможно? https://yadi.sk/i/loaTEFx8ftAGJ вот ссылка на картинку
0 votes3 answers -
Проблема с выпадающим горизонтальным меню
Доброго времени суток! Проблема состоит в следующем: сайт www.cat-warriors.ucoz.net просматривают с IE7 и IE8. Имеются страницы системные [не имеют в конце расширения html, например, главная] и статичные, например, как эта: пример. В IE7 версии всё отлично: в обоих версиях страниц выпадают меню. В IE8 же на системных страницах меню выпадает, а на статичных нет. В других браузерах такого нет. Пробовала ставить эмуляцию IE7 - не помогает. С чем это может быть связано и как решить проблему? Заранее большое спасибо за помощь.
0 votes0 answers -
меню на css
код ответсвенный за меню находиться в низу после коментраий Почему меню криво работает, и как это исправить?
0 votes3 answers -
печать формата А3
Добрый день! Заранее прощу прощения, если вопрос слишком прост или совсем не для этого форума или ветки, искал, что то подобное но безрезультатно. Есть нарисованный с помощью canvas трафарет который нужно распечатать, что бы сделать выкройку. Трафарет рисуется по точкам, который вводит пользователь, на холсте происходит обрисовка. После этого необходимо распечатать, получившейся рисунок в формате А3, т.е. должно получиться несколько листов А4. Подскажите пожалуйста, каким образом это можно устроить? Заранее спасибо!
0 votes2 answers