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
-
Границы таблицы
Как сделать такое? У меня проблемы с горизонтальными границами (синего цвета которые) через несколько ячеек.
0 votes5 answers -
display: table и содержимое смежных "ячеек"
Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…
0 votes10 answers -
Таблица вылезает из дива
Все просто: есть див, в нем табличка. После нее немного текста. А впрочем, код: <div id=info> <table style='float:left;'> <tr><td><a href='#4fa9c8efcbd39'>Тренажеры уличные</a></td></tr> <tr><td> <a href='#4fa9c8efcbf50'>Комплекс уличный</a></td></tr> <tr><td> <a href='#4fa9c8efcd08f'>Тренажер уличный</a></td></tr> <tr><td><a href='#4fa9c8efcf8d6'>Кардиотренажеры</a></td></tr> <tr><td> <a href='#4fa9c8efcfaa9'>Дорожка беговая</a></td></t…
0 votes5 answers -
Кроссбраузерная вёрстка(Ios safari...)
Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)
0 votes6 answers -
parallax psd-макеты
хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались
0 votes5 answers -
Небольшая проблема с CSS
Доброго времени суток, форумчане! Возникла у меня проблемка не большая. Нарисовал картинку (бэкграунд), и в этой картинке оставил место для вставки видео. Т.е. рамку. В это место нужно вставить видео. Бэкграунд вроде настроил, вроде отображается, но вот видео на "место" поставить не могу. Использую тег margin-top, указываю значения, а он делает отступ не только для видео, но и для самого бэкграунда. По-любому проблема лежит где-то на поверхности, а я ее не вижу, как обычно. Помогите сообразить, пожалуйста Вот мой код: + Картинка.
0 votes2 answers -
Два непонятных явления...
Здравствуйте. Столкнулся с двумя проблемами на своих сайтах. Сам решения не нашел, мой знакомый программист - тоже. Надеюсь на этом форуме мне помогут решить эти задачи. 1. Сайт: http://www.soccerland.ru, прописал все в стилях через @font-face в общем все сделал также как на сайте soccerland.ru, на котором все работает, но почему-то на hockeyland.ru они отказываются работать. Проверил права на папку со шрифтами, не знаю в чем еще может быть проблема? Буду очень признателен за решения этих проблем. Может тут все просто?
0 votes8 answers -
Карусель для брендов
Добрый день! Хочу на сайт установить карусель jQuery для брендов, аналогичная есть на сайте: http://megalogistika.ru почти в начале страницы под надписью "Нам доверяют". Найти в интернете подобную карусель не смогла, поэтому и прошу Вашей помощи! Заранее большое спасибо!
0 votes4 answers -
Модальное окно
сайт лежит на локальном сервере. на сайте имеется кнопочка, по нажатию на которую выползает модальное окно, содержащее небольшую формочку. но когда я закрываю модальное окно, то URL становится таким: http://localhost/index.html#close, а при обновлении страницы происходит как бы моментальное открытие модального окна и сразу его закрытие. ну, будто он уже открыт был. нужно чтобы не было такого момента, что он после обновления страницы вызывает-закрывает модальное окно... как исправить? CSS: /* Контейнер */.modal {/* Слой перекрытия */position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;/* Трансформации прозрачности при открытии …
0 votes5 answers -
Иконки анимация
Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией
0 votes2 answers -
Выезд блока за пределы
Проблема только в FF. В остальных браузерах нормально.
0 votes4 answers -
Ссылки
Почему то в Опере под ресунками при нажатии на него появляеться полоска. Где я допустил ошибку? А в ИЕ ссылки с ресунков принимают стиль ссылок списка. Подскажите пожалуйста как это исправить. Заранее спасибо за ответы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> </title> <style type="text/css"> <!-- body { background: #cff; margin: 0; padding: 0; } #list { float: left; width: 200px; background: #f36; } #content { margin-left: 230px; background: #f0c; } #container #list ul { margin: 0; padding: 0; } #container #list …
0 votes4 answers -
Сайт На Дивах
Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464
0 votes11 answers -
title в css
Ребят, день добрый! Не подскажите ли Вы, как можно иначе прописать title не как свойство у тега a. Например, можно ли прописать его в css. Или другой способ это верстка самого функционала title. Мне бы как нибудь всплывающую подсказку надо бы сделать к input'у. Но как? Это для меня пока еще загадка. Спасибо.
0 votes2 answers -
Нужна помощь по выпадающему меню
Добрый день! Есть готовое выпадающее горизонтальное меню (2-х уровневое). Появилась необходимость добавить третий уровень вложенности. Подскажите, как это делается. Спасибо! Вот код css: #nav, #nav ul { list-style: none; margin: 0; padding: 0; border: 0px solid #000; background: none; float: left; width: 100%; } #nav li { float: left; position: relative; background: none; } #nav li ul { display: none; position: absolute; background: #2B4173; padding: 8px 0; width: 138px; } #nav a { text-align:center; text-decoration: none; display: block; width: 105px; padding: 4px 0px; background: none; } #nav a:hover { color: #99CCFF; …
0 votes10 answers -
Совсем для новичков
Господа, подскажите, пожалуйста, с чего начать совсем чайнику? Ни разу не верстал, начитал немного теории по html\css, хочу перейти к практике. Желательно, что-нибудь актуальное, а то гуглится только антикварная инфа. Из скиллов - базовые знания синтаксиса и примерные знания принципов работы html и css, вялый английский, 3 часа времени в день и борода. PS на уровне свадебного фотографа. Будет совсем замечательно, если опытный человек возьмет меня в подмастерье. Заранее спасибо.
0 votes7 answers -
не работает text-align:justify
Добрый день! Мой html создается програмно из файла Word (который по сути XML). Моя задача отобразить этот файл в html. поэтому текст разбивается на части, которые в свою очередь заключены в <bdi>. при этом мне нужно выставить свойство параграфа text-align:justify. при выставлении "в лоб" ничего не получается. точнее не получается, если текст двуязычный (а в этом случае еще и двунаправленный) вот html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <article> <section> <p style="direction:rtl; white-space:nowrap; text-align:justify;"> <span> <bdi style="dir…
0 votes0 answers -
Меня бесит тег p и line-height, как их угомонить?
Всем привет, есть проблема с margin блоков. Дело в том, что я немного perfectционист и стремлюсь к тому, что бы все зазоры между блоками были одинаковые. Ладно, я могу простить разницу в 1 пиксель, но больше чем 1 нет, это выше моих сил.=D Все в порядке тогда, когда блок заканчивается какой то таблицей или четким элементом, но все дрожит и полыхает если блок заканчивается абзацем. Ей богу, как они меня бесят эти абзацы и этот line-height. Вот пример хорошего дела: https://www.dropbox.com/s/mr0jkcx2zg90gd1/1.png А вот пример плохого дела: https://www.dropbox.com/s/3vj1vlh2unp56vt/2.png line-height мне нужен такой как есть сейчас, что бы зазор между буквами был 14…
0 votes8 answers -
Как делаются мультибраузерные сайты?
Привет всем! Я новичок, делаю свою первую простую персональную страничку. Нужна помощь. В хроме сайт выглядит нормально, а в мозиле и IE все сдвинуто в право и увеличен масштаб. Картинка становится дефектной. Уменьшил масштаб страницы в браузере со 100% на 80 % и вид сайта нормализовался. Сделал проверку кодов Dreamweaver-ом, он что то исправил, нашел ошибку "удвоение поля потока" у непринципиальной линии, короче не помог исправиить дело. Сайт еще не загружен в интернет, открываю его через нотпад. Вот эта страничка html форума с моим вопросом в хроме выглядит нормально, а в мозиле ее масштаб увеличен, но это не портит общую картину. Все блоки находятся на своих местах…
0 votes12 answers -
Сладер стопкой
Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.
0 votes0 answers -
адаптивные табы
Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!
0 votes6 answers -
3 способа установки пакетов в nodejs
скажите пожалуйста, правильно ли я понимаю механизм установки пакетов в nodejs? если нет, то поправьте меня я думаю, что пакеты можно устанавливать тремя способами. расскажу на примере linux: 1. можно установить пакеты, которые требуются конкретному проекту, если зайти в каталог проекта и запустить из консоли команду npm i в этом случае в каталоге проекта создастся каталог node_modules и в него скачаются все модули, которые указаны в package.json 2. можно зайти в каталог проекта и запустить команду npm install package_name в этом случае так же в каталоге проекта создастся каталог node_modules и в него установится пакет package_name 3. за…
0 votes3 answers -
Из чего состоят сайты 2019?
Всем привет. У меня тут глупый вопрос появился... Вот В общем то и он - из чего состоят сайты в 2019 году? А если подробнее, то я начал изучать создание сайтов. По началу казалось все очень легко. Совместил html+css и получил одностраничник. Но углубившись в эту тему там всплыло столько всего - бутсрап, препроцессоры, sql, js и так далее. Что из всего этого нужно учить после html и css? Какая у меня цель? Выйти на фриланс и зарабатывать на пропитание... (Извиняюсь если налил много фигни, жизнь без сна дает о себе знать)
0 votes5 answers -
Подключение СSS не из корневого каталога
Как указать путь для подключения файла CSS, который в папке корневого каталога, в html файле расположенном на два уровня ниже в корневом каталоге ? | ———- |——--| style | | ———- | | | ———- css_file.css | | | ————-- |——--| parent1 | | ————-- | | ————-- | ——— | parent2 | | ————-- | | | ————-- file.html В file.html нужно в подключении указать путь к css_file.css
0 votes3 answers -
проблема с text-decoration
Добрый день! Заданы св-ва a:link{ color: #003399; text-decoration: underline; font-weight: normal ; font-size: 13px;} h3 {font-size : 15px; text-decoration : none; color : #4682b4; margin : 5px 0; } Код <a href="http://www.foxelectro.ru/content/blogcategory/62/81/"><h3>Статьи</h3></a> Несрабатывает text-decoration : none; для h3 в ie (цвет, размер меняются а подчеркивание остается) , в ff отображается как надо без подчеркивания...Это как-нибудь можно исправить???
0 votes10 answers