HTML Coding

29,542 questions in this forum

1. Именная рассылка HTML

   Народ, всем привет. Нужна небольшая помощь. Нужно в html-письме сделать "именную рассылку". Нужен код, который это делает. П.С До словно: при отправке письма, человек получает письмо в котором аля : "Уважаемый, Сергей...." и так на 50 и более контактов.

   Asked by Remiurge, March 6, 2017

   • html
   • mail
   • html5
   0 votes
   1 answer
2. Работа с несколькими классами

   Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …

   Asked by ErUnDAK, March 6, 2017

   • class
   • css
   • html
   0 votes
   5 answers
3. Анимированные табы

   Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …

   Asked by Джулия, March 6, 2017

   0 votes
   1 answer
4. Проблема с отображением в IE

   Приветствую, возникла проблема с отображением в IE 11 (не пойму откуда взялся этот серый фон и какая-то зеленая полоса) http://g-e-a.biz/ в Хроме и Мозиле все ок, а в IE серый фон

   Asked by tr0nikx, March 6, 2017

   0 votes
   1 answer
5. пустые поля до краёв окна

   подскажите пожалуйста как в bootstrap3 сверстать страничку с пустыми полями в шапке, которые продолжаются до правого и левого края экрана? при этом необходимо чтобы контент по-прежнему оставался ограниченной ширины JSFIDDLE

   Asked by cyklop77, March 6, 2017

   • bootstrap
   0 votes
   2 answers
6. Загрузка нескольких CSS

   Друзья! Вместе с bootstrap загружаю в такой последовательности еще один стиль, чтобы все что буду править в стандартном шаблоне, выносить в него. Загружаю в head, в такой последовательности <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/template.css"> Надо поменять стиль шрифта. Делаю так - в файл template.css добавляю @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); body { font-family: 'Open Sans', sans-serif; } Но на странице все равно загружается дефолтный шрифт body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; На стр…

   Asked by Семён, March 5, 2017

   • css
   • bootstrap
   0 votes
   2 answers
7. Какие есть инструменты для обнаружения не работающих стилей?

   Добрый день. Такой вопрос. Какой на сегодняшний день инструмент, используется для обнаружения неработающих(не задействованных, мертвых) CSS стилей на странице? (слышал в дев тулсе есть что то подобное - но на вскидку не обнаружил ничего.) P.S. Буду благодарен за ответ.

   Asked by Yamaradg, March 5, 2017

   0 votes
   2 answers
8. Фоновая картинка в outlook

   Доброго времени суток. Столкнулся с проблемой в верстке email шаблона. А именно: почтовом клиенте outlook не растягивается фоновая картинка до размеров родительского элемента. Вот фрагмент кода: <table width="600"> <tr> <td bgcolor="#363636" style="background-image: url('http://s020.radikal.ru/i704/1703/7c/9068bb4c342dt.jpg');" background="http://s020.radikal.ru/i704/1703/7c/9068bb4c342dt.jpg" width="600" height="200"> <!--[if gte mso 9]> <v:rect style="width:600px;height:200px;" strokecolor="none"> <v:fill type="tile" color="#363636" src="http://s020.radikal.ru/i704/1703/7…

   Asked by Yummo, March 4, 2017

   • vml
   • outlook
   • email
   0 votes
   0 answers
9. Фон изображение с диагональными полосами, адаптивный

   Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.

   Asked by vlasenkov, March 4, 2017

   • background
   • diagonal
   • css
   • html
   • triangle
   • фон
   • диагональ
   • полосы по диагонали
   0 votes
   4 answers
10. рушиться дизайн при уменшении окна браузера

    Spoiler Spoiler сверстал шапку сайта, но при уменшение ширины окна браузера, дизайн рушиться, помогите плиз и оцените качеству верстки макет сайта здесь:http://www.dejurka.ru/wp-content/uploads/2012/04/folio.zip верстка4.zip

    Asked by начинающий верстаг, March 3, 2017

    0 votes
    3 answers
11. Bootstrap navbar burger не работает

    Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?

    Asked by Chainik, March 3, 2017

    0 votes
    3 answers
12. Помогите разобраться со слайдером на css

    Не могу понять, почему не работает слайдер в блоке services-block. Надо, чтобы при нажатии на кнопки Доставка, Гарантия, Кредит, менялся справа текст. Делал аналогично блоку info-block, где все работает. В чем причина, может, что-то я пропустил? http://www.cssdesk.com/DGxeF

    Asked by Qwerty-Art, March 3, 2017

    0 votes
    0 answers
13. Имеет ли смысл посещать очные курсы по html/css?

    Здравствуйте! Сразу прошу прощения, если такая тема поднималась, не нашла в поиске. Не так давно начала изучение html/css, пока просто для себя и своего развития, в дальнейшем конечно хотелось бы работать в этой сфере. Читаю htmlbook.ru, прохожу курсы htmlacademy (пока бесплатные), так же стараюсь читать книги (на данный момент это книги Джона Даккета и Девида Макфарланда), по мере необходимости ищу информацию на других ресурсах. И сейчас я не понимаю, как эту всю информацию собрать в кучу, так сказать. Нет четкого понимания как все это функционирует от и до. То есть, я сейчас не могу сверстать сайт от начала и до конца, потому что не понимаю, что и за чем должно следоват…

    Asked by Bambi, March 2, 2017

    • html
    • css
    • курсы
    0 votes
    2 answers
