HTML Coding

29,542 questions in this forum

1. Пробелы между картинками

   Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.p…

   Asked by kattiperk, January 23, 2014

   • сайт
   • картинка
   • верстка
   0 votes
   8 answers
2. Проблема с border-right

   Добрый день! Столкнулся с проблемой в CSS, надеюсь на вашу помощь! Имеем код CSS: #cols { clear: both; margin: 0 0 40px; border-bottom: 1px dashed #ddd; background: url(../files/images/shade.png) no-repeat center bottom;}.col { float: left; width: 239px; margin: 0 25px 0 0; padding: 0 15px 15px 0; border-right: 1px solid #ddd;}.col.last { margin-right: 0; border: 0; padding-right: 0;} Имеем код HTML: <div id="cols"> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> быстро</h2> <p>текст текст текст текст текст текст текст текст текст текст текст тек…

   Asked by postoianniy, January 26, 2014

   0 votes
   6 answers
3. Обновление страницы через время после нажатия на кнопку

   Доброго дня, подскажите как автоматически единоразово обновить страницу через 10 секунд после нажатия на кнопку (<button> или <input>)? Кнопка совершает действие, и нужно по истечении 10 секунд обновить данные на страничке. Страничка писана в HTML. Заранее благодарен

   Asked by CTAKAHTPABbI, January 25, 2014

   • input
   • button
   0 votes
   5 answers
4. css рецепты программирования кристофер шмитт

   Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??

   Asked by DivMan, January 25, 2014

   0 votes
   8 answers
5. Правильно ли я вывожу фрейм

   вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});

   Asked by romoga, January 26, 2014

   • iframe
   • правильно
   0 votes
   0 answers
6. Определить нужную картинку для сайта, с которого делятся ссылкой вконтакте.

   Суть такая, есть сайта. На нем жмут ссылку "поделиться" - вконтакте появляется описание сайта с картинкой. Как определить нужный тип картинки, которую должен использовать вконтакте?

   Asked by Zverushka, January 26, 2014

   0 votes
   3 answers
7. Изменение цвета картинки при наведении мыши на нее

   Не подскажите как залить картинку фиолетовым полупрочным фоном при наведении. все перепробовал, ничего не дало результатов...

   Asked by daggi, January 26, 2014

   0 votes
   3 answers
8. как поставить текст по центру

   http://cssdeck.com/labs/full/xwna9k5i Подкажите как в крутщемся окне сделать текст по средине квадрата?? по центру его разместить получается, а опустить вниз нет(

   Asked by xaoc90, January 26, 2014

   0 votes
   1 answer
