HTML Coding

29,542 questions in this forum

1. Лишнее пространство в таблицах

   Не получается убрать пустое пространство в ячейках таблиц. Уже границы объединил, отступы убрал, всё равно пространство остаётся, причём в каждой таблице разное, видимо зависит от количества контента. Пустое пространство находится именно внутри ячеек. Как его убрать?

   Asked by AlexProf, August 2, 2017

   • table
   0 votes
   5 answers
2. Уменьшение разрешения, разных изображений

   Есть такая проблема, если загрузить изображение, у которого сторона x короче стороны y, то всё нормально, а если наоборот, то после загрузки, остаётся пустое место, как этого избежать? Можно дописать атрибут height=80, но тогда изображения будут искажаться. https://jsfiddle.net/0bL3m6mm/

   Asked by DivMan, August 1, 2017

   0 votes
   6 answers
3. Как вставить готовую таблицу в html-сайт

   Всем привет! HTML изучаю не так давно. Интересует вопрос как вставить готовую таблицу на сайт в место для контента страницы. Суть в том, что она уже готовая таблица, скопированная с какого-нибудь сайта или например вордовского документа как обычный текст, её надо просто вставить на страницу как часть контента, а не пересобирать вручную по html-тэгам. Как правильно это сделать? С помощью чего? Не знаю даже что гуглить, гугл выдает не то, что нужно. Таблица ведь может быть гигантской, вручную собирать по тэгам каждую ячейку же не будешь. Как её обычно вставляют и подгоняют под сайт опытные веб-мастера?

   Asked by prosto_user, August 1, 2017

   0 votes
   4 answers
4. Равномерная сетка прямоугольников

   День добрый. Есть контейнер, в контейнере блоки. Блоков может быть любое количество. Контейнер может быть любой ширины. Следовательно, количество строк и столбцов заранее неизвестно. Задача: расположить блоки в контейнере так, чтобы их всегда было одинаковое количество на каждой строке. Если в последней строке не хватает одного-двух блоков, то оставшиеся блоки занимают всю строку. Два дня курю как Flexbox, так и гриды, и не вижу решения. Флексы могут оставить на последней строке один элемент, что ужасно некрасиво. Гриды тоже, плюс они его не растягивают. Решения нет, или я его не вижу? Картинка для наглядности.

   Asked by 7ion, August 1, 2017

   0 votes
   6 answers
5. Наставничество

   Всем привет! Обращаюсь к старшим коллегам. Мне очень нужен наставник. Так как не знаю, куда двигаться дальше, правильно ли написан мой код, да и вообще то ли я делаю... У меня есть познания в верстке(HTML, CSS, Sass, Bootstrap), немного знаю о PHP и JS. Но очень часто встречаются моменты, когда нужно спросить совета, а обратиться не к кому. Я не прошу, чтобы со мной нянькались как с маленьким ребенком, просто нужен человек, который поможет наметить план действий, по которому я буду идти и с которым можно будет иногда советоваться. За ранее благодарен!)

   Asked by Igor_Dp, July 31, 2017

   0 votes
   3 answers
6. Select или не Select

   Ребят верстаю макет, есть вот такие выпадающие списки Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос 1) как к этому отнесуться поисковые системы, есть ли разница для поисковика? 2)как к этому отнесуться програмисты(про чекбоксы не говорю)? Ведь по сути se…

   Asked by Евгений_SB, July 31, 2017

   0 votes
   2 answers
7. Адаптация шапки и всё её содержимое.

   Есть такая проблема, при сужении сайта изображение уменьшается, то сама высота блока не изменяется и получается пустое место, как сделать, что бы блок тоже уменьшался и нижний блок в жёлтом фоне нормально подстраивался, прописать медиазапросы, для каждого пикселя? https://jsfiddle.net/hqdd5two/

   Asked by DivMan, July 31, 2017

   0 votes
   5 answers
8. Кнопки с заданными поисковыми запросами вместо (помимо) обычной формы поиска

   Есть задача: Есть несколько заранее заданных поисковых слов (словосочетаний). На сайте уже есть форма поиска. Помимо этого необходимо вставить в нужных местах сайта кнопки (ссылки, картинки), к которым привязаны заранее заданные поисковые запросы. В результате, при нажатии на одну из заданных кнопок, сайт должен выдать то же самое, если бы соответствующий поисковый запрос был введен в поисковую форму и нажато SUBMIT. Как это реализовать?

   Asked by gentleman, July 31, 2017

   0 votes
   1 answer
9. Как создать подобный ввод email?

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

   Asked by WebNewbe, July 30, 2017

   • html
   • css
   0 votes
   3 answers
