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
-
Проблема с минимальной шириной слоя в IE 6
Здравствуйте , подскажите пожалуйста почему при сужении окна ИЕ 6 именно центральная колонка (слой content) и верхняя планка (слой panelm) сужаются до минимум хотя стоят ограничения для ИЕ 6 : width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); - для panelm и width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); - для content Вот код <body> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" wid…
0 votes0 answers -
Проблема с .htc
Никак не могу найти решение... Менюшка с использованием .htc файла для работы в IE6, не хочет работать на моём хостинге Может кто-нить знает, как хостинг может влиять на обработку .htc? Может нужно в настройках что-то подправить? Админ хоста сам в шоке. Два идентичных файла на разных хостингах: http://sitestroy.com/menu/menu.html - не работает http://tekbuzz.ru/menu/menu.html - работает А хотелось бы, чтоб работало как раз на основном хостинге. Видимо дело в настройках хоста... но информации в сети нет спрашивал уже пару верстальщиков... они понятия не имеют... помогите, если можете
0 votes3 answers -
Помогите с <div> очень горит.
Добрый день ! Существует задача создать такую конструкцию: Слой с полупрозрачным бекграундом (без использования картинок #CCC). Внутри него существует ещё один слой который должен находится перед этим слоем и не иметь прозрачности и масштабироваться. Как я не курил форум так и не смог данное реальзивать. С ДИВ имею дело мало, во терь понадобилось. Помогите плиз. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z-index</title> <style type="text/css"> #layer1, #layer2 { po…
0 votes3 answers -
Нету высоты во вложенном div-е
html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</span></div> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="l_back"><div><div> </div></div></div> <div id="r_back"><div><div></div…
0 votes4 answers -
Как выяснить код символа?
В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…
0 votes4 answers -
Нужна проверка знатаков
Вряд ли за две недели можно изучить с нуля html, но я делаю сайт для себя и профессионально заниматься этим не собираюсь)), так что не сильно бейте. Собственно решел не шаманить на главной странице со всякими разворачивающимися блоками, а просто разместить их в стиле win8 - плитками разной величины. Вот что у меня сейчас выходит: http://jsfiddle.net/gp7GK/5/ Хотелось бы, чтобы профи проверили правильность моих действий)). 1. Пока не понял как правильно разместить текст внутри блоков, так чтобы его отступы не выталкивали "p" за границы "divа". И заставить текст вмещаться в границы родительского блока. 2. Если убрать блоки "clear" в концах секций, то получается какая-…
0 votes6 answers -
Не бутстреповский дизайн на бутстреп
Что вы говорите, когда вам дают абсолютно аморфную вёрстку, размеры всего, в которой основаны на магических числах, и просят всю эту безсеточность посадить на бутстреп? Лично я вообще не люблю привязываться к сеткам. Особенно в таких случаях.
0 votes4 answers -
Каждый раз разное видео на сайте
Доброго времени суток. У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. В общем, прошу вас помочь мне в данном вопросе. Сайт - https://kvestvnore.ru/ Код видео <div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]
0 votes7 answers -
Проблема с автоматической высотой дива.
Странная возникла проблема... Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>Gallery</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div class = "main"> <!-- Header--> &l…
0 votes1 answer -
не работает формуляр:((((
Доброго времени суток форумчане!...значит проблема такая!создаю формуляр для заполнения и сохраняю его как отдельную страницу,открываю ввнести данные в нее могу, а если подгружаю ее через ссылку на основную страницу, то курсор не разрешает поставиться в формуляр...страница подгружается через ссылку в слой !так
0 votes7 answers -
ff 3.5.1 в ul остается маркер после указания list-style-type: none;
Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…
0 votes4 answers -
IE8 и background-position
Пример можно посмотреть тут: www.gkb1.org справа сверху в IE8 виден фон с правого края который не должен быть виден. Всего пиксела 2 но портит картину. В остальных браузерах все ок. Такая же проблема с нижним правым углом, где есть расстояние между футером и сглаживанием угла.
0 votes1 answer -
ХЕЛП! В Мозиле иероглифы!
сайт написан в html при открытии его в minefield русский шрифт отображается как иероглифы. что делать?
0 votes1 answer -
Границы таблицы
Как сделать такое? У меня проблемы с горизонтальными границами (синего цвета которые) через несколько ячеек.
0 votes5 answers -
Моя ошибка - я дурной! или все же IE?
кнопка с фоновым изображением, во всех браузерах отображается нормально, а в IE(6/7/8) помимо фонового изображения добавляется background-color который в ие для всех стандартных кнопок. Так как форма лежит на блоке с неоднородным фоном добавление своего background-color для кнопки не решает проблемы. Что делать, что бы побороть ИЕ?
0 votes14 answers -
Обучение html, css, js.
Здравствуйте! Есть цель стать неплохим верстальщиком. =) На сколько я понимаю для этого необходимо овладеть как минимум html, css и js. (если я не прав - поправьте пожалуйста) Суть вопроса в том: какие источники вы посоветуете чтобы достичь определённого уровня в вёрстке и оформлении web-страниц? Заранее благодарен. p.s. как мне показалось, раздел вполне подходит для такого вопроса. p.p.s. начальные знания в html есть. =) (могу сверстать простенький сайт) Спасибо за уделённое время!
0 votes11 answers -
Верстка обтекаемой таблицы
Доброго времени суток! Прототип я сделал: http://jsfiddle.net/qRb52/ В нём несколько проблемок, которые хотелось бы решить. во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?Заранее благодарен.
0 votes12 answers -
Проблема со шрифтом в div блоке с тегом <p>
<div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю разм…
0 votes1 answer -
Табы в Opera
Есть код с вкладками: <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">Tab 1</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">Tab 2</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">Tab 3</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">Tab 4</label> <div c…
0 votes2 answers -
Проблемма с отображением в Internet Explorer 6
Проблема в Интернет Эксплоере 6й версии... http://nemtchinoff.com/taxarisite/ ... тема такова что в Опере, Мозиле и 7м ослике все нормально. А в 6м творятся нехорошие чудеса... Подскажите люди добрые как это исправить? Заранее премного благодарен. @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; align: right; } /*flash head holder*/ #flashcontent { position: relative; left:0px; top: 0px; width:613px; height:358px; margin: 0 auto; padding: 0; z-index:1; } #content { background: #6c7485; width:613px; height:358px; margin: 0 auto; h2{ font: bold 12px Arial, Helvet…
0 votes4 answers -
Помогите с отображением таблицы
Добрый день. Оч. нужен совет... Нижеследующая таблица хорошо отображается везде кроме долбаного ie! Как добиться того, чтобы и в нем все было 'ок'? Дело в том, что я могу изменять все, что связано с контентом, сами элементы таблицы (td, table, th и т.д.) добавляются программно с передающимся контентом... Таблица: <div class="shopbooks-form"> <table> <thead><tr><th>Автор</th><th>Название</th><th>Год издания</th><th></th> </tr></thead> <tbody> <tr class="odd"><td> <input type="text" maxlength="255" name="filter0" size="50" id="edit-filter0" value="" class="fo…
0 votes3 answers -
Вопросы - Ответы
Думаю такая тема будет актуальна, чем создание однотипных тем Я начну: натолкните, как сверстать сайт, чтоб, он одинаково показывался в разрешение 1024x768 и в 1440x900 Заранее спасибо.
0 votes7 answers -
неправильное отображение в IE 6
<!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>Untitled Document</title> <style type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…
0 votes6 answers -
схлопывание маргинов не работает для table и p
У меня написан следующий код: <p>параграф</p> <p>параграф</p> <table> .. содержимое таблицы .. </table> <p>параграф</p> <p>параграф</p> Заданы стили: #content p { line-height:110%; margin:1em 0; } table { margin:1em; width:100%; } Так вот: между параграфами маргины схлапываются как надо, а между таблицей и параграфом нет. Почему так? Как сделать так, чтобы схлапывались?
0 votes6 answers -
Формы в таблице
Использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть табличные данные, которые надо редактировать. Исходя из структуры данных (табличная) думаю что семантически правильнее использовать table, но возникла проблема при таком коде <table><tr><th>Заголовок</th><th>Заголовок2</th></tr> <form action="" method="post"><tr> <td><input type="text" name="name" value="value" /></td> <td><input type="text" name="name2" value="value2" /></td> </tr></form> <form action="" method="post"><tr> <td><…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-