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
29542 questions in this forum
-
Проблемы с меню
Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они main <!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" xml…
0 votes2 answers -
объясните поведение блока
Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?
0 votes2 answers -
Страница "уезжает" влево
Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.
0 votes2 answers -
Ширина для линейных элементов
Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!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" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…
0 votes2 answers -
Как отключить наследование в css?
Привет, допустим у меня по наследованию к тегу div добавляются какие-то свойства. Мне необходимо, чтобы определенный div не наследовал никакие свойства. Как это можно сделать?
0 votes2 answers -
Пропадает прозрачность
Изначальная задача сделать полупрозрачный текст под углом (и не было бы проблем если бы какие то чудики все не забили на IE 6-8) Вот как оно выглядит по идеи: <!DOCTYPE html> <html lang="ru"> <head> <title>test</title> <meta charset="UTF-8"> <style type="text/css"> #mytext { width:150px; margin:200px auto; opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=20); transform:rotate(-25deg); -moz-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-…
0 votes2 answers -
Ломается дизайн при добавлении border
Здравствуйте! Сам не могу понять. При добавлении в блок a:link следующей строки: border-bottom: 1px dotted; ломается дизайн. Помогите, пожалуйста! сайт www.arsvar.ru
0 votes2 answers -
Спецификации технологий
Приветствую. Вопрос такой. Решил освежить в памяти знания технологий: html, xhtml, css, xml, dom. Решил зайти на http://www.w3.org/ и полистать спецификации. ИМХО, адекватной навигации я там не увидел, поэтому прошу помощи: —-1. Кто может точно указать ссылки на официальные документы последних версий: ——--1.1. html ——--1.2. xhtml ——--1.3. css ——--1.4. xml ——--1.5. dom —-2. Ну и хотелось бы узнать, какие версии нынче актуальны для использования Что нашел: —-1. Последняя версия html4 - html 4.01 - http://www.w3.org/TR/html401/ - ? —-2. Последняя версия xhtml - xhtml 1.1 - http://www.w3.org/TR/xhtml11/ - ? ——--2.1. - но вроде как используют xhtml 1.0 - http://www.w3.org/TR/x…
0 votes2 answers -
Проблема с прозрачными картинками
http://clan-amp.ru/site/content/index.html .contenttelo{ position: relative; width: 820px; } .contenttop{ width: 820px; height: 213px; background: url('../images/contenttop.png'); } .contentbody{ width: 820px; min-height: 259px; background: url('../images/contentbg.png') 0 200px repeat-y; } .contentbody div{ padding: 0 120px; background: url('../images/contentbody.png') no-repeat; } .contentbottom{ width: 820px; height: 399px; background: url('../images/contentbottom.png'); } .contenttext{ margin-top: 0px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link re…
0 votes2 answers -
некорректное отображение страницы сайта
Делаю каталог для сайта. В гугл хроме, мозиле - фото как надо отображаются (по центру). А в опере и эксплорере вправо сносит. Что делать? И ещё как текст под фото поставить , а то вкучу сбивается? страница Заранее благодарен.
0 votes2 answers -
Таблица
Подскажите пожалуйста, как запихать эти параметры в *.css <table id="kratko" border="1" cellpadding="7" cellspacing="1" bordercolor="black" rules="rows"> очень много таблиц, и дабы не размножать код, подскажите, можно ли и как в css для #kratko указать энти параметры?
0 votes2 answers -
Скругление углов в ие
Всем привет, нужно скруглить только нижние левый и правый угол. -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; behavior: url(/PIE.htc); так во всех браузерах все нормально так и нужно, а вот в ие не показывается (проверял в ие9 ), но как только я ставлю border-radius: 8px; то есть все становятся скругленные углы, то все показываается но все 4 угла круглые а мне нужно только 2 нижних..
0 votes2 answers -
Безопасная ширина, разрешение, шрифт
Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!
0 votes2 answers -
переходы цвета при размножении фона repeat-ом
подскажите пожалуйста почему после нарезки однородного фона фона и подстановки через repeat его в верстку в браузере видны переходы цвета? странрица. смотреть .wrap .boxLT .boxRT .boxT и .wrap .boxLB .boxRB .boxB нарезал с этого макета. однородность цвета проверял в фотошопе пипеткой. кроме того, непонятно почему .wrap .boxLB как бы накладывается на .wrap .boxM . это хорошо видно при отключенном фоне .wrap .boxLB большую часть изображений в фотошопе размножал через флип горизонтал/флип вертикал
0 votes2 answers -
ссылки с неправильной формой
Есть ли возможность создавать такие ссылки? http://habrahabr.ru/blogs/css/126207/ учит как создать фигуры любой формы,но если записать <div id="infinity" onclick="window.location.href='http://ааааааа'">, то область дейстия ссылки остается квадратом вроде Может clip поможет?
0 votes2 answers -
Вопрос о круговом слайдере
Есть ли готовые решения в интернете на подобную ситуацию? Заранее спасибо за ответ.) Картинка
0 votes2 answers -
Java in Html
Привет всем как вставить программу на Java в html? или исходный код апплета который выполнится ok deleted=) <APPLET CODE="day.class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE> Java applet that draws animated bubbles. </APPLET>
0 votes2 answers -
Помогите решить проблему.
Есть такой код <style type="text/css"> #container { width: 100%; margin: 0 auto; } #leftcol { float: left; width: 60%; border-right: 1px dashed #183533; padding: 10px; } #rightcol { float: left; background: #f0f0f0; width: 38%; no-repeat } </style> <div id="container"> <div id="leftcol">[xfvalue_new]</div> <div id="rightcol"><img src=[xfvalue_img]></div> </div> Он мне выдает вот что А нужно так По сути код должен давать второй вариант. В чем проблема?
0 votes2 answers -
вопрос по тегу <audio>
как тегом <audio> проиграть mp3шку с хоста с указанием порта? к примеру: <audio src="http://site.com/melody.mp3" controls> проигрывает файл нормально а: <audio src="http://site.com:9000/melody.mp3" controls> вообще не подгружает файл как это вылечить? задал вопрос еще и вот тут: http://otvety.google.ru/otvety/thread?tid=227f89ad71299378&table=%2Fotvety%2Fuser%3Fuserid%3D18219292992048084198%26tab%3Dwtmtoa
0 votes2 answers -
Opera не обрабатывает css с другого хоста
Долго думал куда написать, решил сюда. Первый раз столкнулся с проблемой что Opera не видит в упор подключенные css (а так же картинки) с другого домена. CSS на своем домене видит прекрасно. Другие браузеры вплоть до IE6 все корректно подгружают... Нагуглил только случай когда в начале css объявлялась кодировка 1251 и из-за этого не подгружалось, у меня же ничего не прописано в начале css. Может быть кто-то сталкивался ?
0 votes2 answers -
проблема с рамкой вокруг инпута
в Хроме ни как не могу убрать рамку вокруг этого элемента: <input type="search" /> когда тип = текст его нет, а вот с сэрч не получается. бордер:нон, оутлайн: нон , ничего не помогает. как это сделать, подскажите пож-та
0 votes2 answers -
Создание неоднородного фона
Добрый день. Столкнулся со следующей проблемой. Ест макет, часть которого имеет ширину 949px и такой фон Пытался нарезать фон частями по 3px или по 20px и делать repeat-x. В результате четко видны повторяющиеся горизонтальные полосы. Вопрос как правильно вставить такой фон в блок? Неужели добавлять полно размерную картинку?
0 votes2 answers -
Табл.верстка. Подвал внизу
Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами HTML. Прошу помощи <!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=utf-8"> <title>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…
0 votes2 answers -
overflow и ie6
Доброго времени суток.IE6 "мой любимый браузер" не поддерживает свойство overflow, как с этим бороться?Может есть какой нибудь HTC файл или что то подобное?
0 votes2 answers -
Кнопки
http://savepic.su/982150.htm Верхнее меню – при переключении меняется цвет на белый. При этом «главное» становится «зеленым» и остальные цвета смещаются Как реализовать такое?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-