HTML Coding

29542 questions in this forum

1. картинку отобразил в бекграунде дива

   Всем привет, Мне нужно поверх картинки отобразить другую маленькую картинку и для этого я большую картинку отобразил в бекграунде дива ref 1) это работает но за исключением того что картинки имеют разный размер и хотелось бы сделать каккой-то бекграунд для всей ячейки что обычно и делается с помощью картинки бекграунда но сложно так как картинка и отображется в бекграунде Можно как-то извернуться ? 2) И почему картинка не центрируется? Я прописал align-content: center; alignment: center; для классов image-wrapper и .back-img? Спасибо !

   Asked by mstdmstd, August 28, 2016

   0 votes
   3 answers
2. Ищу хороший free bootsrap 3.3 темплейт для форума

   Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!

   Asked by mstdmstd, April 4, 2017

   0 votes
   4 answers
3. Адаптивная верстка блоков сайта

   Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…

   Asked by rafaello9, February 27, 2021

   0 votes
   1 answer
4. Не могу разобраться с Bootstrap компонентом

   Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.

   Asked by Dexader, June 19, 2021

   0 votes
   1 answer
5. Список

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

   Asked by zph, January 11, 2009

   0 votes
   1 answer
6. Помогите решить проблему отображения img в IE6

   Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…

   Asked by 3ABAPKA, April 28, 2009

   0 votes
   1 answer
7. Помогите с DIVами. Разместить один DIV под двумя другими

   Добрый день. В теме может немного криво описал задачу, постараюсь здесь подробнее... Вопрос собственно вот в чем: Есть у меня три блока: 1. content (центральная колонка) 2. r_block (правая колонка) 3. bottom (подвальчик) Проблема в том, что не могу разместить блок bottom под другими двумя блоками. #content {width:67%; height:100%; margin-left: 30px; float:left;} #r_block {float:right; margin-right: 15px;} #bottom {clear:both; padding-top:25px; padding-bottom:25px; margin-left: 30px; width:90%;} Что и где нужно исправить? В таком виде, получается, что bottom располагается не под двумя, а только под одним из блоков...

   Asked by liex, July 18, 2009

   0 votes
   1 answer
8. Фреймы - не всегда просто!

   Решил заморочиться с фреймами ... не думал,что могут возникнуть сложности с таким простым делом. Но вот,что получилось: Создал стандартную структуру фреймов ==> 1.Основной файл index.html 2.Файл навигации top.html 3.Файл отображения main.html Задача: в файле навигации разместить ссылки на сайты,которые открываются в "основном окне"(в файле main.html). Разместил ссылки на Google,Mail.ru - всё работает корректно! Но!!! Размещаем ya.ru и некоторые другие и получается, что при клике на ссылку на всю страничку появляется ya.ru структура сайта (фремов) убивается... Ни как не могу понять, как "побороть" сей вопрос. Файл "index.html" <!DOCTYPE HTML PUBLIC "-//W3C//DTD H…

   Asked by bigkonstantin, May 22, 2010

   0 votes
   3 answers
9. Табличная верстка

   Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.

   Asked by latierra, August 11, 2010

   0 votes
   1 answer
10. Position

    Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???

    Asked by Mr.Black, December 11, 2010

    0 votes
    2 answers
11. 2 вопроса, JavaScript+CSV и div в div

    Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.

    Asked by ghost, December 17, 2010

    0 votes
    2 answers
12. Не закругляется бордер у таблицы

    Фон закругляется, а бордер нет. Проблема решается удалением "border-collapse: collapse" у table, но без этого свойства никак. Или же можно включить table в блок, и уже ему, а не таблице, задать бордер. Но можно ли как-то обойтись по-другому? как заставить таблицу закруглять уголки? опыта с таблицами практически никакого. Спасибо, заранее. Линк

    Asked by flagreit, April 9, 2011

    0 votes
    3 answers
