HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
картинку отобразил в бекграунде дива
Всем привет, Мне нужно поверх картинки отобразить другую маленькую картинку и для этого я большую картинку отобразил в бекграунде дива ref 1) это работает но за исключением того что картинки имеют разный размер и хотелось бы сделать каккой-то бекграунд для всей ячейки что обычно и делается с помощью картинки бекграунда но сложно так как картинка и отображется в бекграунде Можно как-то извернуться ? 2) И почему картинка не центрируется? Я прописал align-content: center; alignment: center; для классов image-wrapper и .back-img? Спасибо !
0 votes3 answers -
Ищу хороший free bootsrap 3.3 темплейт для форума
Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!
0 votes4 answers -
Адаптивная верстка блоков сайта
Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…
0 votes1 answer -
Не могу разобраться с Bootstrap компонентом
Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.
0 votes1 answer -
Список
Подскажите, пожалуйста, как сделать нумерованный список с прописными буквами русского алфавита.
0 votes1 answer -
Помогите решить проблему отображения img в IE6
Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…
0 votes1 answer -
Помогите с 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 располагается не под двумя, а только под одним из блоков...
0 votes1 answer -
Фреймы - не всегда просто!
Решил заморочиться с фреймами ... не думал,что могут возникнуть сложности с таким простым делом. Но вот,что получилось: Создал стандартную структуру фреймов ==> 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…
0 votes3 answers -
Табличная верстка
Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.
0 votes1 answer -
Position
Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???
0 votes2 answers -
2 вопроса, JavaScript+CSV и div в div
Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.
0 votes2 answers -
Не закругляется бордер у таблицы
Фон закругляется, а бордер нет. Проблема решается удалением "border-collapse: collapse" у table, но без этого свойства никак. Или же можно включить table в блок, и уже ему, а не таблице, задать бордер. Но можно ли как-то обойтись по-другому? как заставить таблицу закруглять уголки? опыта с таблицами практически никакого. Спасибо, заранее. Линк
0 votes3 answers -
Фон 100% + текст на нем фиксированный
Есть таблица в ячейке которой размещается текст, задача следующего характера, что бы фон в ячейке растягивался на 100%, фон это картинка, а текст размещался по верх этого фона, ну и конечно же при изменении разрешения нужно что бы текст оставался в рамках этого фона. Можно и дивами это не принципиально . Обрыл уже кучу тем, но чего то именно стоящего не нашел. Да может можно просто как то написать поверх картинки текст, но что бы он то же не вылазил при изменении разрешения за рамки картинки - Фотошоп не предлагать Да и хотелось бы что бы это решение работало во всех браузерах. Простите, что так нагло прошу, но реально долго ищу нормальное решение. Корявый код свой не пиш…
0 votes4 answers -
Посоветуйте книгу по верстке (в PSD)
Здравствуйте. Посоветуйте пожалуйста какую нибудь хорошую книгу по верстке в pdf формате, чтобы я мог закинуть ее на мобильный телефон и читать на парах, а то скучно.
0 votes3 answers -
iframe
Хочу в одну страницу сайта вставить фремом определенную область страницы на другом сайте. Но проблема в том, что нужна мне область в доноре располагается не прямо у края, а в середине. Как натравить фрейм именно на нужную область: допустим отступ слева столько то, сверху столько то...
0 votes3 answers -
Помогите с CSS
Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...
0 votes5 answers -
съезжают ноги на мобильном девайсе
Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.
0 votes4 answers -
Кроссбраузерная верстка (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…
0 votes3 answers -
Отступ при отрицательном 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…
0 votes0 answers -
Как поместить внутрь sup divвыклядело
Здравствуйте, как я понял внутрь sup div нельзя положить, поэтому, как сделать степень для блока. Вот ссылка на пример http://jsfiddle.net/r0xj9oue/2/. Мне надо чтобы -7/4 выглядело как степень. Есть идеи как это можно сделать?
0 votes3 answers -
Многоязычный сайт
Как реализовать многоязычный сайт (например, русский, английский)? Выбирать язык по юзерагенту браузера или предоставить возможность выбора читателю? Какие есть подводные камни, тонкости? Заранее спасибо. Олег.
0 votes1 answer -
Как подправить путь к изображению
В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <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 таких картинок.
0 votes0 answers -
Select или не Select
Ребят верстаю макет, есть вот такие выпадающие списки Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос 1) как к этому отнесуться поисковые системы, есть ли разница для поисковика? 2)как к этому отнесуться програмисты(про чекбоксы не говорю)? Ведь по сути se…
0 votes2 answers -
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'); } однако свою функцию данный экспрешн не выполняет...
0 votes3 answers -
Блоки
Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…
0 votes2 answers