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
-
вырезать фон из psd
помогите пожалуйста вырезать фон из psd-макета. проблема в том, что после кадрирования(фон в правой колонке) и сохранения(в .png или в .jpg) исчезает переход между тонами, который есть в оригинале. наличие перехода я проверяю при помощи pixie(на глаз тоже заметно) результат размещения фона на странице выглядит так
0 votes6 answers -
проблема с отступами у IMG в TD в IE
уважаемые пользователи форума, помогите плз решить проблему : скрипт выводит следующий код: <table border="0" cellpadding="2" cellspacing="2" id="t_block"> <tr> <td rowspan="2" valign="top"> <a target="_blank'' href=" ... "> <img src=" ... " style="border: none !important;" class="t_img" align="left" width="50" height="50" /> </a> </td> <td> ... неважно1 ... </td> <tr><td> ... неважно2 ... </td></tr> ... </table> скрипт я никак изменить не могу, оформление могу регулировать с помощью CSS #t_block td { padding: 0px; } img.t_img { padding: 0px 10px 20px 0px; } т.е. я хочу, чтобы у картин…
0 votes4 answers -
Вопросик по выпадающему меню на CSS
Всем привет, возник вопросик по выпадающему меню на CSS. Смотрим сайт _http://electrodance.org.ua, видим горизонтальное меню. Наводим, к примеру, на пункт "Новости", выпадает меню, переводим курсор на выпавшее меню и черный фон с ссылки "Новости" исчезает. Помогите, пожалуйста, сделать так, чтобы он не пропадал Стили: _http://electrodance.org.ua/templates/Electrodance/css/style.css Заранее благодарен.
0 votes11 answers -
Баг 3-x колонок в 6IE
Есть простой код макета в три колонки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> html, body { margin:0; padding:0; min-width:1000px; } div#navigation { background:#B9CAFF; } div#extra { background:#FF8539; } div#wrapper { float:left; width:100%; } div#content { margin:0 200px 0 200px; } div#navigation { float:left; margin-left:-200px; width:200px; } div#extra { float:left; margin-left:-100%; width:200px; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p> </p> <p>very …
0 votes10 answers -
Отображение шрифтов в IE
Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.
0 votes5 answers -
Изменение картинки при наведении курсора
Вобщем у меня есть вопрос, как сделать так чтобы при наведении курсора на картинку вместо нее появлялась другая, я уже весб сайт облазил по поводу этого
0 votes3 answers -
Первый в потоке блок обтекает соседний блок
Я снова тут и снова прошу совета опытных верстальщиков Два блока див у одного стоит обтекание всеми остальными <style type="text/css"> .layer1 { float: left; width: 40%; } </style> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <div> Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla fa…
0 votes15 answers -
Кодировка в HTML
Добрый вечер! Подскажите пожалуйста! Скачал шаблон в html и возник вот такой вопрос: Я измененил в шаблоне допустим слово Home(шаб. полностью английский) на слово Главная и при обновлении страницы вместо слово "главная" одни кракозябры. в чём дело? Пробовал создавать файл .htaccess c таким содержанием: AddDefaultCharset WINDOWS-1251 # AddDefaultCharset utf-8 Но непомогло! Что делать? Да и ещё пробовал подключать так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> и utf-8 ставил, но безуспешно. код indedx.hlml надо?
0 votes11 answers -
Позиционирование текста на шапке
Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …
0 votes6 answers -
Выпадающий select в два столбца
Какой плагин можно использовать или скрипт чтобы сделать "красивый селект" в два столбца? Речь про поле "Округ".
0 votes3 answers -
Фон ячейки таблицы
Вопрос к спецам: В таблице задал фон ячейки изображение, результат на компьютере: http://forum.astralife.ru/uploads/12267520...4_3102_9237.png Выгрузил в сеть, показывает пустые ячейки (только текст): http://forum.astralife.ru/uploads/12267520..._3102_24049.png Причём проверял раз пять и там и там, перезаливал страницы, опять проверял. При локальном просмотре есть, в сети нет! Что это? Листинг фрагмент: <tr height="27"> <td align="center" valign="center" background="files/str.png">http://</td> PNG'шка 12 х 27 х 24b P.S. А не может сказываться XHTML 1.0 Strict , мол что не полное разделение оформления и содержания? http://stepbystep.htmlbook.ru/?id=62
0 votes5 answers -
Перенос контецнера на новую строку
Доброго времени суток! Оч нада решить следующую задачку: имеется такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> p { /* ?????????????? */ } .span { /* ?????????????? */ } </style> </head> <body> <p> <span class="span">1</span> текст; <span class="span">2</span> текст; <span class="span">3</span> текст; </p> </body> </html> что нужно прописать вместо '?????' чтобы получить в браузере 1 текст; 2 текст; 3 текст; Или имея доступ только к стилю абзац…
0 votes6 answers -
Выявим ошибку вместе! (:
Есть плагин jcarousel, уже весь мозг съел своими вопросами о нем, на форуме, но всё же вот он (надеюсь последний) вопрос. Нужно, чтобы было видно 3 с пункта меню и путём нажатия кнопок они менялись. Во-первых, по не понятным мне причинам половины первого пункта меню даже не видно. Во-вторых, ездит только текст, картинка (которую чуть-чуть, но можно разглядеть) стоит на месте. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bo0m-paw</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascr…
0 votes19 answers -
font-family: 'стандартный шрифт', 'свой шрифт'
Доброго времени суток, уважаемые форумчане. Я столкнулся с проблемой типа "не могу решить на уровне логики". Подскажите, пожалуйста. Задача: На сайте имеются блоки, шрифт текста в которых курсивный Calibri. Подход к решению (часть 1): Во многих операционках нет такого шрифта. Выход очевиден - @font-face. Используя кроссбраузерный font-face генератор я получил необходимый для сайта шрифт. Имею: @font-face { font-family: 'SiteCalibriRegular'; src: url('../font/calibri-webfont.eot'); src: ... } Соответствено в нужном блоке: .my-calibri-block { font-family: 'SiteCalibriRegular'; }и с этим все хорошо. Дальше пробую делать курсив: .my-calibri-italic-block {…
0 votes5 answers -
определить параметры шрифта в gimp
подскажите как можно определить параметры шрифта в gimp 2.6 в фотошопе для получения такой информации я выбирал инструмент "текст", выделял нужный текст и смотрел на панель информации фотошопа
0 votes3 answers -
Блокировка изменения select.
Приветствую профессионалов и новичков. Столкнулся со следующей проблемой - как заблокировать изменение select при этом сделав его видимым в массиве $_POST. Аттрибут disabled для этих целей не подходит.
0 votes6 answers -
Не работает <audio>
Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка
0 votes2 answers -
Как оформить кнопку
Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?
0 votes3 answers -
Отцентровка в div
Есть как внего разместить другой div в середину?
0 votes3 answers -
padding таблицы у ie6
Проблема такова: Есть интернет магазин. в него уже забит контент. В каждом описании товара есть таблица спецификаций. У неё есть класс. Забит в бд, везде одинаковый. Нужно чтоб сверху над таблицей была картинка. Решение для Firefox-a и Opera: table.ndSpecifications { padding-top: 30px; background: url('specifications.png') 0 0 no-repeat; } но вот незадача, ие не понял padding и получилось Заранее благодарен за помощь!!!
0 votes3 answers -
Чтиво для начинающих
Добрый вечер, я совсем недавно решил вплотную начать участвовать в веб-разработке и глубоко изучить html5 и css3 (для начала). Прошу помощи, скажите, с каких книг лучше всего начать это делать? Желательно конечно, чтобы еще можно было в эл.книге их читать)
0 votes11 answers -
ошибка валидации для MAP
помогите пожалуйста понять суть ошибки html: <img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" /><map name="link_index"> <area shape="rect" coords="1, 1, 400, 480" href="index.html" alt="" /></map> валидатор ругается: Bad value 1, 1, 400, 480 for attribute coords on element area: Expected a minus sign or a digit but saw instead.не понимаю что нужно исправить
0 votes5 answers -
резина по вертикали
доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…
0 votes2 answers -
Прозрачность a:hover в IE6
Пытаюсь заставить реагировать ИЕ6 по наведению мышки на картинку. По идее, одна должна становиться частично прозрачной, что и происходит во всех броузерах кроме ИЕ6. Что делать? #rr a:hover { color: #fff; border: 1px solid blue; background: url(images/ru.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; padding:0; } Ну и html <div id="rr" ><a href="ru.html"></a> Спасибо за помощь
0 votes4 answers -
Резиновый трех колонных макет
Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-