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
-
Разбивка по колонкам в зависимости от количетсва пробелов
вопрос: не получилось текстом задать, чуть ниже сейчас попробую вставить картинко
0 votes8 answers -
Расчёт высоты в IE6
Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.
0 votes7 answers -
CSS
Сейчас создаю свой сайт. Сделал несколько страниц. Перенес папку с сайтом с ноутбука, на котором делал сайт, на ПК. И тут выяснилось, что CSS частично не работает на некоторых страницах (т.е. некоторые куски из CSS файла, к которому обращаются все страницы, на некоторых страницах не работают) Причем на ноутбуке сайт работал корректно во всех браузерах, а на ПК одинаково неправильно во всех браузерах. Например: не подсвечивается меню; картинки ведут себя так, как будто между ними не задан промежуток и др. Что это может быть? Заранее спасибо.
0 votes1 answer -
Едет на разных разоешениях
Делаю сайтик на Html,но там почему то при разных разрешениях меняют положение ссылки.Что не верно в коде? СпС все кто откликнется) подскажите плизз ) http://batikgallery.ru/ вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verd…
0 votes1 answer -
Дополнение в код?
Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.
0 votes2 answers -
Замена бэкграунда контента
Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">
0 votes10 answers -
Отрывается блок от потока
Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.
0 votes46 answers -
Скорость загрузки сайта
Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.
0 votes4 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 -
Вопрос по фоновому изображению.
Скажите пожалуйста, как сделать часть фонового изображения ссылкой?
0 votes3 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 -
Div нерастягивает родительский.
Собственно самый что ни есть ламерский вопрос. есть div. в нем ещё два diva в две колонки. Как сделать, чтобы родительский div растягивался не только если у дочернего есть контент, но и если просто задан height.
0 votes6 answers -
Можно ли сократить CSS?
Пишу: style="border-top: 1px solid #8e99d7; border-right: 1px solid #8e99d7; border-left: 1px solid #8e99d7;" Можно ли сократить? Спасибо
0 votes2 answers -
Рисунки и Select
Задача простая но что то как то не пойму как сделать. Например имеется <select name="sel" onchange="selimage"> <option value="1">Рисунок_1</option> <option value="2">Рисунок_2</option> </select> нужно чтобы при выборе 1, рядом с селектом отобразился рисунок, при выборе 2, другой рисунок не пойму как сформировать массив
0 votes21 answers -
Промежуток между футером и контентом.
В Опере и Мозилле все получилось само собой. Футер прилип к низу странички и расстояние до контента, как задумано 15 px. А вот в IE 7 и 8 между ними 85 px. Скрин1 P.S. Самое интересное, что во время моих копаний в CSS для IE7 и 8 я заметил одну вещь. Когда задал display: none; для навигации и при перезагрузке он исчез, то футер стоял на своем месте. T.е.промежутка о котором идет речь не было. Мистика какая-то.
0 votes15 answers -
галлерея
мне очень нравиться как выполнена галерея на foto.ru есть такие уже готовые? Я искал в гугле, но ни чего похожего не нашел.
0 votes1 answer -
width 100% ie6 must die
Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: r…
0 votes4 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 -
Помогите разобраться с 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 -
Переход в начало страницы.
Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…
0 votes5 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 -
Помощь со страницей сайта
Добрый день. Я совсем начинающий создатель сайтов. Подскажите пожалуйста как на этой странице http://www.pokerneo.ru/aboutpoker.html убрать расстояние между картами.
0 votes12 answers -
кнопка поиск
Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?
0 votes2 answers -
Как организовать файлы и папки на статичном сайте?
Появился заказ переверстать несколько десятков статичных страниц. Заказчик против движка. Первый раз верстаю целый сайт на html. Как лучше всего организовать файлы и папки? Все *.html лежат в корне. Думаю, в папке css создать файл main.css, а также отдельные *.css для каждой странице при необходимости. В папке i буду хранить фоновые изображения для всех страниц, а в папке images - картинки пользователей для всех страниц. Может есть какие-то лучшие способы? Была идея создать один файл стилей для всех, а стили для отдельных страниц задавать через класс на body...
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-