HTML Coding

29542 questions in this forum

1. Про верстку в будущем

   Ребят. Я возможно и глупость говорю, я не знаю. Считайте как хотите. Вот все мы верстальщики, кто то ради удовольствия верстает, кто то на этом деньги делает. А вдруг завтра появится какой нибудь сервис. Загружаешь макет psd и за считанные секунды тебе все верстается автоматически. Что тогда? Технологии ведь развиваются с огромной скоростью. Мало ли)

   Asked by WEB-best, May 9, 2014

   0 votes
   12 answers
2. clearfix

   http://jsfiddle.net/G7X7N/1/ зачем нужен visibility: hidden; ? ведь без него всё также работает

   Asked by DivMan, May 9, 2014

   0 votes
   3 answers
3. Про приоритет.

   Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <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
4. Комментарии

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

   Asked by soressu, May 9, 2014

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

   при нажаие каталог ,тобиш 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
6. Смена картинки при ховере в хроме

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

   Asked by SoFuWa, May 9, 2014

   0 votes
   2 answers
7. Проблема с порядком элементов при вырезании группы слайсов

   Кто-нибудь справился с такой проблемой? Например, если куча марок, с которыми работает клиент - штук 30. В фотошопе они идут один за другим на картинке - слева направо в несколько рядов. Все это дело удобно сохранять выделив всю группу слоев и создав на основе них слайсы. Но... нумерация данных слайсов идет совершенно не по порядку, а каким-то особым образом... То есть если мы все это дело сохраним - номера картинок будут не соотвествовать последовательности в макете. Переименовывая каждый слайс вручную - мы практически полностью лишаемся бонуса в скорости работы через слайсы, а не через сохранение каждого слоя отдельно. Кто-нибудь решил эту проблему? Может можно задать п…

   Asked by Zverushka, May 9, 2014

   0 votes
   4 answers
8. Как это сделать

   С подобным макетом столкнулся впервые. вот он: http://s019.radikal.ru/i616/1405/94/5fa98a3e7b04.jpg меня интересует первый блок я так понял это слайдер такой. как сделать такое скругление в правом нижнем угле? картинкой не получится вставить, так как это слайдер и картинка огромного размера. подскажите как сделать это?

   Asked by WEB-best, May 9, 2014

   0 votes
   3 answers
9. Проблемы с меню

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

   Asked by Roman700900, May 8, 2014

   0 votes
   2 answers
10. замена background при смене раздела сайта

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

    Asked by new-dev, May 8, 2014

    0 votes
    1 answer
11. создание кнопки ссылки

    Нужно сверстать вот что домик на белом фоне шириной 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
12. Отображение деталей шаблона, в зависимости от ширины экрана

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

    Asked by lolik123, May 8, 2014

    0 votes
    2 answers
13. В 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
14. Как сделать такую полоску?

    Посмотрите на этот макет: 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
15. переход от блока к блоку в виде стрелки

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

    Asked by Zverushka, May 8, 2014

    0 votes
    0 answers
16. Обрезка 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
17. Помогите определиться как именовать сущности

    Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .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
18. Позиционирование блоков с наездом

    Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (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
19. Как сделать такую рамку?

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

    Asked by Zverushka, May 8, 2014

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

    У меня есть форма 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
21. Сбился код! Удалила div, помогите восстановить!

    Случайно удалила где-то div.. Помогите восстановить! Сбился именно BLOCK RIGHT, он не отображается на сайте <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> #%HEAD%# <link rel="stylesheet" href="/tpls/default/images/style.css" type="text/css" media="screen, projection" /> <!--<link rel="stylesheet" href="/js/jquery.pointpoint/jquery.pointpoint.css" />--> <!-- [if lte IE 6]><link rel="stylesheet" href="/tpls/default/images/style_ie.css" type="t…

    Asked by marianna9201, May 8, 2014

    0 votes
    2 answers
22. Помогите найти решение! (Адапт.Верст. для всех моб устр)

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

    Asked by Temik2704, May 8, 2014

    0 votes
    5 answers
23. Блок заказа поверх страницы

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

    Asked by marianna9201, May 8, 2014

    • html; страницы; заказ
    0 votes
    2 answers
24. Отображение страниц в мобильных устройствах

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

    Asked by webmos, May 7, 2014

    • общие вопросы разные источник
    0 votes
    3 answers
25. Как сделать такой вид контента?

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

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

    0 votes
    4 answers