HTML Coding

29542 questions in this forum

1. Псевдо-ссылка со скрытым (всплывающим) текстом

   Подскажите, как реализовать скрытый текст, доступный по клику на псевдо-ссылку. Понравилась реализация блога на Бухгалтер.Контур (не знаю тут ссылки разрешены или нет: http://www.b-kontur.ru/blog). Предпочтительно использование html + css + javascript. И самое главное, как к этому отнесутся поисковики? Не поставят ли сайт под санкции? Ведь скрытый текст - черный SEO-прием, да и по клику на комментарии (в случае контура) открывается плагиатная страница, с тем же контентом (хоть и в пределах одного сайта - но она не приветствуется поисковиками).

   Asked by B-Real, April 2, 2013

   0 votes
   1 answer
2. Верстка адаптивного слайдера

   Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…

   Asked by SuperJerk, April 2, 2013

   0 votes
   2 answers
3. Меню на разных разрешениях

   Меня на разных разрешениях "правильно" сходит. Может можно как-то по-другому сверстать? Чтобы разрешение не влияло. Использовать JS нельзя... http://mc-diamond.ru

   Asked by Evgen8, April 2, 2013

   0 votes
   2 answers
4. Как сделать что бы динамический блок не смещал все последующие елементы на сайте?

   Вот в чем проблема,в шапке сайта хочу разместить вот такой блок для смены языка http://jsfiddle.net/3Lw38/1/ .Все вроде как нормально но это до тех пор пока на этот блок не навести курсор,как видите выдвигается спойлер который смещяет все елементы сайта вниз.Как сделать так что бы при наведении курсора все стояло на местах и никуда не двигалось?

   Asked by pudge, April 2, 2013

   0 votes
   2 answers
5. Как сверстать

   Подскажите как сверстать такое: <div class="outer"> <div class="inner">Текст1</div> <div class="inner">Текст2</div> <div class="inner">Текст3</div> </div> блоки inner должны быть по ширине окна браузера в одну строку, соответственно outer = 3 окнам. Текст внутри inner должен быть по центру по вертикали и горизонтали. Что-то не получается никак.

   Asked by kindgray, April 2, 2013

   • CSS
   • div
   0 votes
   5 answers
6. Несмотря на выставленный charset проблема с кодировкой

   В коде страницы: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> При этом вместо русского текста крякозябры. Вот здесь: http://mysfamily.com/rus/gallery_black1.html Что за беда?

   Asked by adelante, April 2, 2013

   0 votes
   11 answers
7. Разместить текст поверх блока <canvas>

   Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…

   Asked by Adamatis, April 2, 2013

   • html css
   0 votes
   0 answers
8. Верстка под планшеты и смартфоны

   Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.

   Asked by Bumblebee, April 2, 2013

   0 votes
   1 answer
9. ISPManager

   Кидаю все фаилы сайта на ISPManager, точнее в менеджер фаилов. В строке доменные имена ясное дело указываю название сайта. Перехожу по ссылке на сайт и ничего. Чито делать? Может я что-нибудь пропустил?

   Asked by St.Jimmy, April 2, 2013

   0 votes
   2 answers
10. Лапочка

    Самый странный или интригующий сайт который вы видели.

    Asked by St.Jimmy, April 2, 2013

    0 votes
    2 answers
11. Как создать приставку "ru"?

    Как сделать так что бы у моего сайта была приставка ru в начале домена?На сайте 2 языка англ и рус,для англ версии ненужные приставки а для русской версии нужно что бы вначале была приставка ру вот как здесь например http://ru.iccup.com/ как видите при выборе русского языка на том сайте поялвяется приставка,я хочу что бы у меня так же было.

    Asked by pudge, April 2, 2013

    0 votes
    18 answers
12. Проблема с позициями

    Здравствуйте. Помогите, пожалуйста, с позиционированием. У меня есть 10 блоков DIV. Я с помощью CSS задал значение обводки, при наведении. Но как только я навожу курсор на блок, остальные блоки, стоящие рядом сдвигаются. Что делать? Мне хотелось бы как-то закрепить остальные блоки, и закрепить положение изображения с эффектом, чтоб обводка шла по краям изображения, а не сдвигала его.

    Asked by avdo_xd, April 3, 2013

    0 votes
    1 answer
13. Необычная верстка

    Здравствуйте, есть задача сверстать макет с изображениями, похожий на http://www.pixoto.com/. Не знаю, с какой стороны к этому всему подойти. Есть какие-то мысли как сделать такую штуку?

    Asked by red_komrad, April 3, 2013

    0 votes
    5 answers
14. position: fixed;

    Добрый день, необходимо сделать меню, которое плавает вдоль левого края контейнера, все бы ничего, но сайт адаптивный и когда окно браузера становится меньше основной ширины контейнера - с этим справляются @media, а как сделать чтобы позиция отсчитывалась от центра страницы или от контейнера, чтобы при больших и разных экранах меню оставалось на своем месте, возле контейнера? Буду благодарен за любую информацию. Нашел решение при помощи calc(); но, судя по заявленным данным о поддержке браузерами - не так много поддерживают эту функцию, может есть более правильное решение?

    Asked by wicked_kiD, April 3, 2013

    • position
    • fixed
    0 votes
    7 answers
15. jQuery grayscale

    Использую на сайте данный скрипт https://github.com/josefrichter/jquery-grayscale Картинки у меня jpg. Проблема в том что при загрузке страницы, все равно "моргают" цветным фото, а иногда вообще не видно их. После втрой загрузки страницы более или менее работает. На медленно интернете вообще проблема. Куда копать? Может есть другие решения? Спрайт из картинок не предлагать, это вариант не подходит. Буду очень благодарен за пинок в нужном направлении.

    Asked by okunev2, April 3, 2013

    0 votes
    22 answers
16. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich, April 3, 2013

    • каталог продукции
    • меню
    • список
    0 votes
    2 answers
17. Блок с аудиоплеером невидим

    Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присво…

    Asked by Lionel, April 3, 2013

    • isotope
    • masonry
    • player
    • audio
    • ajax
    • load
    • object
    0 votes
    1 answer
18. печать в chrome - проблемы печати таблицы

    Есть страница: http://www.metrofram...ilmoplast-tape/ там есть кнопка "Print", которая делает window.print(), т.е. запускает диалог печати браузера. Проблемы есть во всех браузерах, но для начала хочу решить в Chrome. Основной контент это таблица с 2-мя колонками, в левой колонке картинка, в правой текст. таблица вмещается на 3 страницы, ячейки обрезаются нормально, но есть проблема с первой строкой таблицы на каждой странице. Прилагаю скриншоты вида печати и страницы:

    Asked by Zippovich, April 3, 2013

    0 votes
    5 answers
19. Смещение текста в <button> при клике. IE, Opera.

    Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь…

    Asked by DjTarik, April 4, 2013

    • html
    • button
    • text
    • :active
    • ie
    • opera
    0 votes
    0 answers
20. относительная ссылка неработает

    Изза чего может неработать относительная ссылка на внешние директории?

    Asked by pudge, April 3, 2013

    0 votes
    16 answers
21. Картинки после текста

    Ребята помогите, не могу сообразить! Есть страница http://video.seodacha.ru/cat/videokamery-ulichnye/innovi-z10 На этих страницах может быть неограниченное количество картинок. Вопрос в том, чтобы сделать так, чтобы текст не прилегал к картинке, а начинался ровно после горизонтальной линии картинок.

    Asked by smirn0ff, April 3, 2013

    0 votes
    2 answers
22. Изза чего может неработать относительная ссылка на внешние директории?

    В общем недавно создал на бесплатном хостинге домен 3го уровня для своего сайта для его русской версии и назвал естественно ru.На сервере в папке сайта(public_html) создалась папка ru я сразу же закинул туда копию index.html что бы там хоть что то было,и для проверки на работоспособность я изменил пару ссылок в коде этой копии index.html а именно ссылки на css файл и логотип шапки сайта.Для тех кто ещё не понял добавил вначале ссылки ../ Но когда я начал проверять то заметил что сам индекс.хтмл читает а ссылки на верхние папки не работают,вот сами посмотрите http://ru.dotatest2111.p.ht/ я проверил,ссылки были написаны правильно,много провозился пытаясь обнаружить пробл…

    Asked by pudge, April 3, 2013

    0 votes
    11 answers
23. Таблица со скроллбаром

    Здравствуйте! Нужно сверстать такую таблицу со скроллбаром. Пока не получается ограничить высоту содержимого, чтобы получилась прокрутка. HTML: <section class="prop_2"> <h3>Вес и количество:</h3> <div class="sectionInner2"> <div class="sectionInner"> <div class="detailsProp"> <div class="detailsPropHeader"> <div class="detailsPropRow"> <div class="detailsPropCell">Размер</div> <div class="detailsPropCell">Цена</div> <div class="detailsPropCell">Количество</div> </div><!--/.detailsPropRow…

    Asked by Светлана Гр., April 4, 2013

    0 votes
    3 answers
24. не могу задать высоту для ячейки таблицы

    привет как поправить код. Чтобы из рисунка 1 получить рисунок 2. <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>Титул</title> </head> <body> <div style=' border:1px solid red; display:table; padding: 10px'> <div style=' border:1px solid black; display:table-cell; padding:10px'> <div style=' border:1px solid blue; display:table; padding: 10px;'> <form > <fieldset> <label for='name' style=' border:1px solid red; display:table-cell; vertical-align:middle; width: 100px;'> …

    Asked by ilnurgi, April 4, 2013

    0 votes
    1 answer
25. Растягивающийся по вертикали блок

    Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.

    Asked by Odrin, April 4, 2013

    0 votes
    6 answers