HTML Coding

29542 questions in this forum

1. Как сделать border как на рисунке

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

   Asked by ErUnDAK, February 28, 2017

   • css
   0 votes
   4 answers
2. Сетка для макета

   Здравствуйте, верстаю сетку 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
3. применить свойство с помощью :hover

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

   Asked by spartak9871, February 28, 2017

   • :hover
   0 votes
   2 answers
4. Проблема с нарезкой шаблона.

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

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

   • photoshop
   0 votes
   4 answers
5. Скрипт для отправки формы через 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
6. Изображение с неправильно указанным путем

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

   Asked by atezheva, March 1, 2017

   • img
   0 votes
   1 answer
7. Модуль«Похожие метки» обрезка текста и мн

   Есть код <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
8. Помогите разобраться со слайдером на css

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

   Asked by Qwerty-Art, March 3, 2017

   0 votes
   0 answers
9. Сделать респонсив табличку с 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
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. Фон изображение с диагональными полосами, адаптивный

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

    Asked by vlasenkov, March 4, 2017

    • background
    • diagonal
    • css
    • html
    • triangle
    • фон
    • диагональ
    • полосы по диагонали
    0 votes
    4 answers
12. Фоновая картинка в 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
13. Загрузка нескольких 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
14. Какие есть инструменты для обнаружения не работающих стилей?

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

    Asked by Yamaradg, March 5, 2017

    0 votes
    2 answers
15. пустые поля до краёв окна

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

    Asked by cyklop77, March 6, 2017

    • bootstrap
    0 votes
    2 answers
16. Проблема с отображением в IE

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

    Asked by tr0nikx, March 6, 2017

    0 votes
    1 answer
17. Анимированные табы

    Добрый день! Помогите, пожалуйста, с анимацией. Использую 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
18. Работа с несколькими классами

    Дан код: <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
19. Именная рассылка HTML

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

    Asked by Remiurge, March 6, 2017

    • html
    • mail
    • html5
    0 votes
    1 answer
20. Помогите настроить сайт

    Вот есть сайт, который работает и всё у него нормально, но со временем есть задача поставить больше страниц и конечно же "ухаживать" за ними. С недавних пор научился с одной страницы добавлять несколько объектов на все остальные куда они нужны. Так вот, я добавляю класс, добавляю инструкцию в js и чтобы например 1 див создать, мне нужно приписать ему класс, приписать в js ему функцию, и добавить на сайт в виде этого дива, Можно ли как нибудь создать такую форму, где заполнив данные, на сайт автоматически добавлялись эти нужные блоки, то есть, к примеру. : есть <div class="style">Что-то</div> и это уже есть на сайте, он содержит какой то блок …

    Asked by Mo1oF, March 7, 2017

    • html
    • css
    • js
    • jquery
    • php
    0 votes
    2 answers
21. Фиксированный и центрированный макет

    Есть макет, ширина которого 1638px. Фон за footer-ом/header-ом тянется, т.е. черный фон хедера при изменении масштаба должен быть на всю ширину окна, а контент центрирован, сайт не резиновый. Каким образом это реализовать? Помогите, пожалуйста

    Asked by kitti, March 7, 2017

    0 votes
    3 answers
22. Внезапная проблема с выпадающим меню в ИЕ

    Добрый день всем! Подскажите, плиз, в чем проблема. На сайте есть выпадающее меню, сделанное при помощи pureCSSmenu. Оно корректно работает во всех браузерах в составе имеющегося сайта. Потребовалось сделать отдельную страницу с тем же меню. Была использована та же css и тот же html. - работает везде, кроме ИЕ. "Ниччего не понимаю!" (с) Для примера меню выделено в отдельную страницу - проблема та же, работает везде, кроме ИЕ. http://forestforum.ru/tmp/new-fires/test.html Помогите, пожалуйста. Спасибо

    Asked by flider, March 9, 2017

    0 votes
    0 answers
23. Позиционирование и смещение объектов

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>How you use your text?</title> <style> a { text-decoration: none; } .lol { background: green; width: 50%; height: 145px; text-align: center; } .lol p { color: #109be6; margin: 0; padding: 0; text-align: center; font-size: 50px; border-top: 10px solid #78d3fa; border-bottom: 10px solid #78d3fa; text-shadow: 0 2px 4px #a0a0a0; } .menu ul { list-style: none; float: right; font-size: 0; padding-right: 12px; } .menu ul li { display: inline-block; …

    Asked by ErUnDAK, March 9, 2017

    • css
    • html
    • позиционирование
    0 votes
    2 answers
24. Куда вписать 'random' в код галереи?

    Приветствую всех! Я новичок. Пытаюсь сделать случайный порядок показа картинок в галерее, но пока, увы. Если кто может помочь с кодом или предложить другой, буду благодарен за помощь! Сам код в html: <script type="text/javascript" src="res/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="res/jquery.cross-slide.js"></script> <script type="text/javascript">$(function() {$('#pic10').crossSlide({sleep: 2,fade: 1} , [ { src: 'gallery/home1.jpg' }, { src: 'gallery/home2.jpg' }, { src: 'gallery/home3.jpg' }, { src: 'gallery/home4.jpg' }, { src: 'gallery/home5.jpg' }, { src: 'gallery/home6.jpg' }, { sr…

    Asked by herdoctor, March 9, 2017

    0 votes
    1 answer
25. список Latest Posts расположен криво

    Подскажите на странице Invalid post Внизу список Latest Posts расположен криво - с пустыми местами заместо постов. Эта проблема только на нескольких постах - на остальных (valid post ) нормально... Как это исправить? Спасибо!

    Asked by mstdmstd, March 10, 2017

    0 votes
    1 answer