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
-
как зафиксировать размер таблицы
Привет. Как зафиксировать размер ячеек таблицы, чтобы они не сужались до размера содержимого?
0 votes5 answers -
Кодировка и FF 3.0
Сделал html страничку с указанием кодировки. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> В IE 6.0 всё отображается корректно, но в FF 3.0 страница отображается в кодировке windows-1251 .. Что не так?
0 votes13 answers -
Убрать пробелы из списков
Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!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 type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …
0 votes5 answers -
Div Двигает Родительский Div
Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.
0 votes4 answers -
HTML5 + CSS. Какие перспективы?
Хочу заработать версткой, но мне кажется что верстать статические веб-странички, без программирования, в наше "продвинутое" время бесперспективно и никому не нужно. Так ли это? На данный момент вижу для себя либо "подмастерьем" у более состоявшегося профи, либо сидя между дизайнером и программистом. Как и где можно поискать работу? Спасибо.
0 votes7 answers -
Задача для первоклассника )
Привет коллеги, у ког есть свободная минутка прошу взглянуть на толи мою невнимательность , толи на интересный баг ие7 ... http://www.feel-maestro.com/ru/action.html - вот ссылка на сайт который сейчас оформляю ... смотрим в ие7 выпадающее меню ... для него специально заданы параметры: #header #myslidemenu ul li ul {width:auto; display:block !important; border:1px solid red; background:green; overflow:visible; visibility:visible !important; height:250px;z-index:999999;} но даже при всём этом ие7 удаеться положить мой ul под всё остальное на странице =)) у кого какие соображения ?
0 votes12 answers -
float:right в шапке "узкой" колонки таблицы
Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…
0 votes2 answers -
Вопрос по растягиванию элемента в CSS
Всем привет. В общем, вопрос такой, вот код страницы: <!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>trial</title> <link rel="stylesheet" type="text/css" href="trial.css"> </head> <body> <div id="top"></div> <div id="menubar"></div> <div id="navi_bar"><a href="#" class="friends">Friends</a><a href="#" class="wall">Wall</a><a href="#" class="bookmarks">Bookma…
0 votes5 answers -
Вложенные таблицы с использованием CSS
Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…
0 votes8 answers -
nth-child(2n) не работает
<div class='d1> <div class='d2'></div> <div class='blabla'></div> <div class='d2'></div></div>.d1 .d2:nth-child(2n){ float: right;}изза дива blabla не работает стиль, если убрать див blabla то работает. почему так и как исправить?
0 votes19 answers -
Почему не скроллится страница?
Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?
0 votes1 answer -
относительное позиционирование
Есть блочный элемент, который активируется изменением свойства display (block | none) с помощью JavaScript. Как сделать так, что бы все следующие за ним блоки не сползали вниз при появлении данного блока. Т.е. что бы динамический блок отображался поверх остальных блоков. З.Ы. Все элементы находятся внутри родительского блока (position: relative).
0 votes9 answers -
Масштабировать содержимое фрейма
Здравствуйте. Такой вопрос. Возможно ли масштабировать содержимое фрейма по размеру фрейма? Допустим у нас во фрейме подключается какая-то огромная html и тогда во фрейме появятся скроллеры. Конечно эти скроллеры можно отключить, но нельзя ли подогнать содержимое фрейма по его размеру? Пускай хоть и с искажениями.
0 votes5 answers -
IE7 и hover
http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?
0 votes4 answers -
слой в ячейке таблице
Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> <…
0 votes14 answers -
ограничить ширину и выровнять по центру
проблема такая: верстаю сайт, нужно чтобы на разрешениях больше 1024*1280 контент не растягивался в ширь и оставаля по центру. на разрешениях меньше 1024*768 не плющился (то есть пусть будет полоса прокрутки по горизонтали, но наездов внутри контента не должно быть). поставила в ксс-нике для body вырание по центру и такой код прописала: body { margin: 0; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:center; max-width:1240px; min-width:1000px;} внутри body еще слой вложила, чтобы л…
0 votes10 answers -
Знак решетки в свойстве
Встретился вот такой код из CSS .inner { #position: relative; #top: -50%; #left: -50%; width: 100%; } Что означает знак решетки ???
0 votes4 answers -
Объясните пожалуйста, как работает min-width
Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?
0 votes4 answers -
margin-right не работает в IE
Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang=ru> <head> <title>New Land</title> <META NAME="Keywords" CONTENT="—————-"> <META NAME="Description" CONTENT="————--"> </head> <style type="text/css"> body {background-color: black; margin: 0 0 0 0;} .text {position: fixed; top: 20px; margin-left: 150px; margin-right: 150px; font-family: Arial; font-size: 12pt; color: white; text-align: justify;"} </style> <body> <div style="position: fixed; left: 0; top: 0;"> <img src="l.png"><br><img src=…
0 votes4 answers -
#id.class
можно ли указать селектор одновременно по id и class? собственно нужно это сделать не в css, а в обращении jquery для пущей уверенности.
0 votes5 answers -
Почему в Opera невидно моих css стилей?
Беда-открываю я знач страницу в опере стили котрые я писал и применял к шрифтам таблицам и т.п. НЕОТОБРАЖАЮТСЯ Что делать? p.s.в explorer вс? работатет хорошо, но надо чтобы и в опере было все хорошо... ПАМАГИТЕ плиз!
0 votes11 answers -
Слои+таблицы
Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!
0 votes12 answers -
Цикл в цикле и цикл в цикле
Добрый день! Осуществляю две выборки из двух таблиц. В одной хранятся данные о музыкальном альбоме, в другой информация о треках. Потом все это циклирую, перевожу в немножко другой вид и отправляю в шаблон. Шаблонизатор Smarty. Далее в шаблоне циклом пытаюсь вывесли все это на экран. Но не выходит. Выглядеть это должно как: Альбом№1(описание) -Трек 1 -Трек 2 -Трек n Альбом№n -Трек n Выходит так, что выводятся только треки первого альбома. Если все это выводить из файла обработчика, то все работает правильно, а вот в смарти нормально не циклируется. Подскажите пожалуйста, как решить эту проблему. Далее привожу код. РНР: $select = mysql_query("SELECT * FROM `audio_albums`…
0 votes1 answer -
Как заблокировать вывод содержимого?
Здравствуйте. Я поставил чат себе на сайт с помощью IFRAME, но вместе с чатом выводиться лишнее содержимое. Как от него избавиться или на крайний случай закрить своим рисунком? Вот эта страничка: http://burshtyn.at.ua/ На рисунке я показал от чего я хочу избавиться: А может посоветуете другой чат, только простой с прямым входом без регистрации.
0 votes10 answers -
Верстка DIV'ами. Контент на всю полезную площадь окна
здравствуйте! несколько дней бьюсь над следующей проблемой: в нижеприведенной разметке, когда контент короткий (1 строка на моем мониторе) после футера остается пустое место до нижнего края монитора. <div id="header"> <div id="logo"> <a href="" title=""><img src="" width="114" height="80" alt="" /></a> </div> <div id="topmenu"> <div><a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a></div> </div> &l…
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-