HTML Coding

29,542 questions in this forum

1. Проблема с текстом

   Есть дивы на сайте http://nrdesign.com.ua/ НАС ЧАСТО СПРАШИВАЮТ Кликая по тексту Как мы работаем или Сколько стоят наши услуги выезжает текст с описанием этой услуги, но если по открывать сразу все то будет ничего не видно. Как сделать так чтобы если один открыт то кликая по другому первый закрывался. Помогите нужно срочно решить проблему.

   Asked by Shenia132, May 7, 2014

   • текст
   0 votes
   12 answers
2. Раскрывающаяся область, как оптимальнее реализовать?

   Уважаемые гуру, прошу не пинать если я банален, но пытаясь делать первые шаги в верстке не сразу адекватно воспринимаешь весь поток информации)). Подскажите как лучше сделать такую штуковину: Есть блок, по аналогии с пунктом меню - при наведении на пункт меню вываливается еще несколько скрытых до этого пунктов подменю. А как можно сделать чтобы при нажатии на какой то квадратик на странице, к примеру 50х50, она разворачивалась в больший квадратик допустим 100х100. И можно ли это сделать простыми методами?

   Asked by master-kyk, May 7, 2014

   • div
   • ul
   0 votes
   25 answers
3. стандартное поле загрузки файла в форме. проблема с value

   помогите пожалуйста разобраться существует стандартное поле загрузки файла. не понятно где в разметке хранится имя загруженного в форму, но ещё не отправленного файла. на моём рисунке видно, что в инспекторе value="23", но на экране браузера загружен файл eat.jpg

   Asked by cyklop77, May 7, 2014

   0 votes
   5 answers
4. кнопка меню - прямоугольник под наклоном

   Добрый день. У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке

   Asked by Nailya, May 7, 2014

   0 votes
   5 answers
5. Как сделать такой вид контента?

   Здравствуйте! Как сделать такой вид контента как на картинке, много таких сайтов видел. чтобы каждый блок начинался после окончания предыдущего. Заранее спасибо.

   Asked by Даниил Виттманн, May 7, 2014

   0 votes
   4 answers
6. Отображение страниц в мобильных устройствах

   Добрый день, решил разобраться в вопросе создания страниц для мобильных устройств и, почитав статьи и книги, натолкнулся на некоторые вопросы. Вычитал в книге Бена Фрейна, что без тега meta с атрибутом vieport обычная (неадаптированная веб-страница) сжимается в браузере мобильника, но влезает в него целиком (речь в данном случае о iPhone 3gs). Но у меня стоит по Оперу тестировщик для просмотра в разных устройствах и там ничего и без этого тега не сжимается и страница целиком не влезает. В чём здесь дело? Может, современные мобильные устройства не сжимают страницу?

   Asked by webmos, May 7, 2014

   • общие вопросы разные источник
   0 votes
   3 answers
7. Блок заказа поверх страницы

   Добрый день! Можете подсказать, как ввести аналогичный алгоритм показа блока заказать звонок поверх страницы, также как указано на этом сайте? http://bloky.ru/ Когда нажимаем кнопку "Заказать обратный звонок", появляется форма заказа поверх страницы. Как можно написать такой java-код либо можно ли его позаимствовать с этого же сайта?

   Asked by marianna9201, May 8, 2014

   • html; страницы; заказ
   0 votes
   2 answers
8. Помогите найти решение! (Адапт.Верст. для всех моб устр)

   Добрый день! Стоит задача сделать адаптивную верстку под любые разрешения.Стиль должен быть в виде winphone меню. Нашел решение через padding.http://dev.eski.mobi/nokia/ Есть ли аналогичные решения (чтобы блок тянулся и в ширину и в высоту,как в примере выше)? Без JS.

   Asked by Temik2704, May 8, 2014

   0 votes
   5 answers
9. При наведении исчезает картинка

   У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …

   Asked by Daniil Khanin, May 8, 2014

   0 votes
   2 answers
10. Как сделать такую рамку?

    http://joxi.ru/UDprU_3JTJA3U4xzJu8 как сделать такую рамку?

    Asked by Zverushka, May 8, 2014

    0 votes
    3 answers
11. Позиционирование блоков с наездом

    Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?

    Asked by cul8er, May 8, 2014

    0 votes
    4 answers
12. Помогите определиться как именовать сущности

    Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?

    Asked by Zverushka, May 8, 2014

    0 votes
    4 answers
13. Обрезка Div Блока

    Подскажите, не знаю как сделать. Есть Два див блока. <div class="duvet"> </div><div class="sheet"></div>Для них стили .duvet { position: absolute; width: 400px; min-height: 440px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6); border-radius: 100%;}.sheet { border-radius: 100%; position: absolute; z-index: 3; width: 400px; height: 100px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}Требуется обрезать .sheet таким образом что бы…

    Asked by CrazyFox, May 8, 2014

    0 votes
    3 answers
