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
-
Ie7,8
Вот такую штуку мне выдают 7 и 8 ишаки Как от неё избавиться? http://balkancar-ural.ru/zapchasti/D2500/sheme14.php ссылка на страничку...
0 votes4 answers -
Верстка карточки товара
Суть такая сверстать что то типа карточки товара, но текст описания всегда разный, должен выравниваться по вертикали, а картинки должны быть на одном уровне. Сверстать желательно div <div class="block"> .................. </div> или может списком <ul> <li> ............... </li> </ul> Но проблема в том как сделать выравнивание картинки зависим от количества текста, чтоб картинка во всех блоках (одной строки) была на одном уровне!? _http://imagepost.ru/images/t/ov/tovar.gif
0 votes8 answers -
Перенёс сайт с народа
Может и не на этом форуме,надо задать этот вопрос, но не где не нашёл ответа, прошёл десять форумов,пока не кто не помог Сразу скажу,только учусь, Был сайт на народе Моя ссылка,, да и сейчас есть.По FTR.скопировал сайт,закачал на другой хостинг ,привязал домен http://www.mani-mani-net.com, меню переделал,вроде всё нормально почти,но по верхнему краю столбцы лежат не ровно,не по одному уровню ,не как на народе, на http://www.mani-mani-net.com,а на http://rabota-mani-internet.narod2.ru,всё нормально, Дело в том, что скрипт стилей конструктора народа работает и шифрует всё у себя на хостинге. В итоге после скачивания и создании копии по FTP я скачал шифрованный код сайта, ст…
0 votes9 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 -
закругленный блок
Подскажите что не так? 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 -
Нет плавной прокрутки страницы
Всем привет, прошу прощения если создал тему не там где нужно,просто более подходящего раздела не нашол. Вот в чём заключается проблема на странице сайта проблемная страница установлена галерея картинок и при прокрутке страницы вниз как раз на месте галереи происходит скачёк а не плавная прокрутка. Подскажите пожалуста как можно исправить эту ошибку? Может ли она быть из за того что основной фон фиксированый?,вот так( background : url(images/game.jpg) center -32px fixed;)
0 votes6 answers -
Проблема с сайтом
Есть сайт http://www.vms-print.ru/ (CMS Joomla 1.5) Проблема: На локальной машине (Денвер) создал шаблон, оптимизировал его в браузерах Opera, FireFox, Chrome, Safari. При переносе на хостинг появился отступ с верху во всех браузерах кроме Opera, а так же в FireFox перестала работать border. Сначало грешил на хостинг) Залил не бесплатный, результат: отступ везде, в FireFox border не работает, в остальных норм. В чём может быть проблема? HTML <?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/…
0 votes9 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 -
сгладить фон
помогите пожалуйста сгладить фон. на странице в шапке меджу самолётами и ссылкой на фото расположена линия. сделать равномерный градиент этой линии у меня не получается. если я делаю неравномерный, то заметен переход около правого конца линии. как поступают в таких случаях? может стоит использовать совсем другой подход? для наглядности изображения самолетов сдвинул влево
0 votes2 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 -
Представление совместимости в IE
Понимаю, что тема в каком-то смысле затасканная, но все-таки... Короче, к теме. Написал сайт, в лисе и опере всё ок. В ИЕ в отсутствие Доктайпа лажа, добавил Доктайп стало всё нормально. НО! Зашел позже с другого компа в ИЕ и увидел опять лажу. Оказалось, что в настройках браузера стоит галочка "Представление совместимости". Получается, если эта галочка стоит, даже Доктайп не помогает. В связи с этим 2 вопроса: 1.почему не действует в таком случае доктайп (ведь это прямое указание, в соответствие с каким стандартом представлять результат на странице)? 2.как с этим бороться? Человек, которому я делал сайт, об особенностях настроек слышать ничего не хочет, считая, что в люб…
0 votes5 answers -
Затемнение средствами CSS без потери кликабельности
Здравствуйте. У меня такая задача. Нужно затемнить страницу. Решил просто: position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; opacity: 0.35; background: #000; Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?
0 votes8 answers -
Прыгают кнопки
Верстаю сайт, сделал резиновым по ширине, а один див не получается сделать нормальным по длине. Там есть большое меню, см. картинку, когда меняется разрешение, то иконки становятся не ровно, одна выше другая ниже и т.п, причем не знаю с чем это связано, добавляю vertical-align: top; Тогда все притягивается к верху и иконки не уезжают, а вот кнопки "подробнее", прикрепляются сразу после текста, т.е мне надо чтоб они все были на одной линии, а они на разных, т.к область с контентом разная по высоте. Если указываю область с контентом фиксированной высоты, то кнопки стоят на месте, но когда меняю разрешение, на них залазит текст, т, к он вылезает за границы блока, overflow…
0 votes12 answers -
Подскажите каким образом реализовано меню.
Доброго времени. Подскажите каким именно скриптом реализовано данное меню (верхнее с картинками). Заранее спасибо. http://www.fabricarchitecture.com/archiclad
0 votes2 answers -
Вход на сайт
Здраствуйте! У меня есть такая проблемка: Мне нужно реализовать вход на сайт, то есть открываешь сайт http://www.site.com и перед тобой кнопка вход, нажимаешь и ты подадаеш на сайт, тот же домен http://www.site.com Может чтото подскажите? Спасибо, Андрей!
0 votes12 answers -
Подключение шрифтов к сайту. Кириллица.
Покопался в интернете, научился подключать шрифты. Но возникло несколько вопросов. Во-первых, нужно подключать два файла шрифта (один для мазилы, другой для оперы, к примеру) - это обязательно? Потому что встретил сервис от Гугла по подключению внешних шрифтов, там указывается только путь загрузки шрифта с сервера Гугл. На гугле тоже подразумевается два файла? Отсюда вытекает вопрос о времени загрузки. Так как тот шрифт, который я хочу весит 150 килобайт, а два файла соответственно 300 килобайт - много. Можно ли как то ужать вес шрифта? Хотел бы услышать разные советы по шрифтоподключению. Заранее благодарен.
0 votes1 answer -
сужение окна...
Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал
0 votes5 answers -
Оформление цитат
Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…
0 votes5 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://a.yfrog.com/img863/3923/ytrb.jpg Не знаю, как правильно расположить элементы. Думал, что два элемента сделать блоками. Указать им рамку с бордер-радиусом, а сверху наложить белый див (Про покупку и регистрацию). Тогда как расположить те элементы, что слева? Получается, мы на них слоем наложим блоки, верно? Их взять тоже в блок? Или как вообще лучше сделать, дайте совет, пожалуйста. Заранее спасибо.
0 votes6 answers -
Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе
Доброго времени суток. Возникла следующая проблема. Например, есть 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 -
Форма обратной связи
Доброго времени суток. Очень нужна помощь, на форуме ответа не нашла, простите. Но буду пизнательно если хотябы укажите где читать. Задача такая: Добавить форму обратной связи + возможнсть выбора адресата(и высылать на соответствующие адрес электронной почты) Сайт написан на HTML, соответственно вопросы: Реально ли это сделать? И если да, то как?) Уточню, как сделать форму я нашла, а как возможность выбора адреса сделать?
0 votes2 answers -
Кликабельная иконка справа сайта
Добрый день добрые люди. У меня появилась неприятная проблема. Мне нужно сделать справа сайта иконку для перехода на английскую версию сайта. Я использую следующий код: <a href="http://parohia.md/en/" align="right"><img src="http://parohia.md/en/wp-content/themes/biserica_WP/images/Romania.png" align="right" width="50" height="50" style="padding-top:10px; padding-right:10px"></a> Но из за того что я поставил картинке align="right" она становится некликабельной. Как только ставлю её в див она смещает сайт вниз (следующие дивы). <div align="right"> <a href="http://parohia.md/en/" align="right"><img src="http://www.saprgrazia.com/gb.png" w…
0 votes8 answers -
CSS. font-size: 24px/30px
На одном сайте в коде встретил строку font: normal 24px/30px Arial; Что может значить указание размера шрифта через слеш? в стандарте такого не нашел, это какой-то хак?
0 votes1 answer -
Прошу помочь обьяснить!
У меня есть id-селектор и внутри него я создал правило {color: #fc0; font-family: Georgia, Times, serif;} Так же у меня есть p {font-family:Arial;} и h2 {color:red;} . Внутри id селектора у меня есть теги( p и h2) но на них действует правило которое не id селектора вот не могу монять у id же больше приоритет над селекторами тегов.Почему что находится в id параграф и заголовок не изменяются. id я применил к <div> параграф и заголовок у меня в нем.
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-