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
-
Как отобразить в бразуре отформиатированный HTML и CSS?
ребят как показать на веб сайте код html и css? Но чтобы теги и тому подобное были выдели каждый своим цветом. пример здесь (щелкните на любой картинке): http://www.psd2html.com/examples.html спасибо
0 votes4 answers -
margin
Есть часть кода <td align="center"><input type="submit" value="Кнопка"></td> который работает. Но я хочу чтобы align задавался в моём css файле с помочью идентификатора. В html файле примерно так <td><input id="td22" type="submit" value="Кнопка"></td> Как правильно написать код в css файле? Этот код не работает: #td22 { margin: 0 auto; }
0 votes5 answers -
скрыть при условии
вопщем немогу сам придумать как выстроить такое отношение <div id="rightcolumn"></div> <div id="content"> <table class="contentpaneopencat"></table> </div> нужно чтобы если <table class="contentpaneopencat"> существовал, то <div id="rightcolumn"> был бы {display:none;} нимогу сам сообразить
0 votes2 answers -
Помогите чайнику!
Ввела <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML4.01 Transitional//EN”> <html> <head> <title>Наша тестовая страница</title> <meta http equiv=”Content-tupe” content= “text/html “charset=”windows-1251”> <meta name “keywords” content=”учебник, язык HTML”> <meta name “description” content=”Здесь Вы найдете общую информацию по языку HTML и структуре страниц”> </head> <body> Моя первая страница </body> </html> Сказано, что в браузере будет показано только три слова "Моя первая страница", открываю, а у меня весь этот текст со всеми тегами и т.д. Помогите пожалуйста!
0 votes4 answers -
свойство Opacity и его поведение
Я использую блок контента (1), родительский элемент (2) которого имеет прозрачность 0,5 (выступает в роли заднего фона через который видны другие элементы страницы). Прозрачность с родителя(2) распространяется на контейнер (1). Подскажите пожалуйста, как сделать чтобы родительский элемент был прозрачным, а контейнер - непрозрачным? (Даже если указываю для (1) opacity:1 ничего не меняется)
0 votes8 answers -
Дайте совет, все ОК, только менью . . .
Вот та страница сайта над которым работаю. t a m c r e d i t . g e / f i n a n c i a l . h t m (без пробелов) Я хочу переделать вес сайт, чтобы все страницы были с такими же играющими цветом меню. Все вроде бы вставила, но вот с шириной не могу справится, как поступит, чтобы и меню было резиновой.
0 votes3 answers -
Отображение в Internet Explorer 6
Описание изображения HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } результат: http://www.sohtanaka.com/web-design/exampl...dow/caption.htm так вот, в ИЕ 6 вообще не отображается. для отображения добавил csshover.htc.: http://www.xs4all.nl/~pet…
0 votes11 answers -
Всплывающее окно
есть сайт http://www.wildberries.ru/catalog/120/men.aspx если нажать на любую фоту одежды откроется всплывающее окно (как я понимаю это ява скрипт): Два вопроса: 1) индексируются ли такие страницы поисковиками 2) как такую красоту сделать? пожалуйста подскажите
0 votes7 answers -
3 колонки. Высота
Есть следующий код: <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; height:100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right; height:100%;} #outer2 {margin-left: 832px; height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; height:100%;} #right {width: 50%; margin-left: -1px; float: right; height:100%;} #main {width: 832px; margin: 0px auto; height:100%;} </style> </head> &l…
0 votes1 answer -
Высота DIV
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-he…
0 votes4 answers -
Кнопка регистрации
Помогите пожалуйста! Мне нужно сделать так, чтобы кнопку "регистрация" видели только гости! Надеюсь возможно... Заранее спасибо))
0 votes5 answers -
Float
замаялся....уже не знаю что делать.... вот такая таблица: ############## # 1 # 2 # 3 # 77# ########### 77# # 4 # 5 # 6 # 77# ############## 1-7 картинки, причем 7 на 2 строки хтмл: <div id="1"><img src="img/bluzka00304.jpg" height="237" width="180"/></div> <div id="2"><img src="img/bluzka00302.jpg" height="237" width="180"/></div> <div id="t3"><img src="img/bluzka00305.jpg" height="237" width="180"/></div> <div id="4"><img src="img/bluzka00303.jpg" height="237" width="180"/> </div> <div id="5"><img src="img/bluzka00306.jpg"height="237" width="180"/> </div> <div id="6"><im…
0 votes4 answers -
Опять раздвигается таблица или крик о помощи
Добрый день, я замучался с таблицами которые разезжаются как хотят. Возмождно специалист по HTML подскажет мне решение. Есть текст с картинками, если картинке сделать выравнивание по левому краю, то текст пытается влезть справа и раздвигает таблицу (у меня фиксированная ширина должна быть). Как заставить браузер понять что НЕ нужно раздвигать таблицу, а вывести текст по картинкой. Вариант поставить варавнивание по верху - не подходит, Так как у меня проблема у меня в разделе новости а они отображаются в "широкой" таблице (полный текст) и в "узкой" (на главной Интротекст+сжатие картинок), и если поставить варавние по верху то в широкой части будут пробелы огромные рядом …
0 votes7 answers -
Рамка в трехколоночном макете
http://soundtrack.org.ua CSS: #tr { border-top: 1px solid #ccc; clear: both; padding: 10px 0 0; width: 892px; } #col1, #col2, #col3 { float: left; } #col1 { border-right: 1px solid #ccc; padding: 0 10px 0 0; width: 180px; } #col2 { padding: 0 10px 0 10px; width: 490px; } #col3 { border-left: 1px solid #ccc; padding: 0 0 0 10px; width: 180px; } Как сделать, чтобы правая и левая рамка тянулась по всей высоте соответственно левой и правой колонки?
0 votes7 answers -
Что должен содержать .htacces?
Подскажите начинающему, какие директивы должен содержать этот файл? Надо-ли запрещать доступ к скриптам? решил что нужно директива: Options -Indexes Кто администрирует реальный сайт напишите пожалуйчта типичное содержание(если так можно выразиться) этого файла.
0 votes6 answers -
Масштабирование текста и "отражённые символы"
Приветствую, господа. Решил объединить вопросы, чтобы не засорять место. 1. Не подскажете, возможно ли с помощью CSS запретить Safari и IE масштабировать текст (хотелось бы, чтобы не менялся размер текста на панели слева, т. е. как-то "выключить" эту опцию в IE - "размер шрифта")? Вот ссылка на сайт: http://www.turba-philosophorum.narod.ru/ 2. Можно ли как-нибудь заставить символы отображаться "зеркально"? Например, чтобы И выглядела как N? Заранее спасибо.
0 votes3 answers -
Ломаем мозг :)
Вобщем сижу маленечко верстаю, и при вёрстке у меня возникла такая задача: расположить рядом 2 блока, один фиксированной ширины, а второй резиновой. Я сумел решить эту проблему только используя таблицы. Интересно найдёт ли кто-нибудь решение с блоками. Обязательные условия: Никаких иллюзий и тп, есть масса способов привести результат к такому виду, но задача именно в том, чтобы всё было по честному, никаких z-index'ов и тп. (Кстати на примере, который свёрстан блоками результат достигнут именно через z-index, но этот результат только для примера он не правильный.) На моём хостиге снова глючит FTP так что залить пример не могу, выкладываю код сюда. Делимся мыслями. <…
0 votes28 answers -
проблема отображения флеш в ИЕ
В таблице 2 стоки. В верхней Флеш, в нижней просто рисунок, который должен вплотную прилегать к флехе. Собственно всё идеально в Опере, Хроме, Фоксе и Макстоне.. а вот в ИЕ под флешкой в верней строке отступ непонятный нарисовался пиксела в 4. Причём отступ прозрачный, то есть виден основной фон ячейки. Скрин ошибки здесь: http://ifolder.ru/12270189 У таблицы параметры cellpadding="0" cellspacing="0", так что ничего подобного быть не должно. Пробовала установить параметр valign="top", при любой высоте верхней ячейки флеш прижимается к нижней грани (то есть эффект сам по себе есть), но отступ в несколько пикселов всё равно остаётся. помогите плииииз..
0 votes5 answers -
Мистика или нет?
создал галерею с помощью известного плагина lightbox . в режиме офлайн все работает четко, во всех браузерах. но после заливки файлов на сервер, перестал работать. все перепроверил, пару раз перезаливал. никак! есть только одно объяснение, хотя не уверен, поэтому решил спросить. Хостинг бесплатный (залил для теста). линка сейчас нет чтобы показать. может кто сталкивался? спасибо
0 votes2 answers -
Проблема с текстовым полем
Такая проблема: мне нужно, чтобы пользователь, который введёт в тектовое поле фразу и после чего нажмёт на кнопку, переходил по ссылке: http://mysite.ru/search/фраза_пользователя Пробовал: <input type="text" name="URL" alt="http://mysite.ru/search/" value="" size="30"> <input type="button" value="Поиск" onClick="location.href = this.form.elements[0].value" name="button"> Но пользователь переходит только по ссылке: http://mysite.ru/фраза_пользователя Очень нужна помощь, заранее спасибо
0 votes2 answers -
Разное отображение в разных браузерах.
Пытаюсь учится HTML и CSS. Для этого создал сайт. Сделал вроде всё нормально, но в разных браузерах отображается по разному. Вот код: <!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"> <meta name="Description" content=""> <meta name="Keywords" content=""> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>титл</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; text-align: left; padding: …
0 votes6 answers -
Для Самых Начинающих ))
Здравствуйте, Только начал работать с сайтами Не заню как натроить у себя на компе удаленный достпуп с сайту заказчика пароль там нужен и еще что-нибудь... расскажите пожалуиста поподробнее.
0 votes1 answer -
Курсив italic
На сайте цитаты в курсивном стиле, сайт резиновый, три вертикальные колонки. Лево - менюшка, право - новости а в середине информация. Средняя колонка по её краям в черной рамке. Из-за курсивного стиля исчезает правая полоса обрамления. Сталкивался кто-то с такой проблемой???
0 votes12 answers -
обрамленная таблица
Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо
0 votes0 answers -
обрамленная таблица
Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-