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
-
эффект текста sharp как в фотошоп средствами CSS
Дизайнер подкинул задачку... Наверняка, уже кто-то сталкивался, подскажите пожалуйста...
0 votes9 answers -
повторение фоновых изображений
Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....
0 votes32 answers -
Просмотр картинок CSS
Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…
0 votes3 answers -
Разбиение одного списка в несколько колонок
Возникла необходимость вывести список <ul><li> в две или более колонок не разрывая списка. Например, у меня имеется список: <ul> <li>ссылка 1</li> <li>ссылка 2</li> <li>ссылка 3</li> <li>ссылка 4</li> <li>ссылка 5</li> <li>ссылка 6</li> </ul> А на выхлопе нужно получать примерно такое: > ссылка 1 > ссылка 4 > ссылка 2 > ссылка 5 > ссылка 3 > ссылка 6 Иллюстративный пример: Имеется подключенная JQuery 1.3.2 (1.4) Каким образом можно добиться такого эффекта?
0 votes3 answers -
два вложенных min-height: 100% - НЕ РАБОТАЕТ !
С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в 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"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { hei…
0 votes9 answers -
Динамический сайт без серверных языков
Здравствуйте! Возможно ли создание динамического сайта с периодическим обновлением контента от 50-100 страниц без использования серверных языков,таких как например PHP? Используя только - html5, css3, javascript возможно создавать подобные сайты?
0 votes19 answers -
Отделить картинку от текста
Имеется сайт: Ссылка Требуется отделить картинку от текста в этом блоке: Скрин , т.к в этом css: .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} при изменении параметра padding:0px 0 14px 0 перемещается не только текст, но и картинка. CSS: .image {float:left;margin-right:3px; height: 35px; width:27px;border:1px dashed purple;padding:1px;} .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} HTML: <div class="eTitle" style="text-align:left;"> <a href="$IMG_URL1$" onclick="return hs.…
0 votes6 answers -
Нестандартный вид select
Возникла задача поменять в дизайне сайта стандартную картинку (стрелка вниз) списка select, по нажатию на которую появляеются опции select. Нашли примерно то что нужно вот тут http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm, но тут всё слишком замутно и слишком много ненужных функций, к томуже в IE6 немного кривовато работает и ещё несколько глюков... Не знает ли кто-небудь, как можно кроссбраузерно поменять эту стандартную стрелку, или может кто знает линки на примерно такие скрипты выпадающего меню аля выпадающий список select? Заранее спасибо.
0 votes15 answers -
Учусь
Приветствую! Учусь верстать.. В процессе возникают вопросы. Прошу помочь разобраться) 1. Зависла на выравнивание по ширине. Контент должен быть по середине. Для содержащего его дива прописала margin:0 auto; но не выравнивается, все равно прижат к левому краю. В чем ошибка? <div style="background:#CCC; color:#737373; font:14px/18px arial; margin:0;"> <div style="margin:0 auto; padding:0 0 20px; width:960px;"> <div style="height:50px; padding:20px;">Пояснительный текст</div> <div style="background:#FFF; padding:20px; width:960px;">Контент</div> </div> </div>
0 votes9 answers -
Выпадающее меню выходит за границы монитора
Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно
0 votes9 answers -
td + overflow
Приветствую. Подскажите как сделать, чтоб контент в одной определенной ячейке не растягивал е?, а просто пропадал за ее границами? естественно td {overflow: hidden;} неработает, может будут альтернативы? зы: перепробовал кучу способов, пока что ничего не получилось (( tnx
0 votes14 answers -
На какую тему можно создать сайт?
У кого-нибудь есть идеи о чём можно сделать сайт? Я пытался найти что-то в интернете так и не нашёл ответ на свой вопрос. Недавно думал сделать сайт об уроках Фотошопа, но сам не знаю как написать эти уроки.
0 votes37 answers -
помогите очень прошу!
Здравствуйте!!!! Мне нужна помощь , как вот такое меню в html заставить работать в IE и Opera: <td<div onmouseover="document.all['menu2'].style.display=''" onmouseout="document.all['menu2'].style.display='none'"><A href="http://soosan.cort.com.ua/" target="_blank"> <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN"> </A></marquee><br> <div id="menu2" style="display:none"> <table> <tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td&g…
0 votes39 answers -
Картинку на шапку
Добрый день!извините за глупый вопрос, но форум создан для того что бы задавать ВОПРОСЫ!! Скажите пожалуйста как сделать так что бы картинка стала шапкой моего сайта(размеры подобраны)!!! Пожалуйста не закрывайте тему сразу!!! И объясните плиз(не говоря "учи html" )))заранее спасибо!!!и еще можно объяснять поподробнее(я новичок)
0 votes17 answers -
Центровка div-меню в div'e
Есть менюшка, которая в div'e: <div class="menu"> <ul> <li class="hide"> <a title="Первый пункт" href="/p">Первый пункт</a> </li> <li class="hide"> <a title="Второй пункт" href="/v">Второй пункт</a> </li> <li> <a title="Третий пункт" href="/t">Третий пункт</a> </li> <li class="hide"> <a title="четвертый пункт" href="/ch">четвертый пункт</a> </li> <li class="last"> <a title="пятый пункт" href="/p">Пятый пункт</a> </li> </ul> </div> </div> Её стиль: .menu { -moz-background-clip:border; -moz-background-inline-policy:continuou…
0 votes14 answers -
Button сделать ссылкой
Подскажите кто знает. Как добится, чтоб кнопка стала ссылкой? Пробую конструкции: <a href="http://mysites/index.html"><button> Кнопка </button></a> <button><a href="http://mysites/index.html"> Кнопка </a></button> Опера и Фокс нормально понимают, а Эксплорер нехочет, как его(Эксплорер) убедить в этом?
0 votes11 answers -
Вид страницы при масштабировании.
Господа, подскажите. Ситуация следующая, при увеличении/уменьшении масштаба страницы, на ней все разъезжается в разные стороны. Как сделать так, чтобы все на своих местах оставалось, чтоб страница нормальная была, но только масштам изменялся. Где это смотреть? Спасибо.
0 votes44 answers -
textarea с прозрачным фоном
можно ли в textarea сделать прозрачный фон, чтобы был виден background на котором оно находится?
0 votes6 answers -
Блок с горизонтальным скроллом
Здравствуйте. Подскажите плиз как сверстать блок как тут вверху http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 который с фотками и гризонтальным скроллом. Интересует только этот блок в принципе (главное чтоб он не фикс ширины был) Буду оч благодарен любым идеям (в js не шарю )
0 votes17 answers -
"Умные" таблицы
Подскажите пожалуста как сделать чтобы при высоком разрешении таблица занимала все окно браузера, при уменьшении разрешения сжималась, но до определенного значения, после достижения которого она сжиматься прекращала.
0 votes18 answers -
Прозрачность png
Как вставить png картинку, чтобы прозрачность е? работала в ИЕ6 и 7, Опере и Мозиле?
0 votes28 answers -
Подскажите как правильно стилизовать placeholder с помощью sass
Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под п…
0 votes1 answer -
Прижимание div position:absolute справа
Всем привет. Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать. <div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="all"> <div id="top"><…
0 votes2 answers -
Смещение элементов дизайна при изменении масштаба в браузере
Всем, приветик! Подскажите, пожалуйста, что можно сделать в такой ситуации: Вот страничка http://innana2007.narod.ru/index2.html Когда масштаб в браузере равен 100% - все нормально, но стоит только его изменить, как все отдельные элементы начинают разъезжаться вправо. И выглядит все вот так http://innana2007.narod.ru/design/Sait1.jpg
0 votes10 answers -
Firefox - пожиратель рам! Как отучить ФФ есть бордюры?
<!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"> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…
0 votes32 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-