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
-
Фрейм страница отображается на 1/4 части от всего экрана в окне браузера
Здравствуйте! В сайтостроении я дум дубом. Создал фрейм страницу, в файл index.html залил следующий код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ЗАГОЛОВОК ДОКУМЕНТА</title> </head> <body style="margin:0px; padding: 0px;"> <iframe src="http://ur.farengate77.pp.infobizclassic.ru" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe> </body> </html> Проблема состоит в том, что при открытии сайта в любом браузере, он отображается всего на 1/4 часть экрана, как будто у меня экран сразрешением не 1200х800, а 1200х200 Вот ссыл…
0 votes0 answers -
2-ая ячейка вышла за полюс
У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…
0 votes0 answers -
Фрейм
Добрый день. Как правильно называется этот прием, когда одна страница появляется поверх другой? Например, как в "в контакте", когда нажимаю на фото появляется страница с обсуждениями и увеличенной фоткой.
0 votes3 answers -
Кривое отображение
День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …
0 votes5 answers -
Проблема с background
У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }
0 votes2 answers -
кнопка button
Объясните почему везде ,кроме хрома ,неправильное отображение?? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…
0 votes1 answer -
Посоветуйте какую-нибудь админку для сайта кадрового агенства
Здравствуйте. Мне срочно нужна панель администрации сайта для кадрового агенства, им требуется админка с удобным интерфейсом, что бы выкладывать свои вакансии. Желательно без задействования MySQL баз. Зарание спасибо
0 votes3 answers -
Сохранение формата кода в Dreamweaver
Хотелось бы дримуиверного расширения для сохранения формата кода. Наверное все видели то, как в статьях разработчиков скриптов или шаблонов для CMS, вставлен программный код — весь такой раскрашенный, с номерами строк. То есть — удобочитаемый. Причём это не картинки, а полноценный html-текст. Дримуивер умеет подсвечивать массу языков и это волшебно. Но сохранить код в таком форматировании, для последующей вставки в статью, нельзя. Во всяком случае — стандартными инструментами Дрима. Помимо извратов с многоступенчатым пересохранением через PDF-ы и прочими троганиями мозга, есть общеизвестный способ помещения кода в EditPlus и вынимания его через «Правка — Буфер обмена —…
0 votes1 answer -
способы горизонтального выравнивания
помогите пожалуйста понять насколько можно считать хаком предложенный способ горизонтального выравнивания. или скажите, что он вполне соответствует спецификации тыц дело в том, что такой способ не работает. и такой тоже
0 votes3 answers -
Как сделать шаблон Pisces в 3 калонки?
Здраствуйте как сделать шаблон Pisces в 3 калонки я в смысле где нахордится меню опрос итд ( наверное это называется контереры) вот пример:
0 votes3 answers -
Помогите с отступами...
Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот html код: <div id="wrapper"> <div id="logo"></div> </div> Вот css: html, body { margin: 0px; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; } #wrapper { display: block; position: relative; text-align:left; margin: 0 auto; width: 1000px; height: 100%; background: #ffffff url(../image/bg.jpg) no-repeat 0 0; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: …
0 votes3 answers -
Проблемы с позиционированием
http://obzor.webtj.ru/slava/ при наведении на текст отображается еще один блок, мне надо чтоб было у него абсолютное позиционирование относительно главного блока текста #desc .desc, чтобы нижняя часть не отъехало вниз. Как это сделать? Сейчас нижний контент при ховере опускается
0 votes1 answer -
Значение картинок на обложках книг?
Часто на обложках бумажных книг про JS, HTML5, CSS изображены животные: например http://www.ozon.ru/context/detail/id/5904466/ http://www.ozon.ru/context/detail/id/3881079/ это ничем не означающий выбор издательства, или это прямое последствие значений языков разметки, представления содержимого...?
0 votes2 answers -
Горизонтальные линии рядом с заголовком
Доброго времени суток, форум. Подскажите способ как сделать вот такую штуку, если возможно только средствами Css.
0 votes3 answers -
Проблема с СSS!
В firefox http://ned.ygastik.ru/content/1-komn53-m2 текст заходит на карту!
0 votes1 answer -
При клике на <area> перегружается окно, но не сама страница
Всем привет, так как это мое первое сообщение на этом форуме, то начну его со слов благодарности к авторам ресурса HTMLBOOK и HTMLFORUM. HTMLBOOK помог мне колоссально разобраться в теме. Ситуация: есть <map> с набором <area> тегов, и у <area> есть арибут href="/mypage". и все вроде работает, но если присмотреться, то при клике на <area> происходит перегрузка окна (приходит нужная страница), но адрес странцы, УРЛ остается в адресной строке прежним, т.е. я фактически остаюсь на прежней странице. не хорошо. подскажите что можно сделать в этой ситуации спасибо
0 votes4 answers -
Использование :after&:before
Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?
0 votes1 answer -
Не могу правильно установить фон для ссылки
Имея ссылку <a href="#" id="link"></a>не могу добавить фон-картинку #link{ display: inline-block; width: 9px; height: 9px; background-repeat: no-repeat!important; background-image:url('img/delete.png');}На счет пути я не могу ошибиться, скорее всего где-то в CSS у меня ошибка, которую не могу найти
0 votes1 answer -
редактирование таблицы в сss
Здравствуйте!Подскажите такая проблема-создала таблицу в html. Редактирую в css текст в строках и ничего не меняется-забиваю все то же самое он-лайн на сайт-там все работает.С чем это связано. Макет таблицы могу приложить.
0 votes1 answer -
Просто кнопка
Пытаюсь повторить поле ввода по картинке, но не получается разметить нормально кнопку отправки. Она не хочет выравнятся по вертикали в центре. Что с ней не так? Собственно сам код
0 votes4 answers -
Как должно быть?
Есть свойства: .one h1{color:red;} .two h1{color:green;} И есть вёрстка: <div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div> Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1. Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, …
0 votes2 answers -
Подмена картинки
Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('f' и 's') Написал функцию function enlarge(ima){ if(/.*s[0-9]+\.((jpg)|(png)|(gif))/.test(ima.src)){ ima.src = ima.src.replace('/s','/f'); } else{ ima.src = ima.src.replace('/f','/s'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …
0 votes1 answer -
идентификатор id в DreamWeaver
Может кто-нибудь знает причину того, почему в DreamWeavere CS3 в html документе, когда я пишу id="..." - идентификатор не определяется?((...только class работает((((((
0 votes0 answers -
Проблема с позиционированием прокрутки к началу страницы
Добрый день! Пожалуйста помогите решить задачку с позиционированием вставленного блока с кнопкой прокрутки к началу страницы. Никак не могу пристыковать данную кнопку справа к блоку conteiner с небольшим отступом. Для ясности картинку с вопросом немного подправил: Код сстраницы следующий: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> &l…
0 votes3 answers -
верстка бэкграунда на высоту потребности макета
Подскажите пожалуйста, как сделать так чтобы для определенного элемента, который охватывает все элементы макета, сделать так, чтобы определенная картинка, которая должна репититься через весь элемент, репитилась и за вертикальной прокруткой.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-