14. Не получаются сайты на практике

    Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…

    Asked by Tascan, March 2, 2017

    0 votes
    14 answers
15. Сделать респонсив табличку с summary

    Всем привет, Есть небольшая респонсив табличка : <div id="div_order_details_html"><div class="table-responsive dialog_table"> <table class="table table-bordered table-hover table-striped"> <thead> <tr> <th>Product</th> <th>Sold</th> <th>Price</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td> <a href="http://local-wprods.com/admin/product/edit/5" class="a_link" target="_blank"> Woo Ninja, </a> <a href="http://local-wprods.com/admin/order/edit/14" class="a_link" target="_blank"> (00000001201702240002) </a> </td> <…

    Asked by mstdmstd, March 2, 2017

    0 votes
    0 answers
16. Скрипт для отправки формы через AJAX - из jQuery на чистый JavaScript

    Здравствуйте! Подскажите, пожалуйста, как этот скрипт на jQuery будет выглядеть на чистом JavaScript: $(document).ready(function(){ $("#form").submit(function() { //устанавливаем событие отправки для формы с id=form var form_data = $(this).serialize(); //собераем все данные из формы $.ajax({ type: "POST", //Метод отправки url: "send.php", //путь до php фаила отправителя data: form_data, success: function() { //код в этом блоке выполняется при успешной отправке сообщения alert("Ваше сообщение отпрвлено!"); }); }); }); Вот ссыл…

    Asked by volshebnyi, March 1, 2017

    0 votes
    4 answers
17. Модуль«Похожие метки» обрезка текста и мн

    Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-sp…

    Asked by lev99, March 1, 2017

    • css
    0 votes
    1 answer
18. Изображение с неправильно указанным путем

    Изображение, путь к которому указан неверно, показывается на странице в виде небольшой пиктограммы. Как браузер определяет размеры такого изображения? И можно ли с этим побороться? http://tezhe.ru/img.html На этом примере как-бы картинка справа вытянулась во всю высоту экрана. Хотелось бы, чтобы она имела минимальную высоту. Скажем, в 50px.

    Asked by atezheva, March 1, 2017

    • img
    0 votes
    1 answer
19. Проблема с нарезкой шаблона.

    Люди подскажите пожалуйста. Имеется макет состоящий из одного слоя (все объединено). Как можно нарезать картинки отдельно от текста. На примере картинки с лошадми. Что бы кнопок и теста не было, а только лошади? Возможно ли это?

    Asked by s.d.v, February 28, 2017

    • photoshop
    0 votes
    4 answers
20. применить свойство с помощью :hover

    как применить свойство любому элементу на странице при использовании :hover :active и тд. при изменении последовательности блоков и использовании "+" цвет применяется

    Asked by spartak9871, February 28, 2017

    • :hover
    0 votes
    2 answers
21. Сетка для макета

    Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/

    Asked by Konstantin99, February 28, 2017

    0 votes
    7 answers
22. Как сделать border как на рисунке

    Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?

    Asked by ErUnDAK, February 28, 2017

    • css
    0 votes
    4 answers
23. Ищу наставника

    Я начинающий верстальщик, знаю html5, css3, пользовался bootstrap3 и owl carousel. Ищу наставника, чтобы мне помог развиваться и стать полноценным верстальщиком. Я готов выполнять верстку совершенно бесплатно, ради опыта. Можете писать сюда или в вк: https://vk.com/12ricardo.

    Asked by 1-2ricardo, February 28, 2017

    0 votes
    1 answer
24. Margin inside div and responsive height

    Здравствуйте уважаемые форумчане. Есть такой пример кода https://jsfiddle.net/wodgtsdd/ Вопрос 1: Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)? Сейчас он растягивается по высоте содержимого в нем контента. Я предполагаю что это можно сделать с помощью js типа получить высоту документа, получить координаты и высоту блока content-wrapper, и вычесть из высоты документа координату левого верхнего угла + высоту блока, а затем сложить полученную величину с высотой блока. Но можно ли это сделать с помощью css? Почему то мне кажется что с помощью css было бы правильнее. Вопрос 2: Почему пар…

    Asked by den4ik_, February 27, 2017

    • resonsive height
    • margin inside div
    0 votes
    2 answers
25. Можно ли с помощью <article> разрывать другие парные тэги

    Добрый день! Хочу внедрить на сайт HTML 5 тэги. Вопрос: можно ли этим тэгам так разрывать div'ы <article> <h1> Моя статья </h1> <div class="content"> <p>Текст статьи</p> </article> <div class="reviews"> </div> </div>

    Asked by smirn0ff, February 27, 2017

    0 votes
    4 answers