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 votes11 answers -
единицы измерения - em
иногда в сss сайтов встречаю например padding: .5em; в данном примере непонятно зачем и что em ? почему просто не ук в px или % ? {...отредактировано kiD}
0 votes4 answers -
Выравнивание слоя в STRICT
Здравствуйте уважаемые знатоки Вопрос в следующем: Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке? Условия: 1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool: 2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение) Что можете посоветовать? Спасибо.
0 votes16 answers -
Раскрасить input c type = ratio
Нужно чтоб сам кружок был с рамкой зел?ного цвета, а точка которая появляется при клике на объект была синяя, ну и тень надо убрать
0 votes3 answers -
выступающая закладка
Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…
0 votes5 answers -
a:hofer; a:active;
Здравствуйте. Так я вам выложу CSS и если не трудно посмотрите в ч?м проблема. Почему ОПЕРА и МАЗИЛА игнорируется. А в ИЕ вс? показывает нормально. Значит проблема в том что не отоброжается при нажатии и при наведении мышки на ссылку.(не отоброжается нужным мнe цветом) #base_ul { margin: 2em; width: 10em; padding: 5px; } ul { position: relative; top: 22px; left: -26px; /*margin-left: 5px;*/ list-style-image: url(./img/li.gif); } html>body ul {top: -1px; left: -26px;} li { margin-top: 5px; } ul a { font-size: 130%; color: #00a2ff; text-decoration: underline; font-weight: bold; } #base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gi…
0 votes11 answers -
Рамки для текста
Проблема кроется здесь http://bartsva.narod.ru/ А хотелось бы чтобы выглядело как здесь http://bartsva.narod.ru/index2.html только с текстом (здесь будет текст) из первого варианта Помогите!?
0 votes3 answers -
frD-Border у input[type=button] input[type=submit] в IE
Пишу я короче стиль для кнопки где у не? разные границы. Справа и слева по 3 пиксела, а снизу и сверху вообще 0 пикселов. В FF вс? нормально отображается, а в IE (проверял в 6 и 7) неконкретно, а т.е. кнопки отображаются с закругленными границами .. причем иногда по разному то захватывая при этом границы то нет... мне это дело типа ненужно, а нуно как в FF. Привожу код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> <!-- input { background-color: #FFCC33; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-right-style: …
0 votes37 answers -
OBJECT - вставить флэш
Возникла проблема: тег OBJECT c CLASSID=clsid:333c7bc4-460f-11d0-bc04-0080c7055a83 (Tabular Data Control) не отображается в Netscape и Opera. Подскажите решение если оно конечно есть. Код из HTML: <OBJECT ID = "mydbcontrol" CLASSID = "CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <PARAM NAME = "DataURL" VALUE= "base.css"> <PARAM NAME = "UseHeader" VALUE= true> </OBJECT> <table width="100%" HEIGHT="77%" border="0" cellspacing="0" cellpadding="2"> <tr> <td VALIGN="TOP" width="15%" BACKGROUND="fontclor.png">dgh</td> <td VALIGN="TOP" width="70%"> <table DATASRC = #mydbcontrol border=0 width="100%" height= "100%" BG…
0 votes3 answers -
Кодировки
Привет такой вопрос. Я делаю промо-страницу для подруги, на 7 языках (при этом на одной странице будет только один язык). Какую кодировку указывать в или не в ней, чтобы все символы отображались корректно как в россии, так и за рубежом. И в каком формате сохранять html документ, в unicode? (языки: русский, финский, английский, французский, испанский, итальяснкий, немецкий) Спасибо за помощь)
0 votes3 answers -
frD-дублирование текста не понимаю почему.
Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; wi…
0 votes5 answers -
Центровка в CSSе
Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …
0 votes4 answers -
frD-Пункты меню непрямоугольной формы
Здравствуйте! У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы? Как можно сделать его ссылкой со сменой изображения?
0 votes5 answers -
frD-Глюк IE
В отдельной ячейки таблицы помещаю картинку - элемент дизайна, васотой 2 пиксела, для ячейки тоже задаю высоту 2 пиксела, в експлорере, эта ячейка все 30 пикселей имеет. В Опере все нормально, как и задумывал. Вот код ячейки. <td width="220" height="2" align="left" valign="top" > <img src="image/line2.jpg" alt="" width="220" height="2" border="0" align="top"> </td> картинка имеет размер 3x2, в коде ее растягиваю до 220. Кто подскажет, что експлореру не нравиться. PS остальные элементы таблицы ее не растягивают.
0 votes5 answers -
высота ячейки 100%
Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}
0 votes8 answers -
текст и картинка
имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…
0 votes11 answers -
Выравнивание текста под углом. Возможно ли ?
Добрый день. Подскажите пожалуйста, возможно ли выравнять текст слева - по некой прямой (под углом) - а справа- по ширине свободной области. Пример левой области - http://img.artlebedev.ru/studio/vacancy/mi...hard/a-text.gif Уже не один раз возникала подобная необходимость, но стандартного решения (работающего с текстом любой длины) так и не смог найти. Буду благодарен за помощь.
0 votes15 answers -
max-width, максимальная ширина страницы
Господа, есть ли способ сделать так, чтобы верстка сайта была на 1024 в ширину, при большем разрешении он мог бы расширяться, но не больше чем до 1280. При разрешениях более 1280 сайт должен прекращать растягиваться? Желательно без использования перезагрузок и JS. {...отредактировано kiD}
0 votes17 answers -
frD-Съезжает основной блок в IE6
Подскажите плиз, где перехимичил с css? Сайт отображается нормально в mozill'e, ie7, а в ie6 - съезжает влево. Перерыл все сначала в css. Немогу понять почему основной блок съезжает. а в разделе "Мои работы" контент уходит вниз. Но по этому поводу есть подозрение, что из-за того, что у таблицы width=100%. Надо наверное вообще убрать. Заранее спасибо за ответ. Проблема тут _http://www.rolph.ru
0 votes6 answers -
IE7 и hover
http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?
0 votes4 answers -
float. Баги отображения при уменьшении размера окна IE.
<!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=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…
0 votes4 answers -
Как запретить браузеру переносить заданную строчку
собственно сабж строку 07-ААА123456 иногда браузер разделяет на две строки после дефиса(в таблице) как ему запретить делать это через поиск ненашел, поэтому запостил подскажите пжлст
0 votes11 answers -
Выпадающее меню. Проблема с onmouseout
Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?
0 votes4 answers -
Создание гиперссылок
При в?рстке в dreamweaver ссылка вед?т не на указываемый адрес, а на адрес страницы/ссылка. Например, если адрес страницы, на которой написан текст со ссылкой, www.fierydance.nightmail.ru, а ссылку я ставлю на www.macromedia.com, то адрес, на который вед?т ссылка www.fierydance.nightmail.ru/www.macromedia.com. :/:/. Проверяла коды - вс? нормально... Что нужно исправить в настройках, чтобы от этого избавиться?
0 votes4 answers -
три колонки, минимальная ширина, резиновый дизайн
не могу допЭтрать.. :/ таблица ,в ней 3 ячейки, из них выбирается одна, например 2-ая и расстягивается, если ширина окна увеличивается. объясните плиз, вот в таблицах вс? просто: <table width="100%" height="27" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="528"><img src="w01.jpg"></td> <td background="w02.jpg"><img src="1px.gif" width="1" height="1"></td> <td width="418"><img src="w03.jpg"></td> </tr> </table> как это в css сделать?? я блин вообще не шарю, второй день мучаю этот код, ничего не выходит: <html> <head> <meta http-equiv="Content-Type" content="text/htm…
0 votes74 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-