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
-
Учебник "дивной" верстки?
Здраствуйте. Решил попробывать использовать верстку дивами. Вопрос собственно такой - существует ли учебник именно вестки слоями или нет? На форумах отрывочная информация, а хотелось бы поподробнее и систематизированно. Если у кого есть, просьба огромная бросить на мыло pto-vagon@yandex.ru или на худой конец (трафик сильно дорогой) ссылочку на чудное место, где это разжевано. Заранее спасибо!
0 votes14 answers -
Не работает linear-gradient в Safari
Добрый день, пробую использовать на своём сайте линейный градиент. Работает во всех браузерах кроме Safari. Вот код, который я использую background: linear-gradient(to top, rgba(0, 0, 0, 0.14902), rgba(255, 255, 255, 0) 53%, rgba(41, 41, 41, 0.117647) 89%, rgba(0, 0, 0, 0.14902)),url("http://jiu.marsana-shop.com.ua/templates/yoo_infinite/css/../images/blue_bg.png"); Добавление префикса -webkit- ничего не дало
0 votes13 answers -
ну никак не хочет отображаться нормально
Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…
0 votes51 answers -
":hover" в строке, а не в файле и не в стилях
=) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)
0 votes10 answers -
Вертикальное выравнивание изображения в блоке
Здравствуйте. Изначально стояла задача центрирования изображения по вертикали и по горизонтали внутри блока. Таких блоков с изображениями несколько, соответственно, ширина и высота изображений может различаться. Ширина и высота блоков фиксированная, известна заранее. Для горизонтального выравнивания использую - text-align:center; Для вертикального выравнивания используется display:table-cell;verticl-align:middle Для ограничения по ширине/высоте изображения (если изображение выходит за пределы блока, уменьшаем) max-width, max-height Два последних условия продублированы expression-ами для IE6 Однако, в случае использования max-width внутри блока с display:table-cell ширина …
0 votes4 answers -
выровнять div-блок по центру монитора
div { position: absolute; width: 1000 } <div> </div> для мониторов с маленкьим разрешением всё содержимоей страницы запаковано в тот блок. а если страницу откроет человек, у которого разрешение 1500 по вертикали, то блок будет с правой стороны страницы. как сделать "плавающий блок", чтобы он всегда был по центру окна?
0 votes4 answers -
Не отображается шаблон Smarty
Недавно начала осваивать Smarty (равно как и PHP). Дано: Windows XP SP2; PHP 5.2.5 IIS 5.1 Хотела вывести что то типа Hello World в шаблон. Структура каталогов следующая: C:InetpubwwwrootSmartyLibs -здесь лежат файлы Smarty C:InetpubwwwrootProjectindex.php - стартовая страница C:InetpubwwwrootProjecttemplatesindex.tpl - здесь я положила шаблон C:InetpubwwwrootProjecttemplates_с C:InetpubwwwrootProjectconfigs C:InetpubwwwrootProjectcache Вот как это выглядит изнутри: Index.php <?php error_reporting(E_ALL); require_once("C:/Inetpub/wwwroot/Smarty/Libs/Smarty.class.php"); $s = new Smarty(); $s->template_dir="./templates/"; $s->compile_dir="./templates_c/"; $s-&…
0 votes5 answers -
Как бы это не оказалось каким-нибудь вредоносным script'ецом
Всем джамбо друзья. Прошу вас гляньте страничку http://arhistudio.com/proektirovanie (хотя эта хренб почти на всех зстраницах) , непонятно откуда появилось непонятно что) Какие-то блоки с надписью "Расширение заблокировало отправку запроса на сервер", может кто сталкивался, ну или просто догадывается откуда это могло появиться. Заранее спасибо.
0 votes5 answers -
Верстка html письма
Здравствуйте, подскажите как правильно верстать html письма?
0 votes9 answers -
Как правильно объединить картинку и текст в одну ссылку?
Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?
0 votes8 answers -
позиция рисунка в ячейке таблицы.
здравствуйте. не подкажете ли как явно задать позицию картинки внутри ячейки таблицы, т.е. принудительно указать отступ слева, сверху и т.д. п.п.с. просто надо в ячейку поместить три картинки. одну в левом верхнем углу, вторую в правом верхнем и третью по центру внизу. спасибо.
0 votes26 answers -
раскрывающиеся строки таблицы
Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?
0 votes5 answers -
Автоматическое масштабирование сайта на мобильных устройсвах
Привет, ребят. В общем, есть один сайт и он не такой как все, а именно, все другие сайты при загрузке на телефоне автоматически уменьшаются под размер экрана, а этот наоборот, загружается сразу как будто уже приблизили, надо сделать так, чтобы он загружался уменьшенным как все сайты. Как это сделать?
0 votes16 answers -
Кнопка в виде текста
Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.
0 votes3 answers -
Firefox и text-overflow
Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…
0 votes12 answers -
Как задать непрозрачный фон ( background-color: #ffe;)
Здравствуйте ! Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя. Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-( Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо: <style type="text/css"> BODY { background: #EEFFFF; } .menu1 { font-size: 16pt; font-weight:700; font-face: Arial; } .in2 { z-index:2; /* float: left; Обтекание врезки по правому краю */ width: 200px; /* Ширина врезки */ background-color: #ffe; /* Цвет фона */ padding: 15px; /* Поля вокруг картинки */ margin: 5px 15px 0 130…
0 votes4 answers -
viewport для разных размеров экрана
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.
0 votes6 answers -
мигающая картинка
как самым кратчайшим образом сделать, чтобы картинка мигала (менять параметр style: display)? Если есть возможность, приведите, пожалуйста, готовый код скрипта?
0 votes8 answers -
Абсолютная ссылка без протокола
Знаю, что есть возможность указывать абсолютные ссылки без указания протокола, например: href="//site.com" Тогда протокол будет выбран браузером, исходя из того, какой используется сейчас. Хотелось бы побольше узнать о таком виде написания и главное кроссбраузерности..
0 votes10 answers -
Заголовки В Списках
Задача такая: выводятся 5 последних тем с форума на главную сайта, хочется, чтобы каждая тема, которая свежее, соответственно выделялись шрифтом размера побольше, чем предшествующая. Семантически такое допустимо/правильно или не вкоем случае? <ul> <li><h3><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h3></li> <li><h4><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h4></li> <li><h5><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h5></li> <li><h6><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h6></li&g…
0 votes33 answers -
Препроцессоры SASS и LESS. Автоматизация Front-end разработки
Препроцессоры SASS и LESS. Автоматизация Front-end разработки (курс от команды webformyself) Ищу, где скачать бесплатно, желательно с торрентов Весь инет гуглом и яндексом перерыл, не нашел. Дайте ссыль, очень нуно
0 votes4 answers -
Вопрос по IE
Делаю простой резиновый макет. Не выходит установить ширину столбцов. Структура такая: Шапка Колонка Колонка Колонка Подвал Не могу зафиксить левую и правую колонку! Как решается даная проблема? Ответ дивами не предлагать, так как в макете куча разных тянущихся фонов. Которые можно было-бы очень легко сделать решив данную проблему. Код прилагаю. <?xml version="1.0"?> <!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=windows-1251" /> <t…
0 votes29 answers -
глюки текста в Опере!
Привет!Как сделать так что бы текст в ячейки таблицы был выравнен по ширине и не вылезал за границы таблицы в Опере.в других все работает!
0 votes7 answers -
Псевдокласс :hover и соседние элементы
Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…
0 votes4 answers -
Не меняет цвет ссылки в ul li при hover
Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-