9. background поверх img

   помогите пожалуйста )) сижу ломаю голову, казалось бы, над простейшими проблемами. Есть блок, которому указан свой фон. .slaider { background: url("тут картинка фона") no-repeat; float: left; height: 350px; position: relative; width: 465px; z-index: 2;в этом блоке должна разместиться картинк в теге <img> (их может быть несколько). Фон у слайдера в виде круга, соотвественно и картинка должна получиться круглой, для этого, мне надо картинку засунуть под этот бекраунд, чтобы лишние острые углы он не показывал. это я делаю так: .slaider img { position: relative; z-index: 1; по логике вещей содержимое в img должно показывать под содержимом …

   Asked by devid89, January 26, 2014

   0 votes
   3 answers
10. Проблема с Sublime Text3

    День добрый. Совсем недавно начал учиться HTML и CSS. Пытаюсь сверстать по макету и как вы уже поняли пишу в Sublime. Проблема в том что когда дело доходит до transition или linear-gradient редактор их не распознает (прописываю с префиксами). Помогите разобраться, проблема в плагинах?

    Asked by iker, January 24, 2014

    0 votes
    4 answers
11. onclick как осуществить?

    Допустим я листаю меню по событию onclick...Но вот я выбрал пункт меню и открылась фотогалаерея как мне временно пока я листаю галерею остановить это событие, а потом когда я закончу снова запустить?

    Asked by romoga, January 25, 2014

    • onclick
    • временно остановить
    0 votes
    1 answer
12. резиновая шапка

    здравствуйте, скажите пожалуйста, есть максимальная и минимальная ширина сайта. создаю див для шапки, указываю минимальную и максимальную ширину (те же значения что и всего сайта), в этом же классе (у дива) дополняю параметр в виде width:100% для img и в штмл шаблоне прописываю код для картинки. При уменьшении или увеличении экрана картинка "сжимается", как будто дверь в метро закрылась и не успели выйти. пробовал повторить ширину 100% для картинки в самом теге <img> - все равно сжимается. как быть? спасибо!

    Asked by devid89, January 24, 2014

    0 votes
    6 answers
13. Как сократить запись функции

    Как в одну строчку прописать? Уже и плюсовал и запятые ставил - не катит ((( <script>$('#side5').click(function(){ // alert('cvn'); $('#cube').css({'margin': 'auto'}); $('#cube').css({'top': 0}); $('#cube').css({'bottom': 0}); $('#cube').css({'left': 0}); $('#cube').css({'right': 0}); $('.side').css({'width': 400+'px'}); $('.side').css({'height': 400+'px'}); // $('#cube').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'position': 'absolute'}); });

    Asked by romoga, January 25, 2014

    • css
    • запись
    0 votes
    1 answer
14. Ряд вопросов от новичка

    1) Если для каждого елемента будет отдельный CSS файл(для меню, для шаблона, для галереии, для обратной связи) как это повлияет на загрузку страницы?? Или для гугла и яши лучше что бы был один цсс файл? 2)Влияют ли на скорость загруки елементы добавленные с помощью html 5? 3)И сможет кто то помочь оптимизировать код(упростить где это возможно когда я доделаю первый свой пример) 4) Есть ли уже готовые варианты админки, что бы к примеру дать клиенту сайт, и он сам мог добавлять картинки, редактировать текст, а не лазить в код или постоянно обращаться ко мне? Заранее спасибо за ответы))

    Asked by xaoc90, January 20, 2014

    0 votes
    19 answers
15. Как отправить html разметку с майловской почты на яндексовскую?

    Как отправить html разметку с майловской почты на яндексовскую? и чтобы эта разметка не сэкранировалась а прочиталась браузером? т.е. чтобы не просто пришли html тэги, типа сделал рассылку, мне нужно посмотреть как будет выглядеть мое сверстанное письмо для рассылки

    Asked by ilyas, January 24, 2014

    0 votes
    5 answers
16. И все же Как быть с transition ?

    После долгих мучений я все таки выяснил что за гадина не дает быть анимации в crome и safari... Это свойство transition..когда его вставляю в код transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;перестает реагировать..не вращается.... Как обойти?

    Asked by romoga, January 24, 2014

    • transition
    • mozila
    • Chrome
    0 votes
    1 answer
17. Как отцентровать контент колонки?

    Приветствую! Не подскажите что нужно прописать в css чтобы отцентровать анонсы и вывод комментариев в колонке?

    Asked by Aspirant, January 23, 2014

    0 votes
    3 answers
18. Размещение изображений

    Хочу разместить изображение ровно по середине страницы над всеми элементами сайта, как подобное возможно реализовать? Сайт: http://madmandarin.tk/ Изображение это стрелки которые должны быть ровно по середине снизу изображения чайничка с чаем.

    Asked by MadMandarin, January 24, 2014

    0 votes
    1 answer
19. Position:relative или лучше иначе? Ищу гуру.=)

    Всем привет! Вот хотел бы поинтересоваться как правильно сделать эту штуковину, на ум конечно приходит много идей, в том числе и разбиение логотипа на 2 части, но пока остановился на таком варианте, так как он мне кажется самым нормальным. http://jsfiddle.net/K7UV3/2/ З.Ы. - header и opol полностью статичны, в них ничего не тянется и текстом дополняться скорее всего не будет. В диве logo будет еще 2 дива. 1 для текста - имей дело с лучшими 2ой для названия компании. Хотя можно обойтись и без 2ух дивов, не столь важно. Opol - это див с бэкграундом-картинкой, внутри которого будут находиться еще 2 рекламных дива размеров 486х60 с низу. Вот для наглядности что планирую:

    Asked by logicface, January 21, 2014

    • relative
    • div position
    • z-index
    • индекс
    0 votes
    10 answers
