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
-
Как научиться верстать быстро
Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа
0 votes7 answers -
Граница вокруг текста в фотошопе stroke а с css можно сделать подобное
добрый день всем !!! Уважаемые форумчане, подскажите как мне сделать обводку вокруг текста , в фотошопе с помощью стилей это делается со stroke а в css есть что то подобное ? С уважением
0 votes10 answers -
CSS hacks (проблема с Safari 5)
Алоха. Перестал работать персональный css hack (селектор:not(:root:root) {свойство:значение;}) для Safari 5, но на старых версиях Safari работает "на ура". Кто-нибудь знает персональный css hack для Safari x<5<x? Встречал много статей, в которых утверждается что, к примеру, какой-то css hack только для Safari, начинаешь проверять его и получается, что он также читается и Google Chrome'ом. Все что я нашел работает для Safari_5+Google Chrome, а по отдельности только для Safari и только для Google Chrome - нету. Есть идеи? По теме: http://studioad.ru/blog/2009-09-30-92
0 votes12 answers -
графический элемент - кружочек
Здравствуйте всем! Как можно средствами HTML нарисовать кружочек, наподобие маркированного списка? Заранее, спасибо!
0 votes16 answers -
Переливание картинки
Извините,если пишу не в тот раздел,подходящего не наш?л. Здравствуйте,а напишите пожалуйста ПРЯМ ПО НОТКАМ,как мне в Фотошопе( У меня Русская Версия) сделать так,чтобы картинка переливалась: Например из ч?рного в светлоч?рный,из красного в т?мно-красный и т.д Вообще мне надо сделать фон на сайте,тока чтобы было красиво,я хочу.чтобы он переливался)))
0 votes1 answer -
Font-Awesome (или его аналоги) внутри option – как?
Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главн…
0 votes1 answer -
при наведении курсора мыши на картинку курсор поменялся на лупу
<head> <style type="text/css"> .style16 { text-align: center; } .style18 { border-style: solid; border-width: 2px; margin: 10px; } </style> </head> <p class="style16"><a title="Кликни для увеличения" href="Images/Lambre16.jpg"> <img src="Lambre16_small.jpg" width="100" height="145" xthumbnail-orig-image="Images/Lambre16.jpg" class="style18" style="float: left" /></a></p> Вопрос: что нужно добавить, чтобы при наведении курсора мыши на картинку курсор поменялся на лупу кликнув по которой отрывалось оригинальное изображение ?
0 votes8 answers -
Выровнять слой по центру position:fixed
меню - гор список, ширина 1000пх как сделать так,чтобы он находился по центру экрана?
0 votes3 answers -
Колонтитулы на странице для печати.
В word'e (Microsoft Word) возможно прописать верхний и нижний колонтитул чтобы он повторялся на всех страницах. Возможно ли такое же добавить как-то в стили для страниц на печать. Т.е. страницы которые стилизуется через media = "print". Допустим, контента на странице на 7 листочков А4, возможно ли сделать 2 diva повторяющимися в заголовке страницы и в футере, на манер вордовских файлов. Чтобы на всех 7 распечатанных страницах оба дива повторялись. а не 1 в начале и 1 в конце. P.S. Не нашел на форуме ответов на данный вопрос. В документации даже не знаю какую тему открыть чтобы почитать данный вопрос.
0 votes1 answer -
Зачеркнутые ссылки на сайтах
Вопрос несколько не в тему. Подскажите, а с чего это с совсем недавнего времени буквально на всех сайтах в Интернете ссылки стали выполняться в виде зачеркивания? Это как-то связано с SEO?
0 votes4 answers -
Таблица : фиксированные колонки
здравствуйте. подскажите плиз как реализовать следующее: есть таблица шириной 100%. таблица имееть заголовки. заголовок может покрыват несколько колонок (ну ето не так важно). проблема заключаеться в том, что некоторые заголовки (ну собственно и совокупность колонок под ними) должны иметь свою фиксированную ширину, но выставляя ширину таблицы в 100% все летит к чертям и оно растягиваеться как хочет =( код: сss #grid { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ /*width: 100%;*/ } #grid td { padding:0px; /* cellspadding="0" */ text-align: center; vertical-align: middle; } /*** subject line ***/ #grid th.index { width: 20px; } #grid …
0 votes7 answers -
кроссбраузерность - частный случай
Добрый вечер Создал первый в свой веб-сайт: http://peartree.ho.com.ua Сильно за дизайн не пинайте Писал, как посоветовали, под Мозиллу. Под Мозиллой работает нормально ? так как и планировал. Но если его открыть через ИЕ ? беда. Сразу возненавидел ИЕ? Подскажите, отчего все мои круглые уголки в левой части сместились вниз? Это хорошо видно здесь: http://peartree.ho.com.ua/news.php Вот кусок кода. Часть ПХП кода забрал, чтобы не отвлекал: .leftcol{ float: left; width: 170px; } .leftcol1,.leftcol2,.leftcol3{ background: #E8E8E8; position: relative; margin-bottom: 10px; } .leftcol4{ background: #E8E8E8; position: relative; } .bolt-top-left{ width: 18px; height: 18px; po…
0 votes12 answers -
Масштабирование картинки
Такой вопрос. Как сделать так чтобы размеры картинки в ячейке таблицы изменялись относительно окна браузера? я делаю так: <table border="1" width="100%" height="100%" id="table1"> <tr> <td> <img border="0" src="....jpg" width="100%" height="100%"></td> </tr> </table> таким макаром в IE у меня изменяется только высота, а вот в Мозиле все отлично масштабируется во всех плоскостях.
0 votes16 answers -
Аттрибут title на мобильном
Сделал отличный дизайн на бутстрапе. Почти все хорошо и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка. Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки. Какие вообще есть подходы к этой проблеме. Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.
0 votes7 answers -
Поменять стандартные стили тега select
Подскажите, возможно ли, у тега select поменять стандартнуй стрелочку и бэк на свои стили средствами css? Если да, то как? З.Ы. ну или правильный запрос к гугл, потому как мои запросы мне ничего не дали...
0 votes3 answers -
Убрать надпись "отправить запрос"
Как убрать надпись "отправить запрос", на кнопке(исп. картинку)? <input type="submit"> Если поставить type="button" надпись убирается но данные в форму не отправляются...
0 votes2 answers -
Как убрать отступ?
подскажите как между картинками в таблице убрать пропуски? Решил поставить себе на рабочий стол html страницу (ну как в хоттабыче )) ), нарезал картинок, вставил их в таблицу, в броузере пропусков нет, а на рабочем столе есть! <html> <head> <title>Хоттабыч</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> .cross { cursor: default; } </style> </head> <body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0" BGCOLOR="#000000"> <table width="1280" height="363" border="0" cellpadding="0" cellspacing="0"> <tr> <td border="0" cellpadding="0" cellspacin…
0 votes8 answers -
Как прописать плэйер в аштиэмэле)))
Как прописать простой плэйер в аштиэмэле для воспроизведения каждого трека отдельно.)))с регулятором громкости,плэйем и стопом.или подскажите как подключить флэш плэеер)))спасибо
0 votes29 answers -
Как изменить порядок следования блоков
Есть два блока, один идет за другим, например <div id="div1">Контент 1</div><div id="div2">Контент 2</div> Блок div2 отобразиться под блоком div1. Высоты блоков не известны, вернее они могут быть различны. Есть ли возможность отобразить блок div2 над блоком div1 без использования javascript? Если бы размеры были известны, хотя бы у блока div2, то абсолютное позиционирование и margin-top, но в данном случае не подходит
0 votes11 answers -
Резиновый горизонтальый слайдер
Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…
0 votes10 answers -
"background-size: cover" не работает на iPhone на конкретной странице
На главной странице с iPhone CSS-свойство "background-size: cover" работает как надо: А на другой странице отображается только верхний нижний уголок картинки, а не умещается вся полностью: Сравните с результатом на компьютере - как видите, от всей фотки остались только листья. Как это исправить?
0 votes5 answers -
Подскажите ...
http://privetgleb.narod.ru/вот ссылка там неотображаеться корректно текст , но суть будет ясна , нужно зделать что-бы сверху и снизу тоже был бордер ... , но чтобы он незалазил на картинки угловые ... P.S - заранее спасибо всем откликнушимся
0 votes21 answers -
Чтобы фоновая картинка страницы растягивалась по вертикали на весь экран
Может кто сможет ответить на вопрос: как сделать, чтобы фоновая картинка сайта растягивалась вертикально? Я нашла стиль для горизонтального растягивания фоновой картинки: body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } Существует ли что-то подобное для вертикального растягивания фоновой картинки сайта?
0 votes8 answers -
Посоветуйте
Посоветуйте шаблонизатор, не такой огромный и монстрообразный как Smarty. 150кб кода кажутся мне лишними в 40кб-ом проекте
0 votes3 answers -
Слетел подключенный шрифт на сайте
Вот к примеру, страница <H1> выводился с подключенным шрифтом MyriadProLightCondensed, но тут вдруг перестал. Стили я не правил (т.е. вообще даже не открывал), менял только код PHP в некоторых шаблонах компонентов. Теперь почему-то не подключается нужный шрифт ни в одном браузере. Помогите разобраться? Да, кстати, дамп сайта на локалке работает как надо.
0 votes14 answers