10. z-index не перекрывает body

    Поочему фон со звёздами не прячется под body у которого: body { background-color: #EDE8C9; position:relative; z-index: 2; font-family: "RobotoRegular", sans-serif; font-size: 16px;

    Asked by Brodyaga337, July 28, 2017

    • z-index
    • body
    0 votes
    6 answers
11. Не могу реализовать данное меню

    Друзья встал такой вопрос с реализацией 2ух меню, между которыми находится лого. Менюшки то расходятся, то лого куда то съезжает. Кто может подсказать путь решения данной проблемы? Вот что необходимо получить: Ширина 1410px. Прилагаю свои способы: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> …

    Asked by rinatoff, July 28, 2017

    0 votes
    8 answers
12. Как обрезать картинку снизу?

    Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros, July 28, 2017

    • html
    • css
    • div
    • img
    • background
    0 votes
    17 answers
13. Почему уехал блок?

    Не понятно почему div туда уехал, тег nav вообще потерялся, видно только его пэддинг-топ на месте div'а, Прилагаю скрин и код. Хотя дивом обернуты нав и ул с лишками. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> <a href="#">Павильон №2</a> </li> <li> <a …

    Asked by rinatoff, July 28, 2017

    0 votes
    7 answers
14. Проблема с переносом подчеркнутого текста

    Как сделать, чтобы при переносе подчеркнутого текста это подчеркивание не съезжало вниз (см. картинку), а фиксировалось под словами? Для примера желаемый вариант выглядел бы как "Описание Описание Описание Описание Описание"

    Asked by DmitriyS, July 28, 2017

    0 votes
    3 answers
15. Bootstrap и форма для мобильных и планшетов

    Здравствуйте. Проблема с версткой формы в Bottstrap. Хочу сделать 2 поля в одну линию с выбором промежутка ОТ и ДО. Но при уменьшении размера экрана до планшета, название поля не правильно отображается. Пробовал различные размеры col-md-* col-xs-* и тд. подставлять но не помогло. Подскажите как сделать. Получается вот так: Код такой: <form method="GET" action="#" accept-charset="UTF-8" class="form-horizontal"> <fieldset> <!-- Text input--> <div class="form-group"> <label for="name" class="col-md-4 control-label">Имя</label> <div clas…

    Asked by z3r9, July 27, 2017

    0 votes
    6 answers
16. Как изменить стиль соседним элементам?

    Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.

    Asked by nikki4, July 27, 2017

    0 votes
    1 answer
17. Ругается валидатор

    Ребят почему валидатор HTML ругается на строку <html lang="en"> всего 1 ошибка никак не пойму почему все же правильно,пробовал менять на ru тоже самое вот что пишет хотя вложенность тегов правильная

    Asked by Евгений_SB, July 27, 2017

    0 votes
    2 answers
18. Помощь по СSS.

    Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…

    Asked by TEO_911, July 27, 2017

    • menu
    • li
    • ul
    • class
    0 votes
    7 answers
19. Горизонтальный скролл

    При построении сетки на flex-box, появляется горизонтальный скролл, как решить эту проблему? Я так понимаю что из-за отрицательного правого маргина у row, но как тогда мне обнулять отступы слева у первого элемента, и справа у последнего? Без nth-child не обойтись? Спасибо! https://jsfiddle.net/qLz87c4r/ https://codepen.io/anon/pen/JydmbY

    Asked by Hasiev, July 27, 2017

    0 votes
    2 answers
20. Свойство transform: rotate() для адаптивной верстки

    Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> &l…

    Asked by Libiros, July 26, 2017

    • transform
    • css
    • адаптивная верстка
    • rotate
    • bootstrap
    0 votes
    8 answers
21. Не работает position:relative на tbody, tr, td

    https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???

    Asked by Daniil Khanin, July 26, 2017

    0 votes
    9 answers
22. позиционирование элементов

    ребят помогите пожалуйста ни как не пойму почему блок с тектом на (2 картинке ) налазит на блоки хотя при нормальном размере браузера все норм вот код HTML <div class="team-info-fon"> <div class="team-info"> <div class="team-info-1"> <h1>Meet our team</h1> <p>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed dooing eiusmod tempor incididut labore Ui / Ux , print template.</p> <div class="line2"></div> </div> <div class="team-info-2"> <img src="#" alt=""> <h2>mark waugh</h2> <p>Lorem ipsum dolor …

    Asked by Евгений_SB, July 25, 2017

    0 votes
    2 answers
23. Проблема с высотой сайта

    Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer. https://jsfiddle.net/ofvdp3q3/1/

    Asked by Kenshi24, July 25, 2017

    0 votes
    3 answers
24. Браузер воспринимает html код как текст

    Есть такой код: <div onclick="this.replaceWith('<iframe src=\'https://www.facebook.com/plugins/video.php?autoplay=1&href=https%3A%2F%2Fwww.facebook.com%2Fsmotriwow%2Fvideos%2Fvb.378858835552346%2F834370963334462%2F%3Ftype%3D3&show_text=0&width=715&height=400\' width=\'715\' height=\'400\' style=\'border:none;overflow:hidden\' scrolling=\'no\' frameborder=\'0\' allowTransparency=\'true\' allowFullScreen=\'true\'></iframe>');"><img alt="Десерт" src="http://ktonanovenkogo.ru//wp-content/uploads/video/image/10.jpg" width="100%"></div> Но почему то он при клике заменяет картинку на код фрейма. В оригинале кода где я его бр…

    Asked by slapit, July 25, 2017

    0 votes
    1 answer
25. Медиа запросы, Safari и масштабирование. Что-то не так делаю.

    Приветствую специалистов по кросбраузерной верстке! Вот сайт http://durmitorsport.com/. [Основная] Проблема с фонами. В стилях прописано (мной): #header { background-image: url("../images/fons/1_main.jpg"); background-size: 100% auto; } @media only screen and (max-width:1366px){ #header { background-size: auto 100%; } } Проблема: в разрешении 1366px по горизонтали, если уменьшить масштаб в браузере, то должно отображаться, как будто разрешение больше оного. Вот в Safari это не работает. И как не масштабируй, @media only screen and (max-width:1366px) - все равно обрабатывается. Почему? Помогите разобраться. Скриншоты. …

    Asked by VasyOK{!}, July 24, 2017

    0 votes
    6 answers