13. Фон 100% + текст на нем фиксированный

    Есть таблица в ячейке которой размещается текст, задача следующего характера, что бы фон в ячейке растягивался на 100%, фон это картинка, а текст размещался по верх этого фона, ну и конечно же при изменении разрешения нужно что бы текст оставался в рамках этого фона. Можно и дивами это не принципиально . Обрыл уже кучу тем, но чего то именно стоящего не нашел. Да может можно просто как то написать поверх картинки текст, но что бы он то же не вылазил при изменении разрешения за рамки картинки - Фотошоп не предлагать Да и хотелось бы что бы это решение работало во всех браузерах. Простите, что так нагло прошу, но реально долго ищу нормальное решение. Корявый код свой не пиш…

    Asked by cpstriker, September 19, 2011

    0 votes
    4 answers
14. Посоветуйте книгу по верстке (в PSD)

    Здравствуйте. Посоветуйте пожалуйста какую нибудь хорошую книгу по верстке в pdf формате, чтобы я мог закинуть ее на мобильный телефон и читать на парах, а то скучно.

    Asked by AcdcRTEM, November 9, 2011

    0 votes
    3 answers
15. iframe

    Хочу в одну страницу сайта вставить фремом определенную область страницы на другом сайте. Но проблема в том, что нужна мне область в доноре располагается не прямо у края, а в середине. Как натравить фрейм именно на нужную область: допустим отступ слева столько то, сверху столько то...

    Asked by webair, October 29, 2012

    0 votes
    3 answers
16. Помогите с CSS

    Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...

    Asked by cosmen, February 4, 2013

    0 votes
    5 answers
17. съезжают ноги на мобильном девайсе

    Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.

    Asked by psevdo, February 12, 2013

    0 votes
    4 answers
18. Кроссбраузерная верстка (Windows VS Ubuntu)

    Ребята, привет! Подскажите пожалуйста как решить следующую проблему: делаю верстку страницы, в chrome (под Windows) меню отображается как "надо" , т.е. как на макете, вот скрин с сайта: а вот при просмотре в chrome (через Ubuntu) текст и фоновая иконка css header{ padding-top: 10px; margin: 0 auto; width: 950px; background: #fff; display: block; height: 123px; } header #moremenu{ float: left; width: 100%; margin-top: 10px; } header #moremenu .mail{ width: 159px; float: left; border-right: 1px solid #C2C7CC; height: 33px; padding-top: 17px; } header #moremenu .mail a{ background: url("images/mail.png") no-repeat scroll 19px 4px transparent; color: #163d5f; font-f…

    Asked by Snek17, August 9, 2013

    0 votes
    3 answers
19. Отступ при отрицательном margin

    Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…

    Asked by Temiks, September 16, 2014

    0 votes
    0 answers
20. Как поместить внутрь sup divвыклядело

    Здравствуйте, как я понял внутрь sup div нельзя положить, поэтому, как сделать степень для блока. Вот ссылка на пример http://jsfiddle.net/r0xj9oue/2/. Мне надо чтобы -7/4 выглядело как степень. Есть идеи как это можно сделать?

    Asked by icestranger, July 17, 2015

    0 votes
    3 answers
21. Многоязычный сайт

    Как реализовать многоязычный сайт (например, русский, английский)? Выбирать язык по юзерагенту браузера или предоставить возможность выбора читателю? Какие есть подводные камни, тонкости? Заранее спасибо. Олег.

    Asked by oleg3280, May 3, 2016

    • website
    0 votes
    1 answer
22. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf, September 9, 2016

    0 votes
    0 answers
23. Select или не Select

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

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

    0 votes
    2 answers
24. expression в ie6

    помогите правильно составить expression для ie6 намучился с другой проблемой, моск кипит, так что уже не могу разобрать нормально ничего.. выдает синтаксическую ошибку .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? 1400 : 100%) :'1005px'); } нужно, чтобы если ширина окна > 1005 и меньше 1400, то ширина .page была бы 100% иначе min 1005, max 1400 заранее спасибо ошибка из-за кавычек была .page { width:expression(document.body.clientWidth>1005? expression(document.body.clientWidth>1400? '1400px' : '100%') :'1005px'); } однако свою функцию данный экспрешн не выполняет...

    Asked by theo_, February 17, 2010

    0 votes
    3 answers
25. Блоки

    Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…

    Asked by new01, April 12, 2011

    0 votes
    2 answers