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
-
Изменить размер фонового изображения с помощью CSS?
Здравствуйте! Назначаю тегам <a> фоновые изображения по background, которые велики для тех слов, что будут над ними. Как с CSS можно сжать размеры фоновых картинок, не уменьшая разрешения исходных картинок в граф. редакторах и не добавляя внутрь <a> тегов <img> c заданными размерами?
0 votes4 answers -
Не растягивается height:100% блоки до футера
Здравствуйте, вот собственно и проблема, не понимаю в чем дело, HTML CSS
0 votes2 answers -
в IE7 пропадают объекты, интересный случай
Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…
0 votes3 answers -
Сьезжает длинный текст пункта меню
Есть меню в нем пункты, те пункты что очень длинные переносятся, но переносятся ужасно. Вот так: Ясное дело что надо сделать выравнивание по первой строке. Меню выглядит так: <ul class="menu" id="1"> <li class="item13"><a href="/str"><span>Структура</span></a></li> <li class="item12"><a href="/pr"><span>Правление</span></a></li> <li class="item17"><a href="/mem"><span>Управление причем очень длинное</span></a></li></ul> Получается так что текст пункта выравнивается по размеру блока li (вместе с уголком), span тоже принимает размеры li, а вот сама ссыл…
0 votes2 answers -
bb коды на ucoz
в общем я хотел сделать на сайте в разделе добавления материала в каталоге файлов дополнительный bb код с помощью которго можно было бы как то выделить нужную информацию вот скипт <script type="text/javascript"> $(document).ready(function(){ $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"Важное примечание\" value=\"Важное\" onclick=\"simpletag('attention','','','message','')\" class=\"codeButtons\" id=\"attention\" type=\"button\"></span>"); }); </script> так вот, не знаю как нужно придать вид этому делу если просто то получается к примеру так [attention]Очень важно[/attenti…
0 votes2 answers -
Сufon
Здравствуйте. При подключении нестандартных шрифтов через сервис Cufon столкнулся с трудностью в виде неподдающихся регуляции различных св-в блока<canvas>! По следующей ссылке можно увидеть скрин с обозначенным для примера блоком, на свойства которого мне не удаётся воздействовать: http://yamaradg.narod2.ru/history/canvas.jpg Все сss свойства в файле cufon-yui.js тщательно пересмотрел - но не могу понять от куда берутся стили указанные на принтскрине? Решить вопрос через стили именно в самом CSS не удаётся - поскольку корректно воздействовать на величину высоты например - невозможно(искажается дизайн текста) До этого генерировал этот шрифт без знаков пунктуации и вс…
0 votes0 answers -
Проблемы с позиционированием основного div
Очень прошу помочь. Фон - цвет, на нем div блок (на котором и располагается вся информация) - это картинка размером 1600х1200px, она находится по центру. При просмотре сайта на меньших разрешениях монитора, картинку, в зависимости от разрешения, начинает обрезать, а приближение ведется к левому верхнему краю самой картинки. Вопрос в том что я хочу чтобы при приближении (или просмотре сайта на маленьком разрешении монитора) картинка бы обрезалась слева и справа (т.е. приближение велось на к краю картинки, а прямо к её центру), т.к. вся информация закреплена по центру этой картинки.Как это сделать? Вот CSS body { background-color:#000; margin:0px; padding:0px} .fon { wid…
0 votes4 answers -
Резиновые макеты c psd
Привет всем!!! Может кто потскажет сайтик где можно скачать рзиновые макеты обезательно с psd. Спасибо всем за ответы!!!
0 votes4 answers -
Помогите с кодом
Добрый вечер. Есть на сайте каталог. Нужно ниже него сделать такой же. При копировании кода второй почему то не работает. Вот адрес каталога для просмотра: Каталог А вот собственно сам код: Помогите пожалуйста. Очень надо
0 votes0 answers -
Нужна помощь в верстке
Есть вертикальное меню, с фиксированной шириной, а названия пунктов в меню не вмещаются в эту ширину. Получается каша. Как все эти слова выровнять по высоте, чтобы и длинный текст по центру располагался (в две строчки), и короткий тоже выравнивался по вертикали. Вот здесь пример: http://jsfiddle.net/wmEQj/ Заранее спасибо.
0 votes3 answers -
Разъезжается header.php
Добрый день! Сразу уточню, что занимаюсь переделкой сайта знакомых... Первый опыт. Возникла проблема: Имеется файл header.php с кодом: <table width="1024"> <tr width="1024"> <td width="230" rowspan="2"> <a href="index.htm" title="Подарочные книги от Книжного Петербурга"><img src="img/small/logo.png" width="215" alt="Подарочные издания от Книжного издательства." border="0" /></a> </td> <td width="520" > <h2> Подарочные книги оптом и в розницу от издательства. <br /> Мастерская подарочных изданий. </h2> </td> <td…
0 votes0 answers -
Стиль для текста
Здравствуйте, верстаю шаблон для новичков . Я хотел дать шрифту который побольше <h4> и применить к нему стиль, но так как там нужно давать два разных стиля для <h4>, этот вариант не подходит. Как правильно применить стиль для этого текста? Дать абзацам класс или можно сделать правильную выборку?
0 votes5 answers -
Изменить вывод
Люди, есть вопрос, у меня дле, так вот сам вопрос, например когда регистрируешся, или вводит не ккоректный отзыв, дле не разрешает это сделать и появляется рамочка в которой пишется мол, заполнены не все поля или коментарий слишком короткий, только нужно что б эта рамочка появлялась на этой же странице вверху а не на новой пустой.... Ну вы понимаете о чем я говорю "на той же странице"? Очень нужно подскажите плиз!
0 votes1 answer -
CSS, потомки второго уровня
Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…
0 votes7 answers -
Сайт для iPhone
Здравствуйте! Создаем сайт социальной сети. Как сделать возможность загрузки изображений с iPhone ?
0 votes4 answers -
Opera и first-letter
Добрый день. Встретил глюк в opera с first-letter. Есть заголовок: h2:first-letter {font-size:62px;color:#7d070f} Он изменяется при клике на пунктах меню с помощью jquery: $('tab a').click(function() { var str = $(this).text(); $('.change').text(str); }); Во всех браузерах работает, а в Опере буквица не изменяется после первой загрузки. Это глюк оперы?
0 votes3 answers -
проблема с margin-top
<!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=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…
0 votes2 answers -
Flash, xml и кириллица.
Кодировка в шапке xml UTF-8, кириллица отображается кракозябрами, подскажите что делать?
0 votes10 answers -
Расположение div
Помогите, не могу расположить дивы согласно этой схемы, всё время что то куда то уезжает http://s017.radikal.ru/i441/1202/d4/ebb19166ffdb.jpg и почему если в диве имеется таблица она всё время уезжает за пределы дива, как сделать чтобы див динамически изменял ширину по размеру таблицы
0 votes9 answers -
Повернутый текст в IE, помогите пожалуйста
Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!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:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…
0 votes2 answers -
Форма обратной связи
Здравствуйте. Что нужно дописать, написать, чтобы при нажатии на кнопку "ОТПРАВИТЬ" улетало письмо на заданный e-mail? Форма задана как есть сейчас на сайте. Это основной вопрос. <h2 class="pad_bot1">Оставьте заявку на обслуживание</h2> <form id="ContactForm"> <div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="Имя:" onblur="if(this.value=='') this.value='Имя:'" onfocus="if(this.value =='Имя:' ) this.value=''" ></div></div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="E-mail:" onblur="if(this.value=='…
0 votes10 answers -
Атрибут формы
Здравствуйте Файл say.html имеет форму: <form name="order_form" action="send.php" method="post" name="f1" onSubmit="return pr(order_form)"> <!--……--> </form> Как посредством php, после отправке сообщения, сделать форму не видимой, на странице браузера. <?php if (isset($_POST['$name'])) {$name = $_POST['$name'];} if (isset($_POST['$email'])) {$email = $_POST['$email'];} if (isset($_POST['$message'])) {$message = $_POST['$message'];} $address = 'resurs@thebat.net'; $sub = "Мастер класс"; $mes = "Автор назвался: $name \nУказал свой адрес: $email \nСодержание письма: $message"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = w…
0 votes11 answers -
Select и required
Собственно проблема в названии темы. Required не желает работать с select <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Форма регистрации</title> <link rel="stylesheet" type="text/css" href="Style.css"> </head> <body> <form action ='Script.php' method ='POST'> <fieldset> <legend>Заполните форму</legend> <fieldset> <legend>Информация о студенте</legend> <p align="right"class="header">Фамилия:<a class="star">*</a> <input class="field" type="text" …
0 votes6 answers -
Ромбовидное меню.
Столкнулся с весьма интересной задачей - написать ромбовидное меню. Немножко почитав CSS3 собрал примерно такую штуку. Отлично работает во всех адекватных браузерах, но когда начал это оптимизировать под IE 7-8 возникла проблема. Если быть точнее - то фильтр DXImageTransform.Microsoft.Matrix работать адекватно со свойством overflow:hidden отказался напрочь. Если у кого-нибудь есть идеи как можно побороть данную беду - буду очень признателен. Не хочется из-за explorer'а пересматривать всю концепцию данного меню.
0 votes4 answers -
Функции кнопки отправки
Я тут пробую делать первые шаги в этом деле, короче. Такая задача. Есть форма и есть кнопка "отправить", нужно сделать так, чтобы кнопка "отправить" - после первого нажатия - заблокировался и форма отправилась. Ато сейчас можно нажать 100500 раз на кнопу - и столько само раз отправитца )) Ну задачу поняли?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-