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
29,542 questions in this forum
-
Как сделать выбор услуги?
Добрый день. У меня есть 3 услуги, для которых надо сделать "preview", с ссылкой на подробный материал об этом. Сначала хотел сделать в виде слайдера изображений, но потом понравилась такая реализация (даже не знаю как это называется): Подскажите, как это можно реализовать? С помощью div-ов или таблиц? А то в Photoshop-е я может и нарисую, а как все это в HTML код превратить - понятия не имею. Надеюсь подскажите.
0 votes14 answers -
float или position - для размещения контента
Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…
0 votes14 answers -
Сайт с мобильной версии браузера не отображает курсив
В стилях такие записи для тегов b {font-weight: 600;} em {font-style: italic;} На сайте эти теги отображают все как надо, b - жирным шрифтом, em - курсивом А вот в мобильной версии ничего не меняется. После того как увеличил значениие b {font-weight: 700;} в мобильной стало тоже видно что это жирный шрифт Почему так происходит и как сделать так чтобы курсив в мобильной версии тоже было видно.
0 votes14 answers -
Проблемы с блоками.
Здравствуйте, уважаемые...При редактировании шаблона, у меня появилась следующая проблема: , Лично у меня через Хром все нормально, но после токо как я показал другу, он сказал там все криво, я скачал оперу и глянул, и действительно все криво (Если нужны будут какие-либо классы, пишите дам) Взарания Благадарю.
0 votes14 answers -
Программа для создания сайтов
Здравствуйте! Подскажите, пожалуйста, какие еще есть программы для создания сайтов с нуля по типу Dreamweaver cs6? Чтобы можно была прописывать код и подключать css, или прописывать стили внутри html, чтобы тоже всплывали подсказки и подсвечивались буковки))?
0 votes14 answers -
проблема в joomla с FTP
я когда устанавливал joomla вроде случайно указал не тот логин ftp а теперь хочу изменить, изменяю нажимаю сохранить он пишет сохранено но я смотрю на логин а там старый не правильный логин почему?
0 votes14 answers -
Оцените решение
Стоит такая проблема: То бишь блок с красиво оформленной прозрачной рамкой. Вот решение: HTML: <!doctype html> <html> <head> <title>Deluxe</title> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body> <div class="border"> <span class="top tl"></span> <span class="top tr"></span> <span class="bottom bl"></span> <span class="bottom br"></span> <div class="out"> <div class="in"> <div class="content"> adsdasdasdasdasdasdasdasdasdasda<br> …
0 votes14 answers -
background-image
Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>
0 votes14 answers -
проконсультируйте по организации работы
Допустим дизайнер дает макет psd на котором мы видим, к примеру определенный слайдер. Как я должна воплотить конкретно такой слайдер? В интернете много плагинов, помогающих сделать слайдеры самых разных видов,но что если я не могу найти именно такой,как на макете?я же не должна его создавать сама?я верстальщик,не знаю java script пока.или дизайнер должен дать мне ссылку на слайдер,который он использовал в макете?или как эта система вообще работает?
0 votes14 answers -
равномерно распределить div'ы внутри div'a
Есть ли способ равномерно распределить div'ы внутри div'a? Внутренние дивы имеют только фиксированную ширину, высота никак не ограничена.
0 votes14 answers -
Знак вопроса вместо русского текста.Для опытных верстальщиков
Здрасьте всем! Вот появилась проблема с отображением русского текста: Некоторые говорят что проблемма с кодировкой, но это не так. Вот сам код: <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="" type="text/css" /> <meta http-equiv="content-type" content="text/html" charset="utf-8" /> <meta name="author" content="" /> <title>Statements</title> </head> С другими страничками все норм, русский текст отображается нормально, но в этой что-то не так. Подскажите пожалуйста
0 votes14 answers -
Верстка - правильное наложение слоев
Хочу сделать так так как на картинке, но не выходит Я там вырезал прозрачную область, игрался с z-index но так и не вышло. т.е. хочу чтобы картинка слайдера немного спускалась вниз и была под кнопкой навигации для слайдера, т.е. при активной кнопке чтобы появлялся под ней текущий слайд. Вот живой пример, верстка того что есть.
0 votes14 answers -
Разная реакция браузеров на float
Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство float по разному? Вот есть два блока <div id = 'shapka'> <div id = 'firsttable'> <table> </table> </div> </div> <div id = 'tm' > <table> ...................................................................... </table> <div> задаем такой стиль #firsttable table { margin-top: 14px; float: right; text-align: center; width: 56%; } и что мы видем в фаирфокс а в chrome т.е фаирфоксу пофиг что firstable находится в d…
0 votes14 answers -
Не открывается модальное окно в IE
html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…
0 votes14 answers -
Ищу наставника
Всем доброго времени суток!!! Люди добрые отзовитесь, мне нужен наставник! Я освоил азы HTML и CSS и теперь не знаю с какого конца начать, чтобы продолжить своё обучение! Мне нужна направляющая по которой я мог бы двигаться дальше. Желание огромное!!! Кто поможет буду оооооочень благодарен!!!
0 votes14 answers -
Вопрос про placeholder
Если меня просят сделать сайт, не обговаривая условий какие браузеры должны поддерживаться (кроссбраузерно это понятно). Стоит ли мне встраивать скриптом поддержку плейсхолдера для ie8 ie9? Как бы поступили вы? Без подписи не понять, что это за поле. label нету.
0 votes14 answers -
Стоит ли оптимизировать сайт, если этого не было в техзадании?
Стоит ли париться и заниматься оптимизацией сайта, если это не было обговорено изначально? Пример ситуация сейчас - дофига огроменный лендинг, к тому же яндек картой и двумя видео. Конечно это чудо подтормаживает. Сам то он весит немного - не больше полутора мегабайт. У меня есть 4 картинки (из 30 штук, в сумме не больше 800 кбайт все занимают) меньше 2 кбайт - стоит ли их кодировать через base64, чтобы на целых 4 запроса было меньше к серверу? И как дополнительные вопросы - код хтмл и цсс в 1000 строк каждый. Стоит ли minify css сделать (хотя б в одну строчку записать)?... Стали бы вы морочиться с чем-нибудь из этого? Стали бы вы морочиться при условии, что за 2 дня рабо…
0 votes14 answers -
Градиент текст в вебкит - не совпадает заливка шрифта
http://jsfiddle.net/wPP2b/ (смотреть в хроме) Собственно - как видите сверху скриншот из фотошопа - а снизу сам шрифт, но заливка выглядит более темной - хотя я все значения взяла из фотошоп - начальный и конечный цвет заливки, но выглядит совсем по-другому. Почему и как поправить? Пробовала подогнать цвета - да вот что-то никак, все какое-то темное. В принципе как вариант пробую добавить поверх красного текста слой с градиенто, но как-то не выходит сделатьк расный перелив.....
0 votes14 answers -
Не получается подключить файл .js
Вот в одной теме дали ответ на то как создать простейший спойлер http://htmlforum.ru/index.php?showtopic=43772&hl= во втором посте дали ответ на пример этого спойлера,вот он - http://jsfiddle.net/QAu6q/1/ но у себя я его воссоздать не смог так как появились проблемы с .js файлом(я думаю именно в этом проблема так как именно в этом я и не разбираюсь). У себя сделал я вот так: html: <html><head><link rel="stylesheet" type="text/css" href='style.css/></head><body><a' href="js.js">klik</a><div class="js">hide text</div></body></html>css: .js { display:none;}Создал в той же папке файл js.js в которо…
0 votes14 answers -
Подключение своего шрифта
Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта. Шрифты конвертировал на onlinefontconverter.com Подключаю шрифт к сайту вот так: @font-face { font-family: Minion Pro; src: url("../style/minion_pro_or.eot?") format("eot"), url("../style/minion_pro_or.woff") format("woff"), url("../style/minion_pro_or.ttf") format("truetype"), url("../style/minion_pro_or.svg#svgFontName") format("svg");}Как мне подключить шрифт если он состоит из 4 частей? В примере использую шрифт "Minion Pro", он норма…
0 votes14 answers -
Проблема с выравниванием по вертикали в css
2 элемента в одном диве должны быть расположены на одном уровне по горизонтали. Высота этого дива 50пкс,высота текста(span)50пкс,высота картинки справа от текста тоже 50. С картинкой то все ок,но вот текст не в центре по вертикали,а внизу,просто лежит и я не знаю как сделать что бы закрепить его в центре. Пробовал line-height:50px; на всех елементах,пробовал margin:auto 0px auto 20px; тоже не помогает...
0 votes14 answers -
Масштабирование для iphone
Ширина сайта 480px, а у iphone 320. Как правильно смасштабировать сайта для iphone?
0 votes14 answers -
z-index
Всем привет. Верстая данный макет столкнулся с проблемой, а именно — не получается выставить z-index Header'у задал свойство position: relative; z-index: 3, тени (header:after) — position: absolute; z-index 1. По идее header должен перекрывать часть тени, но этого не происходит. Что я делаю не так? Вот сама верстка: http://clck.ru/8wUq6
0 votes14 answers -
Футер стал резиновым. Как переверстать такой макет.
Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.
0 votes14 answers -
Не работают вкладки
Подскажите, пожалуйста, почему не работают вкладки? http://jsfiddle.net/dEAu2/1/ Здесь они нормально работают: http://elecronics.bl.ee/
0 votes14 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-