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
-
Загадочные отступы между инлайн эллементами
Есть 2 блока (display:inline-block;margin:0px;padding:0px;) в стилях прописанные отступы по 0 пикселей, но между блоками всеравно есть отступ, как его убрать, искал в интернете, там убирают его с помощью такого: margin:-.36em; но это для определенных размеров шрифтов, как убрать отступ или как с этим бороться?
0 votes3 answers -
подскажите, как сделать скобки вокруг текста?
Здравствуйте! извиняюсь за глупый вопрос, но совсем новичек и не могу придумать как сверстать такой элемент в макете: Можно ли эти скобки сделать border ом? пытался найти, но так и не нашел как сделать такие границы. Сделал пока так: <div class="bkt">[</div> <span class="title">КАТЕГОРИЯ 1 текст текст текст</span><div class="bkt">]</div>.title { font-size: 16px; text-align: center; width: 70%; float: left; line-height: 1;}.bkt { font-size: 25px; float: left;}Но вариант совсем корявый у родительского элемента размеры должны быть указаны, а они для каждой категории разные будут... Подскажите, как такое правильно сверстать?
0 votes3 answers -
Помогите чаинику. Чем заменить a href
Всем привет, скачал лаиот, пытаюсь переделать и чемуто научится. вот застрял и как часами не могу наити ответ. Снизу были 3 кнопки, которые меняли главную картинку страницы. думал убрать эти 3 кнопки. две убрал, если первую уберу картинка исчезает, или чтобы я не заменял, всегда остаётся черныи квадрат от кнопки. пожалуиста не судите. первыи раз в жизне пытаюсь создать маленькую страничку. <!-- / content --> </div> </div> <div class="block"></div> </div> <div class="bg1"> <div class="main"><!…
0 votes2 answers -
Подскажите каким путем идти для реализации линий между блоками
Учусь делать страницу с галереей. Изображение взято по примеру одного из шаблонов. На данном этапе изучения начал писать код: https://jsfiddle.net/sh642v1b/ Хотел спросить совета: как реализуется это дерево из белых линий между блоками. Видел примеры с подложенным изображением, но делаю страничку которая будет меняться при изменении размера окна и как понял фон может не попадать на блоки.
0 votes7 answers -
Помогите решить как сделать чтобы внутрение блоки растягивались на высоту родительского блока height:100%; не помогло
http://prntscr.com/8nw92f <div class="korzina_table"> <div class="kor_li_1"> <div class="korzina_img"> <img src="image/s_1.png"/> </div> </div> <div class="kor_li_2"> <p class="nomer_tovara">Плита 1П 18-15-30</p> <table> <tr> <td>Длина,мм:</td><td>1750</td> </tr> <tr> <td>Ширина,мм:</td><td>1500</td> </tr> <tr> <td>Высота:</td><td>160</td> </tr> <tr> <td>Масса,тон:</td><td>1.03</td> </tr> <tr> <td>Объём,куб.м.:</td><td>0.41</td> </t…
0 votes12 answers -
Многоколоночный текст
Можно ли сделать текст в 2 колонки без column но и без дополнительной разметки ?
0 votes1 answer -
Выравнивание float блоков по строкам
Привет. Собственно ссылка http://jsfiddle.net/bc2b9jtd/Трудно объяснить что именно я хочу, но я постараюсь. Есть блоки с содержимым, содержимого может быть по-разному: немного или чуть больше, чем немного. Хочется сделать так, чтобы эти блоки шли ровными строками. Совершенно понятно как это решать таблицами: http://jsfiddle.net/bc2b9jtd/1/ А можно ли это как-то решать без них? Не обязательно использовать block, можно inline-block.
0 votes2 answers -
bxslider не адаптируется
не адаптируется слайдер на главной. картинка слайдера поедее должна сжиматся а вот не тут то было...
0 votes3 answers -
Странное поведение <img src = "*путь к файлу*">
Доброго времени суток. Стоит задача отобразить в браузере выбранный docx документ. После выбора документа, docx автоматически преобразуется в html, этот html вставляется в код страницы и все это отображается пользователю. При преобразовании все картинки docx-документа выносятся в отдельные файлы, в html ставятся в нужных местах ссылки на картинки. При отображении полученной страницы картинки не показываются, только их рамки с заданными размерами, как-будто на них даны битые ссылки. Хром при попытке "открыть картинку в новой вкладке" открывает "about:blank". При этом при просмотре кода страницы пути к картинкам верные, файлы точно на месте. Если скопировать путь из кода с…
0 votes2 answers -
Проблема с адаптивом на iPhone.
Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.
0 votes4 answers -
Органиграмма, блок-схема, дерево
Как можно сделать на ХТМЛ вот такую штуку? Сначала думал, разбить всё по уровням. Но этого мало. На ум приходят вложенные колонки. Как можно ещё?
0 votes1 answer -
Фиксированное меню
Здравствуйте! На странице выполнено фиксированное верхнее меню определенной ширины. Каким образом менять ширину меню при прокрутке?
0 votes1 answer -
PHP GD
Здравствуйте! Ребята, я вот уже который день пытаюсь разобраться с данной библиотекой и написать необходимый скрипт, но из-за разнообразия функций и их параметров я часто просто путаюсь и потом вхожу в ступор на несколько часов для того чтобы последовательно разобраться в том что не так и в итоге по истечению многого времени я так и не смог реализовать задуманное... Есть png картинка на которой по центру одним сплошным цветом изображено что-то а фон прозрачный и мне нужно сделать так чтобы я тот конкретный цвет поменял на другой конкретный цвет и оставил прозрачность. В интернете полно информации по данной теме и я заметил что реализаций тьма судя по тем скриптам которы…
0 votes5 answers -
Подскажите как сверстать
как верстать такие блоки??http://www.fotolink.su/v.php?id=50bf14499502c1be5084483d2cbf5c72 http://www.fotolink.su/v.php?id=252bf1a0e5941e24802d1b870c066395
0 votes6 answers -
Не пойму как работает min-width
Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}
0 votes3 answers -
Выделение первого символа четного элемента
Подскажите, как в списке выделить первый символ четного элемента. <ul class="menu"><li><a href="/">Home</a></li><li><a href="about.php">About</a></li><li><a href="projects.php">Projects</a></li><li><a href="blog.php">Blog</a></li><li><a href="contact.php">Contact</a></li><li><a href="search.php">Search</a></li></ul>ul li a:nth-child(even)::first-letter{ color: #fff;}не получается таким образом выделить.
0 votes2 answers -
автосоставление координат по клику
Добрый день! Мне нужно разбить рисунок карты области на отдельные участки-ссылки. Сама идея, конечно, проста как апельсин: бери <map> и <area> и нарезай. Но дело в том что дана Кировская область а разбить её нужно на районы, коих в ней 39 и все заковыристой формы. Отследить вручную (просто просматривая глазками координаты точек где граница района изгибается) координаты в разумные сроки не представляется возможным. Вопрос. Возможно кто-то сможет подсказать, нет ли какого-нибудь приложения, которое бы прорисовывало полигональную линию, вычисляя и записывая в строку координаты автоматически по клику мыши?
0 votes2 answers -
Не удается растянуть сайт на весь экран по высоте
Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем п…
0 votes5 answers -
Bootsrap psd нету
Не могу найти psd макета для bootstrap, кто то может скинуть с уже простенький выставленной сеткой ?
0 votes1 answer -
Окно с прокруткой
Добрый день. Как сделать окно с прокруткой? Пример - виндосовские окна. Как выглядет окно: <div id="window"> <p>Заголовок окна</p> <div>Тут находится содержимое всякое разное</div></div>Т.к. у всех мониторы разные, то макс. высота окна не фиксирована, а задается в процентах от body / html. Соответственно, если содержимое вложенного div больше, то у него должна появиться вертикальная прокрутка. Как это сделать? Чтобы ничего не вылезало, скролбары показывались когда нужно. Может нужно верстку окна изменить? Ps Окно позиционировано абсолютно.
0 votes11 answers -
Не видно тень слева у появляющегося блока
Друзья, прошу помочь. Делаю для себя сайт и постепенно изучаю css. Прошу не кидать тухлыми помидорами и помочь мне в одном вопросе. Слева при наведении на рецепте не появляется тень, то есть как бы границы сайта не дают выйти тени за ее пределы. Прошу помогите. Вот скрин где косяк. Сайт ideipovara.ru http://i67.fastpic.ru/big/2015/1006/11/30c64719e367e40ec2d724076942da11.jpg
0 votes3 answers -
Внутренная рамка
Здравствуйте форумчане! У меня тут проблемка с рамкой. .class:hover, .active{ border: 1px solid red; margin-top: -1px;}.class:not(.active){ padding: 1px;}Но все таки код "скачет" при наведении. Пожалуйста помогите.
0 votes8 answers -
Отправка данных формы на E-mail.
Товарищи форумчане, помогите пожалуйста. Не работает форма обратной связи. при нажатии на кнопку отправить открывается пустая страница mail.php. Гляньте опытным глазом что я не так сделал. Код HTML<form action="mail.php" method="post"> <b> Ваше имя </b><input name="name" size="39" type="text"> <p><b> Ваш e-mail </b><input name="email" size="38" type="text"></p> <p><b> Ваш телефон </b><input name="tel" size="34" type="text"></p> <p><b> Дата заказа </b><input name="date" size="37" type="text"></p> <p><b> Время подачи авто </b><…
0 votes1 answer -
длина страницы
Здравствуйте! При верстке, всегда ли нужно указывать длину страницы? И в каких случаях этого делать не стоит?
0 votes1 answer -
адаптированная верстка
Как делать адаптивную верстку для большого сайта (более 50 страниц)? Нужно каждую страницу адаптировать?
0 votes4 answers