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
-
Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе
Доброго времени суток. Возникла следующая проблема. Например, есть CSS вроде такого: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>font</title> <style type="text/css"> .layer1 { font: 16pt Arial; } .layer2{ font: 16pt Symbol; } </style> </head> <body> <div class="layer1">Example1</div> <div class="layer2">Example2</div> </body> </html> И так он отображается (слева - Опера 11, Firefox 6; справа - Хром 13, ИЕ 6 (вечером другие ИЕ гляну, сейчас нет под рукой)): Шрифт Symbol в системе установлен. Собств…
0 votes0 answers -
Проблема с FireFox
В общем проблема в следующем. Сделал меню сайта во вкладках (взял код с шаблона wordpress). Во всех браузерах работает замечательно кроме FireFox. Вот на скрине пример того как должно выглядить меню в ФФ _http://savepic.org/2278978.jpg, а показывает она сейчас вот так _http://savepic.ru/3101406.jpg. Не могу понять в чем может быть проблема. В javascript'е нет проблем, потому как я удалил вообще всю яву, а проблема осталась той же. Скорее всего проблема в CSS HTML код меню <ul id="tabs" class="tabs"> <li><a href="#" rel="tab1" class="selected">Меню 1</a></li> <li><a href="#" rel="tab2" >Меню 2</a></li> <div id="t…
0 votes1 answer -
Вход на сайт
Здраствуйте! У меня есть такая проблемка: Мне нужно реализовать вход на сайт, то есть открываешь сайт http://www.site.com и перед тобой кнопка вход, нажимаешь и ты подадаеш на сайт, тот же домен http://www.site.com Может чтото подскажите? Спасибо, Андрей!
0 votes12 answers -
Подсвечивание строки при клике курсора
Необходимо сделать подсвечивание строки при клике курсора без скриптов при помощи css. Я много гуглил, но ничего не нашел (или не умею искать ) Вот пример что я хочу сделать, но там есть скрипт Как только не побывал изощряться, сделал #des tbody tr:active td { Она работает при клике, но убирается... Надеюсь ясно выразил свой вопрос
0 votes9 answers -
Подключение шрифтов к сайту. Кириллица.
Покопался в интернете, научился подключать шрифты. Но возникло несколько вопросов. Во-первых, нужно подключать два файла шрифта (один для мазилы, другой для оперы, к примеру) - это обязательно? Потому что встретил сервис от Гугла по подключению внешних шрифтов, там указывается только путь загрузки шрифта с сервера Гугл. На гугле тоже подразумевается два файла? Отсюда вытекает вопрос о времени загрузки. Так как тот шрифт, который я хочу весит 150 килобайт, а два файла соответственно 300 килобайт - много. Можно ли как то ужать вес шрифта? Хотел бы услышать разные советы по шрифтоподключению. Заранее благодарен.
0 votes1 answer -
Не срабатывает height
Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}
0 votes39 answers -
Прыгают кнопки
Верстаю сайт, сделал резиновым по ширине, а один див не получается сделать нормальным по длине. Там есть большое меню, см. картинку, когда меняется разрешение, то иконки становятся не ровно, одна выше другая ниже и т.п, причем не знаю с чем это связано, добавляю vertical-align: top; Тогда все притягивается к верху и иконки не уезжают, а вот кнопки "подробнее", прикрепляются сразу после текста, т.е мне надо чтоб они все были на одной линии, а они на разных, т.к область с контентом разная по высоте. Если указываю область с контентом фиксированной высоты, то кнопки стоят на месте, но когда меняю разрешение, на них залазит текст, т, к он вылезает за границы блока, overflow…
0 votes12 answers -
Ie7,8
Вот такую штуку мне выдают 7 и 8 ишаки Как от неё избавиться? http://balkancar-ural.ru/zapchasti/D2500/sheme14.php ссылка на страничку...
0 votes4 answers -
[БАГ] firefox \ input \ padding \ %
Обнаружен баг, заключающийся в том, что пэддинг по горизонтали не высчитывается корректно для инпутов в лисе, если задан в процентах. Возникают два вопроса: 1. Идеи, как это хакнуть? 2. Кто отправит баг-репорт в мозиллу? Примерный текст:
0 votes18 answers -
Подскажите каким образом реализовано меню.
Доброго времени. Подскажите каким именно скриптом реализовано данное меню (верхнее с картинками). Заранее спасибо. http://www.fabricarchitecture.com/archiclad
0 votes2 answers -
закругленный блок
Подскажите что не так? http://itmages.ru/image/view/280727/78c3ec02 <div id="content"> <div style=" margin-left:25px;" class="bred"><a style=" margin-left:47px;color:#2f35a3;" href="/machines/" >Станки с ЧПУ</a></div> <div class="conten"> <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> <div class="bocontent"> <a style="position: absolute;margin-top:5px;" class="stanok" href = "/machines/"><img src = "stanok.png" width = "150" height="148" border="0" alt="logo"></a><br /> <div class="textimg"> <ul class="hr"> <li&…
0 votes11 answers -
сгладить фон
помогите пожалуйста сгладить фон. на странице в шапке меджу самолётами и ссылкой на фото расположена линия. сделать равномерный градиент этой линии у меня не получается. если я делаю неравномерный, то заметен переход около правого конца линии. как поступают в таких случаях? может стоит использовать совсем другой подход? для наглядности изображения самолетов сдвинул влево
0 votes2 answers -
Помогите разобраться.
Всем доброго времени суток! Пожалуйста помогите разобраться, ато немного запутался. Дело в том что я хотел написать небольшой сайтик. Думаю для его написания будет достаточно моих знаний HTML CSS и Java-script, но все же хотел еще что нить добавить с использованием php. Поэтому щас изучаю php. Вопрос вот в чем. После написания сайта естественно собираюсь выложить его в инет и администрировать его. И я немного запутался. Вот у меня будет готовый сайт, написанный в блокноте) вот я выбрал хостинг, а дальше что? я просто передаю сайт где все файлы лежат в одной папке? надо ли как то по особому указывать другие html страницы кроме главной? главная страница я так понял должна н…
0 votes13 answers -
Приложение ....php не является приложением win32
Собственно помогите,в чем может быть проблема?Только установил денвер...
0 votes5 answers -
Выбор с java и без
Имеем 2 css файла, в одном стилизация под javascript, другой обычный. Как сделать, чтоб если у пользователя поддерживается javascript грузился css с java, если нет, то обычный? Я имею ввиду как приавильно написать в этом коде. <script type="text/javascript" src="jquery.js"></script> <link type="text/css" rel="stylesheet" href="pagestyle1.css"> <link type="text/css" rel="stylesheet" href="pagestyle2.css">
0 votes4 answers -
Проблема с резиновым фоном div'a
На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:…
0 votes10 answers -
margin не работает в ie
Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …
0 votes3 answers -
Как скрыть границу блока в IE6
Есть макет http://george75.ru/sdobavrn/index.html в firefox, opera, ie8 удается скрыть верхнюю границу между основным блоком и горизонтальным меню, в ie6 не получается. Существует ли вариант решения проблемы средствами CSS?
0 votes4 answers -
Отступы в списках у ie отличается от других браузеров
Всем доброго дня! Подскажите, как исправить баг ие7. Есть див, внем список. Отступ списка 30 пикселей от левого края. Но, ослик делает отступ меньше. Я обнулял и ul и li не помогло. Как же исправить? На форуме через поиск не нашел. <style type="text/css"> #block { margin: 0 0 0 300px; } ul, li { margin: 0px; padding: 0px; } ul { margin: 0 0 0 30px; } </style> <div id="block"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div>
0 votes8 answers -
focus на инпуте
Не подскажите как можно реализовать чтобы, при отображении блока для входа сразу был фокус на инпуте как на сайте http://www.photobox.co.uk/
0 votes8 answers -
Нет плавной прокрутки страницы
Всем привет, прошу прощения если создал тему не там где нужно,просто более подходящего раздела не нашол. Вот в чём заключается проблема на странице сайта проблемная страница установлена галерея картинок и при прокрутке страницы вниз как раз на месте галереи происходит скачёк а не плавная прокрутка. Подскажите пожалуста как можно исправить эту ошибку? Может ли она быть из за того что основной фон фиксированый?,вот так( background : url(images/game.jpg) center -32px fixed;)
0 votes6 answers -
Два блока!
Здраствуйте! Тут такая проблема: Есть сайт http://ct-logistics.net/ - там вверху переключатель языков(eng|ru) В сафари они вылазят вниз... Немогу исправи, найти причину! В других браузерах прыгают вниз! Помогите пожалуйста!
0 votes6 answers -
margin, input, ie
Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v">…
0 votes5 answers -
Х с планкой сверху
Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?
0 votes5 answers -
Opera 9.0
Есть код html: <ul id="menu"><!-- --><li> <a href="/">Компания Нефтегазкомплект</a> <span>Компания Нефтегазкомплект</span> </li><!-- --><li> <div class="menu_separator"></div> <a href="/">О нас</a> <span>О нас</span> </li><!-- --><li> <div class="menu_separator"></div> <a hr…
0 votes8 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-