14. переход от блока к блоку в виде стрелки

    http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.

    Asked by Zverushka, May 8, 2014

    0 votes
    0 answers
15. Как сделать такую полоску?

    Посмотрите на этот макет: http://f-lite.ru/lfp/i023.radikal.ru/1405/c8/027ef6b4990d.jpg/htm там есть слово MEDIA и полоска идет. так вот, как ее можно осуществить?

    Asked by WEB-best, May 8, 2014

    0 votes
    2 answers
16. В firefox 29.0 неправильно отображается border, где-то 1px, где-то 2px

    Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> rand…

    Asked by pashtetiprit, May 8, 2014

    • firefox
    • border
    0 votes
    2 answers
17. Отображение деталей шаблона, в зависимости от ширины экрана

    Здравствуйте. Столкнулся с проблемой, когда при одном расширении экрана деталь, шириной (пусть 1000px) выглядит как-то так А при ширине экрана 1000px и менее, эта белая часть в ширину равной 100%.

    Asked by lolik123, May 8, 2014

    0 votes
    2 answers
18. создание кнопки ссылки

    Нужно сверстать вот что домик на белом фоне шириной 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…

    Asked by Daniil Khanin, May 8, 2014

    0 votes
    1 answer
19. замена background при смене раздела сайта

    Доброго времени, В общем объясню вкратце что да как) Есть сайт в background у хэдера. Форма его одинаковая на всех страницах с одним отличием что на последующих в отличии титульного добавляется картинка какая либо. При смене страницы я буду подгружать контент новый а верх и подвал остаются как-бы тот-же. Только что бг хэдера заменить надо. Я начал делать, с помощью jquery, нажимаю на меню если это тот раздел что надо я меня бэкграунд хедера на тот что надо. Но проблема появилась что обновить нажмёшь всё падает. Есть вариант использовать куки. Но в javascript, я с этим не сталкивался ещё мануал глянул больно что-то запутано) Может кто подскажет примерчик приведёт. Либо…

    Asked by new-dev, May 8, 2014

    0 votes
    1 answer
20. Проблемы с меню

    http://siliconvalleyhd.ru/ Собственно проблема с меню, у последнего элемента hover не полностью покрывает весь элемент. Помогите, как исправить?

    Asked by Roman700900, May 8, 2014

    0 votes
    2 answers
21. Смена картинки при ховере в хроме

    На ховер назначена другая картинка на input. При смене она моргает как будто идёт загрузка, только в хроме. Но у меня скрипт предзагрузки и во всех браузерах всё нормально. Я пробовал картинки тупо в вёрстку встраивать то есть они точно загружены, но при первом наведении идёт моргание, а потом нормально, в точности как если бы это была загрузка картинки. Раньше не припомню такой проблемы, хз мож обновился хром и чё то там изменилось.

    Asked by SoFuWa, May 9, 2014

    0 votes
    2 answers
22. проблемы с менюшкой

    при нажаие каталог ,тобиш menu item 15 ,ничего не происходит как бы я не обращалась к этой сcылке и через id и через li ul .что делать если забрать дисплей нон то вылетает только 3 уровень меню! все это на вордпрессе , менюшка из файр бага ,как есть так и скинула. <div id="container"> <div id="sidebar"><div class="menu-sample-hmenu-container"><ul id="menu-sample-hmenu" class="menu"><li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://wpmon1/?page_id=10">Головна</a></li><li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page curren…

    Asked by lcherryicel, May 9, 2014

    • сss wordress
    0 votes
    5 answers
23. Комментарии

    Привет ребят. Расскажите пожалуйста, трудно ли сделать на сайте комментарии по типу как на Wordpress блогах? Ну я думаю вы поняли, что бы не регистрироваться а просто ввел имя и комментарий, и он запостился. Заранее спасибо.

    Asked by soressu, May 9, 2014

    0 votes
    10 answers
24. Про приоритет.

    Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <style type="text/css"> .one { color: red; /* красный текст */ } .one { color: green; /* зеленый текст */ } .two { color: red !important; /* красный текст с приоритетом */ } .two { color: green; /* зеленый текст */ } </style>

    Asked by DivMan, May 9, 2014

    0 votes
    2 answers
25. блок с текстом на фоне картинки

    как сделать блок с текстом на фоне картинки... У меня header-bg большой, и если я его ставлю center top , отоброжается всё ок по экрану как надо но в высоту получается высокий и отступ большой до header-bg , мне надо текст поднять, как сделать чтоб он виден был на фоне бг? либо что можно с бг сделать? .bg-header { position: relative; height: 784px; width: 100%; background: url(/img/titulinis/header_bg.jpg) center top no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } http://prntscr.com/3hvbm6 http://prntscr.com/3hvbkf если делаю контент делаю relati…

    Asked by new-dev, May 10, 2014

    0 votes
    1 answer