HTML Coding

29,542 questions in this forum

1. предоставление контента сторонним сайтам

   Добрый день! Необходимо предоставить контент своего сайта стороннему веб-сайту.. Какие безопасные механизмы существуют для этого? Заранее благодарю всех ответивших!

   Asked by alexgherco, August 13, 2013

   0 votes
   3 answers
2. ie10 - border-box и height: 100%

   Здравствуйте. У меня есть задача: Есть два блока, один наверху (высотой 35px) второй в низу, нижней должен занимать всю свободную область и при необходимости иметь полосу прокрутки. Я написал CSS .top { position: fixed; height: 35px; top: 0; left: 0; } .bottom { height: 100%; padding: 35px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .bottomContent { height: 100%; overfow: auto; } Везде работает кроме IE. IE делает блоку .bottomContent высоту такую же как и у .bottom У меня правда только IE10 на виртуалке стоит, но я думаю в остальных та же проблема. Подскажите пожалуйста решение, нужно …

   Asked by jangot, August 13, 2013

   0 votes
   0 answers
3. Как правильно сверстать?

   Объясните пожалуйста как правильно сверстать эту область? а именно как наложить серую полоску на блок

   Asked by platonov92, August 7, 2013

   0 votes
   7 answers
4. Горизонтальный нежелательный промежуток в FF 22

   Подскажите пожалуйста причину происхождения нежелательного промежутка, который проявляется только в FF 22.0 http://clip2net.com/s/5wsNan http://septa.devlab-s2w.com/makeup/ Опера, Крома и даже ИЕ9 этого не проявляют.

   Asked by seemax, August 7, 2013

   0 votes
   3 answers
5. Фон по высоте уменьшается при недостаточном контенте

   Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id=…

   Asked by Nailya, August 7, 2013

   0 votes
   9 answers
6. Обрезается backgroubnd

   Такая ситуация: html { height: 100%; } body { background: url(../images/bodybg.jpg) #fff; color: #000; font-family: "PT Sans", sans-serif; font-size: 16px; min-height: 100%; position: relative; } .wrapper { margin: 0 auto; position: relative; width: 960px; } В body блоки header, .bonus, .zakaz, .content и footer шириной на 100%. В некоторых из них свой backgraund. В эти блоки вставляется .wrapper, для фиксированного дизайна. При уменьшении размера окна происходит обрезание background блоков: header, .zakaz и footer (у блока .bonus и .content background как у боди). Вот наглядный скрин http://savepic.ru/4717814.jpg. Может кто сталкив…

   Asked by Gasherez, August 7, 2013

   0 votes
   0 answers
7. Неправильно отображается на планшетах (полосит)

   Всем привет) обнаружил тут небольшой баг.. никак не могу понять в чём дело.. может кто сталкивался? делаю так таблица в виде рамки растягивается на весь экран пример тут http://lexo.info/x/ имет вид: по углам уголки по бокам фон: лево, право, верх, них если смотреть планшеты apple/samsung появляются полосы вот пример: http://lexo.info/x/Screenshot.jpg код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46" height="49" nowrap="nowrap"><img src="files/topleft.png" width="46" height="49" /></td> <td width="100%" nowrap="nowrap" background="files/top.png"></td> <td width="46" height="…

   Asked by Lexo, August 7, 2013

   0 votes
   5 answers
8. Позиция элементов на странице

   Доброго времени суток! Верстая сайт у меня возник вопрос, как контейнер DIV, размещенный в другом контейнере, сместить вниз на половину его высоты и ширины? Хочу сразу сказать, что ширина и высота котнтейнера не заданы. Код который я написал, приведенный ниже: <style> .A, .B{ width: auto; height: auto; display: block; box-sizing: border-box; font-size: 36px; } .A{ position: absolute; margin: 30px; background-color: #07A2FE; border: 1px solid #0080CD; } .B{ position: relative; background-color: #FFCF3F; border: 1px solid #E9AF00; top: 50%; left: 50%; } </style> <div class="A"><div class="B">Example</div></div>

   Asked by Mishus3W, August 7, 2013

   • div top left 50%
   0 votes
   9 answers
9. Как добиться такого эффекта?

   Нужен эффект как на 1 картинке. Пытался что-то сделать сам, но бес толку. Получается слишком широкая тень, пытался уменьшить, но получилось еще хуже. Как исправить? На 2 картинке показал проблему + приложил код <!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>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } body { background:#F7F7F7; } #blok1 { margin-left:5%; margin-right:5%; height: 500px; backgro…

   Asked by zaec161, August 7, 2013

   0 votes
   1 answer
10. Надо сделать автообновление для скрипта обратного отсчета!

    k

    Asked by Анакин, August 7, 2013

    • js
    0 votes
    0 answers
11. Помогите с параллаксом

    Предположим, есть 2 блока с фонами, которые "не скроллятся" и которые расположены на разных концах страницы: http://jsbin.com/ecahoj/6/edit Первый блок ведет себя просто великолепно, но со вторым такого не прокатит. Как решить данную проблему? Для наглядности, можно убрать в css no-repeat для фонов, тогда получится приблизительно нужный результат, но так дела не делаются

    Asked by Ne-Vasha-Natasha, August 7, 2013

    • jquery
    • parallax
    0 votes
    2 answers
12. Адаптивные картинки в статьях страницы

    Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…

    Asked by Delat, August 13, 2013

    0 votes
    3 answers
13. помогите свежим глазом определить микро проблему

    сайт http://digga.ru/ <body bgcolor="#FFFFCC" topmargin=0 leftmargin=0 bottommargin=0 marginwidth=0 marginheight=0 rightmargin=0> <table cellpadding="0" cellspacing="0" width="100%" border="0"> <tr> <td class=top align="left" width="195"> самая верхняя таблица (салатовая) по идее должна приклеется к верху страницы, но там почемуто образуется целая строка цвета заданного в body. логики в этом не вижу да и в коде никаких пробелов нет ( если позволяет время, пожалуйста, посмотрите, мне кажется что это что-то очень простое должно быть. Заране благодарю

    Asked by digga, August 13, 2013

    • табличная вёрстка
    0 votes
    3 answers
14. Нужна помощь с кодом для менюшки

    Доброго времени суток. Вопрос следующий: есть сайт, нужно для него меню сделать горизонтальное- на 3-4 пункта меню, меню будет находиться прям в верхнем правом углу, задача: сделать так что-бы при прокрутке сайта вниз эта менюха так и оставалась вверху. Подскажите что вообще для этого использовать- jQuery или Javascript -я просто по ветке дизайнера развиваюсь и в технической части слаб и только осваиваю её. Спасибо за внимание, всем бобра)

    Asked by Na2SO4, August 12, 2013

    • код html
    • css
    • jQuery
    0 votes
    8 answers
15. Не проходит валидацию

    Здравствуйте . скажите пожалуйста что изменить в данном коде чтобы код прошел валидацию и расположение элементов в верстке не изменилось? <div class='rod' align= 'center'> <div class = 'topt' > <p><a href = '#html'>Lets get movies</a></p> <form name = 'loic' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/mes.png' value="" id = 'l2'><label for="l1"><p>12</p></label></p> </form> </div> <div class = 'pcontent'> <img src = 'images/pic2.gif' alt= 'picture' > </div> <div class = 'tfooter'> <form name = 'star' act…

    Asked by Borka, August 8, 2013

    • valid code label align
    0 votes
    1 answer
16. Как сделать в один ряд?

    Вот на сайте нужно выстроить 6 блоков в один ряд. Скажите как это можно сделать? http://oneperhour.net/

    Asked by kabyr, August 8, 2013

    0 votes
    2 answers
17. Opacity

    Здравствуйте. У меня есть блок, у которого стоит opacity 0.5, в блоке есть изображение и текст. Проблема в том, что от блока передается opacity к другим элементам в блоке. http://jsfiddle.net/Kz9Rm/

    Asked by Samsonoff, August 8, 2013

    0 votes
    2 answers
18. Ищу конкретный горизонтальный слайдер + аккордион на css

    Ребят, кто знающий, подскажите существует ли горизонтальный слайдер + аккордион только на css? Нужно именно чтобы был вида как slidorion Другие, как бы просто с вкладками находил, а вот именно такой нет.

    Asked by sv9t, August 8, 2013

    • css
    • слайдер
    • аккордион
    0 votes
    1 answer
19. input type="radio" отправка на email выбранного параметра [PHP]

    Нужно что бы на email выходил выбранный один из вариантов Вот не полный вид формы: <table width="100%"> <tbody> <tr> <td width="12%">Самовывоз: </td> <td> <input type="radio" name="deliver" value="Самовывоз" checked="checked"> Офис "Спектр-сб": ул.Ново-Садовая, 303 А<br> </td> </tr> </tbody> </table> <table width="100%"> <tbody><tr> <td width="12%"> Доставка: </td> <td> <p> <input type="radio" name="deliver" value="ООО Деловые линии"> ООО "Деловые …

    Asked by xoff, August 14, 2013

    0 votes
    1 answer
20. Нужно перекрыть банер блоком.

    Имеется баннер без исходника. Поэтому ссылку поправить на нем не выходит. Декомпилировать баннер не хочу. Пришла в голову идея наложить поверх баннера блок ( на картинке показал). Прописываю абсолютное позиционирование для блока, но почему-то блок уходит под баннер. В чем дело? <body> <a href="#"><div style="position: absolute; width:240px; height:400px; background:#000;"> </div></a> <object type="application/x-shockwave-flash" data="image/0ROxzmznMDf.png" width="240" height="400"> </object> </body>

    Asked by zaec161, August 8, 2013

    0 votes
    4 answers
21. svg-изображения в слайдере не отображаются в IE8 и ниже

    Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались

    Asked by mrnobody, August 8, 2013

    • svg
    • slider
    0 votes
    3 answers
22. Как отключить скролл страницы при открытии модального окна

    Как сделать что при открытии модального окна пропадал скролл основной страницы а после закрытия снова появлялся, помогите. И если можно то сделать как нибудь не используя для этого определенный "div id" а то у меня они меняются, я так понимаю это делается с помощью js html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0;…

    Asked by xoff, August 14, 2013

    0 votes
    7 answers
23. Как сделать попап окно?

    Нужно сделать попап окно как на этом сайте http://tabakoff.seychas.net/, когда нажимаешь Позвоните нам бесплатно. Помогите!

    Asked by Анакин, August 8, 2013

    0 votes
    1 answer
24. Верстка из HTML в PSD

    Вопрос неординарный конечно,но... Как можно сверстать тему из Html файла в фотошоп? КАК? Пожалуйста помогите! Буду очень рад.

    Asked by SKSKSS2013, August 14, 2013

    • Html в PsdHtml to Psd
    0 votes
    5 answers
25. Не растягивается родительский блок

    Добрый день. Помогите решить следующую проблему: имеется резиновый шаблон (3 колонки), когда в среднюю колонку помещаю блок который шире её, шаблон не тянется, а этот блок просто выходит за пределы родительского. Как сделать чтобы родительский блок растягивался? Вариант задать min-width не подходит, т.к. на разных страницах может быть разный контент, и он будет или вмещаться в текущую ширину родителя, или тянуть его. <!DOCTYPE html> <html> <head> <title>Layout 1</title> <meta content="text/html; charset=iso-8859-1" http-equiv="content-type"> <meta content="HAPedit 3.1" name="generator"> <style type="text/css"&…

    Asked by gangsta15, August 14, 2013

    • не
    • растягивается
    • родительский
    • блок
    • div
    • дочерним
    0 votes
    0 answers