20. Картинка поверх другой(Менять буду только нижний слой)

    Здравствуйте! Очередной вопрос от меня. Понимаю, что ответ скорее всего будет связан с z-index, но я так и не понял как им пользоваться, по этому было бы замечательно, если бы кто-то кратко и понятно рассказал как пользоваться и что нужно знать, либо подсказал алтернативу моей проблеме. http://i59.fastpic.ru/big/2014/0123/aa/4e8e3009d6f5539ae78ffce5fb4096aa.jpg Есть вот такая картинка (в фотожопке сделано). И так, суть вопроса вот в чём, как сделать помеченную картинку (синим обвёл), что бы она всё время была поверх нижнего слоя (фотка еды) - Я хочу менять эти картинки в HTML документе, но что бы помеченная всё время оставалась на своём месте. Надеюсь, что понятно объяс…

    Asked by dsasda, January 23, 2014

    0 votes
    2 answers
21. Проблемы совместимости CSS3 и браузеров

    Привет. есть код вращения некого куба, но работает только в firefox 26.0 Safari 5.1.7 не пашет Opera 18.0.1284.68 не пашет Chrome 32.0.1700.76 m не пашет Все браузеры обновлены на текущий день.. делаю -o- -webkit- пофигу.(((( transform-origin: 50% 50% -105px; -webkit-transform-origin: 50% 50% -105px; -moz-transform-origin: 50% 50% -105px; -o-transform-origin: 50% 50% -105px; transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:-o-preserve-3d; -webkit-transform-style:preserve-3d; transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;

    Asked by romoga, January 20, 2014

    • css3
    • браузеры несовместимы
    0 votes
    10 answers
22. Нужна идея, как реализовать.

    Добрый вечер! По сути, это немного продолжение этой темы: http://htmlforum.ru/index.php?showtopic=47513, но я в безысходности... Идея, которую я пытался сделать - не получается, по этому прошу вашего совета и идеи. В общем, вот как это сделано на картинке: http://i60.fastpic.ru/big/2014/0123/2d/333b68bfe1bfee25ab4f7f0a533d532d.jpg И как описано в прошлой теме, то хочу сделать так, что бы можно было менять только картинку с едой, место для заголовка не хочу, что бы трогали. Пытался делать так: Срезал вверх: http://i33.fastpic.ru/big/2014/0123/dd/20e1802a082147eb5006518a29299ddd.png И хотел сделать 3 заголовка(один div, но меня только стиль в самом html, что бы менять поз…

    Asked by dsasda, January 23, 2014

    0 votes
    3 answers
23. Bootstrap 3 и IE7+

    Всем привет! Опять взываю умы верстки! Решил сделать небольшое приложение, которое должно без проблем запускаться в IE7+ и других браузерах. Решил использовать bootstrap для ускорения работы (на деле вру, но отступать уже поздно), ну и В общем то IE7, 8 в сторонке лежат и ножкой дрыгают, что делать господа? Выкладываю скриншоты и соус. Предположим 3 колонки: https://www.dropbox.com/s/2y4vusiie3vvkj3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.07.png А вот результаты IE7-8 и Opera: https://www.dropbox.com/s/wfwr43v2hrb2563/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.18.png https://www.dropbox.com/s/5f89m07ipo5a2fi/…

    Asked by Ateiri, January 24, 2014

    • bootstrap3
    • ie7+
    • layout
    0 votes
    4 answers
24. Картинка

    Приветствую, начал изучать CSS. Вопрос в следующем: Имеется картинка, на которую хочу наложить меню. Так вот, как сделать чтобы картинка подстраивалась под разрешения экрана?

    Asked by Vans, January 23, 2014

    0 votes
    3 answers
25. input и градиент border

    Подскажите пожалуйста есть ли возможность сделать градиентный бордер для <input> чтобы он появлялся при :focus состоянии, без JS. Только на css.

    Asked by Igoreshra, January 22, 2014

    0 votes
    8 answers