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
-
position: absolute
Есть <div id='script' style='position: absolute; top: 50%; left: 25%; background: #C4F254; border: 1px solid black; visibility: hidden; padding: 10px; width: 700px;' valign='center' align='center'> Теоретически при его отображении он должен отображаться по середине экрана, но фактически он отображается по середине только если страница без прокрутки.. Если же страница длинная и мы вызываем этот див где-то внизу страницы, то он отображается где-то наверху.. Вопрос: как сделать чтобы div отображался по середине экрана, независимо от положения на странице?
0 votes7 answers -
ie8 body
Вечер добрый, такой глюк, бьюсь второй день немогу понять, толи explorer глючит толи меня, В общем смысл в том, что не получается отобразить в ie8 картинку фоном к тэгу body(html). Пробовал и без совместимости и доктип менять, все броузеры отлично, ie8 никак, а мне проект надо было сдавать, делался на работе под xp и ff3.5, ie6, opera8 - проблем небыло, а дома win 7 с ie8 и ff3.5 вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"> <tit…
0 votes10 answers -
Скорость загрузки сайта
Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.
0 votes4 answers -
Расчёт высоты в IE6
Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.
0 votes7 answers -
CSS
Сейчас создаю свой сайт. Сделал несколько страниц. Перенес папку с сайтом с ноутбука, на котором делал сайт, на ПК. И тут выяснилось, что CSS частично не работает на некоторых страницах (т.е. некоторые куски из CSS файла, к которому обращаются все страницы, на некоторых страницах не работают) Причем на ноутбуке сайт работал корректно во всех браузерах, а на ПК одинаково неправильно во всех браузерах. Например: не подсвечивается меню; картинки ведут себя так, как будто между ними не задан промежуток и др. Что это может быть? Заранее спасибо.
0 votes1 answer -
Дополнение в код?
Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.
0 votes2 answers -
legend по центру
Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!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/xhtml"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…
0 votes11 answers -
Проблема table
Всех приветствую. В html совсем новичок. Прошу помощи есть такой код: <html> <head> <title>название</title> <link href=/style.css rel=stylesheet type=text/css /> </head> <body> <table border=0 width=100%> <tr valign=top> <td width=30%> это слева </td><td width=50%> это справа</tr></td></table> </body> </html> что в нем не так? Если не использовать table и td то текст в нормальном шрифте, как только начинаешь их использовать шрифт становится в 2 раза больше. Скрин C таблицей Без таблицы
0 votes3 answers -
галлерея
мне очень нравиться как выполнена галерея на foto.ru есть такие уже готовые? Я искал в гугле, но ни чего похожего не нашел.
0 votes1 answer -
Вопрос по фоновому изображению.
Скажите пожалуйста, как сделать часть фонового изображения ссылкой?
0 votes3 answers -
Помогите разобраться с DIV
Здравствуйте помогите пожалуйста с DIVами, мне нужно левый и правый блок растянуть на 100% по длине а блок между ними сместить на 10px вниз, при попытках все 3 блока смещаются <body> <div id="Conteiner"> <div id="LeftBlock"> LeftBlock </div> <div id="RightBlock"> RightBlock </div> <div id="Content"> <div id="CenterBlueBlock"> CenterBlueBlock </div> <div id="CenterDarkBlueBlock"> CenterDarkBlueBlock </div> </div> </div&…
0 votes3 answers -
Отступ красной строки
Всем привет еще раз! Не дам Вам отдохнуть. Еще раз всех с Новым Годом и грядущим Рождеством Христовым!!! Могу ли я добавить скрипт (если я правильно понимаю) в файл типа default.css для тега <br> что бы после него была красная строка, т.е. отступ типа text-indent: ???? Прошу дать внятный ответ, т.к. я в этом деле еще даже не дуб, а желудь! Спасибо!
0 votes6 answers -
Можно ли сократить CSS?
Пишу: style="border-top: 1px solid #8e99d7; border-right: 1px solid #8e99d7; border-left: 1px solid #8e99d7;" Можно ли сократить? Спасибо
0 votes2 answers -
кнопка поиск
Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?
0 votes2 answers -
Переход в начало страницы.
Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…
0 votes5 answers -
Помощь со страницей сайта
Добрый день. Я совсем начинающий создатель сайтов. Подскажите пожалуйста как на этой странице http://www.pokerneo.ru/aboutpoker.html убрать расстояние между картами.
0 votes12 answers -
Как выровнять форму
Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…
0 votes3 answers -
как для iframe установить высоту в %?
<div class="top-frame"> <iframe src="frames/main-frame.html"></iframe> </div> <div class="bottom-frame"> <iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe> </div> body{ height:100%; } .top-frame{ width:100%; height:70%; } .top-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } .bottom-frame{ width:100%; height:30%; } .bottom-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%? Если задавать в пик…
0 votes1 answer -
Как организовать файлы и папки на статичном сайте?
Появился заказ переверстать несколько десятков статичных страниц. Заказчик против движка. Первый раз верстаю целый сайт на html. Как лучше всего организовать файлы и папки? Все *.html лежат в корне. Думаю, в папке css создать файл main.css, а также отдельные *.css для каждой странице при необходимости. В папке i буду хранить фоновые изображения для всех страниц, а в папке images - картинки пользователей для всех страниц. Может есть какие-то лучшие способы? Была идея создать один файл стилей для всех, а стили для отдельных страниц задавать через класс на body...
0 votes6 answers -
Активная ссылка в разных броузерах
Всех с наступившим 2010 годом. Удачи, благоролучия и вдохновения!!! Вроде пустяшный вопрос - а решить не могу. Подскажите пажалуйста при таком коде в CSS #tab a span {color:blue;} #tab a:hover span {color:green;} #tab a:active span {color:red;} активная ссылка red только в IE/. Остальные броузеры (от Opera до Chrome) после клика при уводе курсора ссылку ссылку снова делают blue.На сам клик делают red . Это исправимо? Или искать другие способы?
0 votes12 answers -
Не могу выровнять по центру картинку и текст
привет есть следующий код .title /текст/ { font-weight:bold; } .cell /ширина текстового поля/ { float:left; min-width:150px; } .img/картинка/ { border:none !important; float:left; padding:5px 5px 5px 0; } визуально получается картинка прижатая к краю, и с правой стороны обтекается текстом необходимо же чтобы картинка была по центру ячейки, а текст был прописан под ней делаю следующую конструкцию: .title /текст/ { font-weight:bold; display:block; text-align:center; } .cell /ширина текстового поля/ { min-width:150px; } .img/картинка/ { border:none !important; display:block; margin:0 auto; padding:5px 5px 5px 0; } результата нет... что я делаю не так?
0 votes5 answers -
Проблема в .css
Добрый вечер. У меня такой вопрос. У меня сайт dle 8.3, в шаблоне имеется меню которое настраивается в .css Вот в чем проблема: меню имеет 2 столбца. Подкатегории не строго идут под главной категорией а в разброс. как видно имеется главная категория "DataLife Engine" далее подкатегория "Реализы" ушла в правый столбец,"сборки" тоже ушли в правый столбец- хотя они относятся к категории "DataLife Engine" и должны идти под ней, а не перескакивать в правое меню. И так у меня со всем меню. Получилось что меню полностью смешалось и не понять к какой категории относятся подкатегории. Вот сам .css .categories-block {overflow: hidden; zoom: 1; position: relative; width: 470px; pa…
0 votes6 answers -
Сжатие CSS
Посоветуйте, пожалуйста, средства для сжатия CSS, к примеру, чтобы лишние пробелы удалялись и т.п. Пользуется кто-то таким? Есть смысл?
0 votes7 answers -
Помогите с формой обратной связи
Суть проблемы следующая: Есть форма в которую люди вбивают данные необходимые для регистрации юридического лица, один из пунктов "Добавить учредителя" (вбиваются паспортные данные) дело в том что этих учредителей может быть несколько, изначально их количество неизвестно, как реализовать это в своей форме не могу допетрить, как сделать так чтобы при каждом клике на "Добавить учредителя" открывалась подформа с полями ввода паспортных данных и после ее заполнения можно было добавить еще одного (данные о каждом должны сохраняться) или вернуться к основной форме без потери данных в ранее заполненных полях. Спасибо за помощь.
0 votes2 answers -
Проблемма с swf
Вставляю флеш меню с прозрачным фоном, отображает нормально в ИЕ, а в фф, опере и хроме - отлько прозрачный фон. Я так понимаю, это из-за того, что флешка находиться посредине, и вниз и вверх еще идет пустой фон. Как можно решить эту проблемму? <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="85" id="FlashID" title="meny"> <param name="movie" value="images/menu.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="9.0.45.0" /> <!-- Этот тег param предлагает пользователям Flash Player…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-