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
-
Странный глюк - перестали выделятся некоторые ссылки
Вроде ничего не менял на сайте, но теперь некоторые ссылки в центральном окне не выделяются. Сайт http://maxcomp74.ru/ Например ссылки: зависает, нет звука. Самое что интересное, если уменьшить окно браузера то всё работает. На IE глюк не распространяется. Помогите, не понимаю что это такое могло случится с ссылками.
0 votes3 answers -
Помогите решить вопрос с WP
Здравствуйте. У меня сейчас вот такая ссылка http://www.btn.kiev.ua/category/stati/ на страницу статьи. Скажите пожалуйста как сделать ее вот такой http://www.btn.kiev.ua/stati/
0 votes2 answers -
2 вопроса в 1-ном! (Twitter Bootstrap; background-position;)
Здравствуйте. Так получилось что в данный момент у меня возникло сразу 2 вопроса, не имеющих между собой прямой связи. 2 поста создавать из за этого не хотелось. В общем - перейду к делу: 1) Можно ли отрепитить картинку 1px по обеим осям(x,y), создавая при этом необходимые отступы с требуемых сторон? (Учитывая что картинка имеет не однородный характер.. Знаю, что в другом случае конечно можно и средствами CSS3 обойтись..) 2) Возможно ли как то делать эти отступы больше чем с 2-х сторон? (Например, если нужно отступить с верху, c боку + что бы картинка до самого низа не репитилась? Есть ли простые обходные пути для таких задач?) 3) Насколько полезным(и актуальным), на данн…
0 votes2 answers -
условные комментарии в адаптивной вёрстке
кто-нибудь использовал условные комментарии в адаптивной вёрстке? имхо они просто не работают. к примеру есть код <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/styles_basic.css" media="all"> <link rel="stylesheet" href="css/styles_480.css" media="only all and (max-width : 768px) and (min-width : 480px)"> <link rel="stylesheet" href="css/styles_768.css" media="only all and (min-width : 768px)"> <!--[if IE]> <link rel="stylesheet" href="css/ie.css" media="all"> <link rel="stylesheet" href="css/ie_768.css" media="only all and (min-width : 768px)"> <![endif]--> в ie9 правила из файла css/ie_768.…
0 votes5 answers -
Как найти нужный файл Html?
Всем добрый день! Ребят Хелп. сделали мне сайт и все исполнители исчезли. Все вроде налажено, но нужно менять текста на внутренних страницах сайта. Все хтмл файлы перерыл, не могу найти нужный, куда засунули, хз! Вот сам сайт: ввв.itobi.ru
0 votes2 answers -
zurb-foundation форма в топбаре
Прежде всего, вопрос для тех, кто знает этот фреймворк Хочу поместить форму в topbar, получается не очень красиво. Код <nav class="top-bar" data-topbar> <ul class="title-area"> <li class="name"> <h1><a href="#">Xandra</a></h1> </li> <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> </ul> <section class="top-bar-section"> <!-- Right Nav Section --> <ul class="right"> …
0 votes0 answers -
Переключение комментариев: с ВКонтакте / с сайта
Доброго дня! Увидел достаточно полезную фишку на одном из сайтов - переключение комментариев. Думаю, объяснять как это выглядит не нужно. Можно было бы просто выдрать кусок кода и не парясь поставить, но он работает немного не так, как я хотел. Когда нажимаешь на "ВКОНТАКТЕ" - сверху комментариев с сайта вылазят комментарии с ВКонтакте, т.е. одно не заменяет другое. Как лучше реализовать подобное? Спасибо.
0 votes1 answer -
Подскажите по правильности верстки HTML с картинкой
Есть код с изображениями. При добавлении его на страницу изображения выстраиваются вертикально, надпись над каждым изображение слева в углу. <p>JP бордо<br> <img src="http://esmagazin.ru/wa-data/public/photos/01/00/1/1.200x0.jpg" style="width: 200px; height: 200px; " alt=""> </p> <p> JP голубой<br> <img src="http://esmagazin.ru/wa-data/public/photos/02/00/2/2.200x0.jpg" style="width: 200px; height: 200px; " alt=""> </p> <p> JP зеленый<br> <img src="http://esmagazin.ru/wa-data/public/photos/03/00/3/3.200x0.jpg" style="width: 200px; height: 200px; " alt=""> </p> <p> Вот так. Но это не то что нужн…
0 votes3 answers -
Фон и нефиксированный div
Здравствуйте, возникли проблемы. Прошу помощи Мы имеем серый фон. Но нам еще нужен белый поверх него. Было решено занести его в див. Это и есть рабочая площадь. Стили div'а с белым фоном .fon { margin-right: -496px; position: absolute; padding: 0px; width: 950px; height: 90%; right: 50%; background-color: white; box-shadow: 1px 0 8px rgba(0,0,0,0.5);}Выше у нас идет таблица. В левом столбце меню. С ним проблем нет. Поднять наверх его смогу. Проблема состоит в правом столбце. При больших объемах информации (а они будут очень большие), как вы видите, вся наша таблица уезжает вниз Футер я зафиксировал. Он остается на месте,…
0 votes2 answers -
IE9 неправильно выстраивает элементы. В чём причина?
http://tellmeof.cc.ua/MetroUI/metroui.html Нормальные браузеры при ширине области просмотра более 960px выстраивают плитки в два ряда. В IE9 что-то ломается, и ряда становится три. Не могу понять что происходит.
0 votes1 answer -
Частично закрытый toggler
Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…
0 votes2 answers -
Подсветка gif-картинок (фоном) при выделении чекбоксом
Приветствую всех! Столкнулся с проблемой, решение которой нигде не могу найти. Задача в следующем: нужно, чтобы при выделении определенного чекбокса подсвечивались прозрачные картинки определенном цветом (т. е. должен появиться фон под нужными картинками) Есть подобная верстка: <div id="container"><div><img src="111.gif"></div><div><img src="222.gif"></div><div><img src="333.gif"></div><div><img src="111.gif"></div><div><img src="444.gif"></div><div><img src="555.gif"></div><div><img src="222.gif"></div><div><img src="111.gif">…
0 votes5 answers -
Сайт для продажи билетов на концерт
Подскажите, надо сделать сайт для ОДНОГО концерта. Проблема с выбором мест и отсылом на ASSIST. Может есть шаблоны, хочется сделать его без движков. Заранее спасибо.
0 votes3 answers -
проблема с shadowbox'ом или плеером
Есть вот такой сайт http://vr.angell.ath.cx 1. При нажатии на картинку (фильм) вылазит shadowbox. Внутри плеер. этот плеер нормально отображается только в Хроме. в ФФ совсем чернота. а в Опере и ИЕ он сверху и узкий. Кто то сталкивался с подобным? Можете что то подсказать? Это баг плеера или шадоубокса? или подключено как то неверно? 2. Возможно ли как то скролл сделать горизонтальным? а не вертикальным. без js. с js там слайдер )
0 votes0 answers -
Расстояние пунктов меню (Linear)
здравствуйте, у меня проблема с выделением пунктов меню в данный момент имеется это: #page .nav .item a{ font-family: Calibri; font-size: 18px; line-height: 1.4em; color: #ffffff; font-weight: normal; text-decoration: none; border-spacing: 1px 0px } #page .nav .item a:hover{ background-color: #FFFFFF; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } #page .nav .current a, #page .nav .current a:hover{ background-color: #ffffff; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } хотелось бы настроить так , чтобы при наведении курсора текст не разъезжался, тоесть нужно оптимизировать (или просто расставить п…
0 votes3 answers -
проблемы с a:hover
Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо
0 votes2 answers -
Плывет градиент при background-attachment: fixed
Здраствуйте. Глупый вопрос скорее всего) Есть класс .gr{ background-image: url("img/gr.gif"); background-repeat: repeat-x; background-attachment:fixed; } Проблема в том, что при прокрутки вниз в любом браузере, градиент бежит вниз страницы за прокруткой. Класс применяется в таком виде: <td class="gr" height="100%">
0 votes2 answers -
Подскажите с расположением элемента
Добрый день, дорогие форумчани! Сразу извиняюсь за возможно корявый код, это мой самый первый сайт, и то что привожу его прямым текстом, а не даю веб-ссылку (да я прочел ваши пожелания). Помогите пожалуйста с написанием кода для данного хедера: Имеется следующее: сам сайт будет фиксированной ширины 1024px и располагаться по центру страниц, хедер решил сделать слегка резиновым), а именно картинки бабочек и печенек сделал repeat-x, но основная часть та, что на картинке, располагается по центру страницы. Проблема заключается в том, что не могу поставить поле поиска в нужное место, оно у меня уезжает вместе с расширением окна браузера. и собственно вот код: <!DOCTYPE h…
0 votes6 answers -
Отступ после reCAPTCHA
Имеется два, прилегающих друг к другу, блока ... <DIV id="content"></DIV> <DIV id="footer"></DIV> ... #content { width: 729px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; background: url(contentfon.png) repeat-y; } #footer { width: 789px; height: 20px; margin: 0 auto; background: url(footer.png) no-repeat; } При вставке в первый (верхний) блок reCAPTCHA, в некоторых браузерах (Chrome и Safari) между блоками появляется отступ. Как его убрать? Вставляемый код reCAPTCHA: <script type="text/javascript" src="'. $server . '/challenge?k=' . $pubkey . $error…
0 votes2 answers -
Центрирование слоя внутри слоя
Подскажите, пожалуйста, как центрировать слой произвольного размера внутри другого слоя? Изначально: Как должо быть:
0 votes5 answers -
Контент вылазиет за блок
Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо
0 votes2 answers -
Div И рисование Геометрических фигур
Ребят такая ситуация вот я с помощью css нарисовал трапецию ,вот код:#trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } потом присваиваю это css правило div контейнеру мне нужно чтобы была рамка горизонтальная по всему сайту с низу из трапеций как это реализовать,думал насчёт функции repeat но она подходит только для background image
0 votes3 answers -
0 votes6 answers
-
Тень у активного пункта меню
Помогите разобраться, как мне тень поставить на активный пункт? Вот так должно быть: А у меня пока что так. Срезается тень(
0 votes5 answers -
как заставить элементы видеть друг друга
брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в JS слабоват, не могу понять каким образом можно обратиться с условием к элементу, что если их контуры пересекаются в процессе параллакса, то они меняют цвет, а их логическая разность сохраняет исходный цвет. собственно параллакс запилил довольно быстро (хотя и пока схематично): http://codepen.io/stDragon/full/mbFjz а вот с инверсией цвета встрял на месте. вот так должно (схемотично) выглядеть https://docs.google.com/open?id=0BzoXOi2obvx_d0F1Zk9vdmFmeDg подскажите пожалуйста в какую сторону копать (предполагаю что canvas), какими элементами оперировать чтобы это реализовать. Если ски…
0 votes2 answers