Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. border-image

    Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/

    Asked by LIFE-STALKER,

    0 votes
    8 answers

  2. Растягивание неск.блоков по всей ширине родителя

    Верстка блочная, каждый блок имеет один и тот же класс, никаких идентификаторов. В каждой строке по 4 блока, использую инлайн-блоки + свойство родителя "text-align: justify", не знаю, как бороться с последними блоками. Я думаю, данная проблема уже разбиралась не раз, но мои поиски не дали никакого результата, может ткнете меня в сыллку, или скажете, как правильно задавать поисковый запрос, а может и напишите решение этого.. Вот мой код: <div id="content"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="bl…

    Asked by a.antropov,

    0 votes
    4 answers

  3. Блок с закругленными углами с изображением

    Доброго времени суток. Подскажите, пожалуйста, как лучше сверстать вот такой блок Получилось 8 маленьких кусочков, которые нужно слепить в один блок на div Получается что-то подобное: <div class="класс"> <div> <div> <div> <div> <div> <div> <div> Содержимое блока </div> </div> </div> </div> </div> </div> </div> </div> </div> .класс { background : url(1 картинка) top center repea…

    Asked by malsyst,

    0 votes
    6 answers

  4. IE11 и <main>

    Установил себе IE11 чтобы посмотреть что к чему и один мой сайт под ним стал криво показываться. На другом компе всё в порядке, переключение в режим IE10 и ниже ничего не дало. Осенила догадка, а не с <main> ли это проявляется? И точно, как только убрал и заменил на div, всё стало на место. Что это было, Берримор?

    Asked by Vlad,

    0 votes
    6 answers

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

    Приветствую специалистов по верстке! Подскажите: как правильно задать бекграунд псевдоэелементу SVG картинкой, чтобы по наведению картинка цвет меняла? Попробовал сделать так: .main-menu ul li a { position: relative; display: flex; flex-direction: column; align-items: center; } .main-menu ul li a::before { width: 18px; height: 18px; content: ''; background: #828282; display: block; mask-repeat: no-repeat; mask-position: center; margin: 0 0 3px 0; } .main-menu ul li a.active::before, .main-menu ul li a:hover::before { background: var(--clr1); } .main-menu .reit a::before { mask-image: url('../images/main…

    Asked by VasyOK{!},

    0 votes
    1 answer

  6. Выравнивание по центру "таблицы" (css)

    Добрый день! есть такой код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp-1251" /> <style type="text/css"> #title1, #col1 { /* 1 */ font-family: Verdana, Arial, sans-serif; font-weight: bold font-size: 80%; color: white; width: 600px; padding: 5px; border: 1px solid black; margin-left: 5px; margin-top: 2px; float: left } #col1 { /* 2 */ font-family: "Times New Roman", Times, serif; font-size: 100%; font-weight: normal; color: black } /* Цвет фона каждого слоя */ #title1 { background: #008159 } #col1 { background: #BBE1C4 } #tr { /* 3 */ clear: both } </style></head> <…

    Asked by bobik02,

    0 votes
    2 answers

  7. Декоративное подчеркивание многострочного текста

    Нужно сделать ссылкам пунктирное подчеркивание. Обычно, текст ссылок знимает 2 строки или больше. Выставил line-height, подобрал размер aоновой картинки и все получилось, но только не в IE. Подскажите, как побороть осла?

    Asked by @LEXXX_NF,

    0 votes
    1 answer

  8. CSS Для печати

    Решил протестировать свой сайт плагином Web Developer 1.1.6 для мозилы, посмотрел во вкладочке css какой вид будет для печати, у меня там один див выплывает, скажите как мне сделать отдельный css для печати и как его крепить?? И как мне на страничке сделать действие на печать чтоб грубо говоря была ссылка РАСПЕЧАТАТЬ и по нажатею на нее открывлся либо просмотр либо сразу печать...

    Asked by woofs,

    0 votes
    4 answers

  9. Гляньте плз в IE 8

    http://otdyhiturizm.ru/ У меня норм отображается, у заказчика нет. IE8 Пожалуйста, сделайте скриншот. Чтобы понять у кого браузер глючит.

    Asked by aTei,

    0 votes
    3 answers

  10. Помогите с позиционирование простой структуры блоков

    Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…

    Asked by artpol,

    0 votes
    5 answers

  11. Перенос ссылки на главную страницу в Joomla

    В сайте, созданном на движке Joomla, при попытке перенести пункт меню, ссылающийся на главную страницу из левого меню в верхнее меню, вылазит такая ерунда. Изначально ссылка имеет такой вид abc.ru (то есть обычная главная страница) после переноса abc.ru/cde. То есть к ссылке добавляется еще какая то хрень, я так понял псевдоним, который задается при создании пункта меню. Переношу пункт обратно, все становится нормально. Пробовал удалять псевдоним, но после сохранения появляются какие то цифры и в псевдониме, и в самой ссылке. Как решить эту проблему?

    Asked by Trali-Vali,

    0 votes
    3 answers

  12. Зачем нужны комбинированные селекторы?

    Продолжаю изучение CSS и вот возник такой вопрос: зачем нужно использовать комбинированные селекторы? Что можно сделать с их помощью, чего нельзя было бы сделать с помощью стилевых классов и именованных стилей? Заранее признателен.

    Asked by Bertie,

    0 votes
    3 answers

  13. семантичный порядок блоков

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

    Asked by cyklop77,

    0 votes
    4 answers

  14. Безопасная ширина, разрешение, шрифт

    Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!

    Asked by thekap,

    0 votes
    2 answers

  15. virtuemart2 уровни вложенности

    подскажите пожалуйста действительно ли родной модуль категорий в virtuemart2 не выводит категории, выше второго уровня? в описании модуля написано следующее . это информация бесполезная и непонятная.в том случае когда родительской категорией в настройках модуля делаю не "верхний уровень", отображается на сайте на один уровень больше категорий. это странно. почему всё таки не больше 2 уровней доступны?.. может быть я что-то настраиваю неправильно или действительно модуль так уродски задуман?

    Asked by cyklop77,

    0 votes
    4 answers

  16. Поблема с фоном

    Подскажите пожалуйста! Я на фоновый рисунок поставил некое изображение, растягивающееся на весь экран (резиновый фон), задал относительное позиционирование (position:relative;) и сдвиг от нижнего края экрана (bottom: 240px;)... Изображение действительно сдвинулось на 240 пикселей от низа, как я и хотел, но под ним образовался пробел (что, в принципе, естественно). Объясните пожалуйста мне - ламеру, как избавиться от пробела или заполнить его! Заранее спасибо! Скрин выше!

    Asked by Ivzhurik,

    0 votes
    8 answers

  17. Добавление тега <p>

    Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> …

    Asked by GstarMax,

    0 votes
    9 answers

  18. как сделать простейший поисковик по интернету при табличной верстке

    Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </fo…

    Asked by kotsa3,

    0 votes
    3 answers

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

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

    Asked by logicface,

    0 votes
    10 answers

  20. Растягивание table на ширину родителя

    В общем, есть table. Нужно растянуть его на ширину родителя, но так, чтобы он при слишком большом размере не растягивался больше него. Сижу, голову ломаю. width: 100%; не работает, relative у родителя+absolute у потомка нельзя, так как не известны размеры родителя. Точнее, width работает, но при слишком большом кол-ве текста растягивается больше родителя.

    Asked by iKNG,

    0 votes
    12 answers

  21. img и form в линию

    Добрый день, допустим нужно, разместить лого по центру, а выбор языка с краю. Если расматривать этот кусок кода, почему элемент form ведет себя так, будто img растянут на всю страницу ? http://jsfiddle.net/dmhrvs9L HTML <div class="top"> <img class="logo" src="http://aux.iconpedia.net/uploads/dog-paw-icon-256.png" width="100" height="" alt="logo"> <form name="language" class="lang" action="#" method="get"> <select> <option>EN</option> </select> </form></div>CSS .top { height: 200px; background-color: #dadada;}.logo { margin: 0 auto; display: block; padding: 15px 0 0 0;}.lang {…

    Asked by Fastfold,

    0 votes
    3 answers

  22. Как сделать правый бар с помощью bootstrap grid?

    Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть

    Asked by codemix,

    0 votes
    1 answer

  23. Убрать вертикальную полосу прокрутки у сайта

    Всем доброго времени суток! Подскажите, как можно реализовать такой довольно интересный функционал, который есть на сайте http://www.3magine.com/ Мне нужно, чтобы у сайта не было вертикальной полосы прокрутки, при скролле прокручивался весь цветной блок, который при этом занимает всю доступную высоту экрана. Насчет последнего пункта, в принципе понятно, что можно задать height=100vh, а вот как сделать все остальное, я пока не представляю. Может кто-то сталкивался с подобным?

    Asked by alejandro13,

    0 votes
    2 answers

  24. Медиа запросы

    Народ, помогите разобраться в медиа запросах. написал в css файле 2 вида стилей. Для обычного десктоп и для телефона. Но обычный почему-то все равно немного перебивает стили. В чем проблема? вот html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" media="screen and…

    Asked by FotGOD,

    0 votes
    2 answers

  25. Сайт не отображает блок

    Первый раз создаю сайт на хостинге. Не видит блок о компании. Он в конструкции есть, на сайте пустота.

    Asked by marizza40,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept