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
-
Несколько классов у одного тега, и его индивидуальность.
В шаблоне есть меню созданное на основе тегов ul li, которое растянуто горизонтально с помощью float:left. По желанию заказчика каждая кнопка должна обрамлятся скругленными углами. Соответственно в данном случае нельзя сделать "резиновость" этих кнопок, и остается только вручную каждой кнопке задать индивидуальный фон. И у меня это прекрасно получилось. Jommla по умолчанию присваивает каждому пункту меню уникальный идентификатор, этим я и воспользовался что бы создать это обрамление. Сложность состоит в том, что заказчик хочет что бы активный пункт меню выделялся другим фоном (по умолчанию кнопка черная, при активности становится оранжевой), и джумла умеет в коде отделя…
0 votes9 answers -
Пустой вывод. Smarty. Помогите.
Помогите пожалуйста, у меня есть два шаблона, один был до меня еще и уже "откомпилирован", второй был создан мной. Я меняю обращение к новому тимплейту и в выводе получаю пустоту. В ФАКЕ по Смарти написано что он сам перекомпилирует новые шаблоны, но он этого почему то не делает. Вопрос, как сделать так что бы всетаки на вывод приходил мой шаблон?
0 votes3 answers -
Создание галереи. Наложение border на border
Добрый день, друзья! Существую 6 фотографий на одной линии - это галерея, превью (маленькие картиночки). Каждая из фотографией является также ссылкой, которая открывает большое изображения (стандартная схема). Задача в том, что вокруг изображения - рамка в 6px, а между фотографиями должно быть тоже 6px. Т.е. если вокруг фото - рамка, то получается расстоянием между фотографиями в 12px. Зачем я так делаю? Я хочу, чтобы когда наводишь на фото, то рамка (в 6px) вокруг этого фото становилась красного цвета. Поэтому если я сдвигаю вторую фотографию влево (margin-left: -6px;), то у первой фотографии рамка уже будет не полная, так как вторая фотография перекрывает своей рамкой п…
0 votes24 answers -
Главная страница в домене
Привет! Не знаю, в той ли разделе тему создал, но уж где есть(чесслово, с разделом долго определялся ). В общем, вопрос таков - как в домене определить стартовую страницу? Знаю, что просто-напросто index.html создаешь и она по умолчанию как стартовая работает, но а можно-ли назначить стартовой другую страницу(с другим менем, например, page1.html). Если можно, то как это прописать в домене?
0 votes3 answers -
frD-Смещение фонового изображение в body в FF и Opera
Короче, возникла такая трабла. В body прописываю: body { text-align:center; margin:0; padding:0; background:url("../image/side_lines.gif") top center repeat-y; height:100%; } При изменении окна браузера, когда содержимое не влазит полностью в окно, фоновый рисунок съезжает в сторону в FF и Opera. В IE и Netscape все нормально. Подскажите, в чем проблема, и как это дело пофиксить. Замучался уже... P.S. Нужно именно чтобы этот фоновый рисунок был в body, ибо в макете несколько фоновых изображений, которые накладываются друг на друга (ну надо так).
0 votes13 answers -
ширина Input внутри div
Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!
0 votes12 answers -
Неполный бордер
Друзья, а как реализовать такой бордер? Подскажите пожалуйста
0 votes6 answers -
alt (style)
Здрасте! Вот этот простейший код: <img src="xxx.htm" аlt="ПревеД Медвед"> Каким способом можно перекрасить alt или title в другой фон(color) с помощью style или без?
0 votes37 answers -
Не работает white-space: nowrap
Здравствуйте, помогите пожалуйста. В общем, есть вот такой кусок кода: <table> <tr> <td class="lefter">Теги</td> <td class="sports"> <div class="word"> <div class="floatL"><input type="checkbox" id="chk1" /></div> <div class="floatL"><label for="chk1">Слово тег</label></div> </div> <div class="word"> <div class="floatL"><input type="checkbox" id="chk2" /></div> <div class="floatL"><label for="chk2">Слово тег</label></div> </div> </td> </tr> </table> вот кусок css: ta…
0 votes5 answers -
Разрыв границы
как делаестся такой разрыв граница прерывается - Ранг - граница продолжается! Спасибо!
0 votes34 answers -
В каком виде передается задание верстальщику?
Я новичок в верстке, поэтому вопросы могут показаться глупыми. Но все же ответьте поподробнее. Допустим, заказчик дал макет в виде изображения (jpg или png, например). Как достать оттуда изображение фона, если оно частично закрыто буквами или еще чем-нибудь, чтобы поставить в background? Или же заказчики всегда дают только изменяемые макеты вроде psd? Если страница со скрытыми объектами или всплывающими окнами, то даются отдельные изображения? Например, если рисованная кнопка меняет вид при наведении курсора, то дается 2 разных изображения? Приходится ли верстальщику что-то дорисовывать?
0 votes30 answers -
Подскажите, надежный и недорогой хостинг
у меня есть сайт о кошках, который размещен на яндекс народе. Я хочу перенести свой сайт на платный хостинг. Подскажите, пожалуйста, какой-нибудь надежный и недорогой хостинг.
0 votes26 answers -
Проблемы с SASS
Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…
0 votes5 answers -
Размер окна браузера (не экрана)
Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.
0 votes6 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers -
Bootstrap menu - гамбургер
Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css
0 votes2 answers -
HTML,CSS?: фиксированные тени сбоку от содержания стр.
Здравствуйте всем! Есть сложная задача - собрать html-страничку так, чтобы внутренняя часть двигалась, сбоку были как бы тени - зафиксированные картинки (position:fixed) по бокам от основного контента и основной градиентный фон (направление сверху вниз, position - тоже fixed). Итого 3 части: 1. Контент (двигается). 2. Сбоку от контента - узкие изображения "теней контента" (не перемещаются с ползунком). 3. фон (градиент: сверху - вниз), тоже фиксированный. Что не получается: прикрепить к контенту(центральной части) зафиксированные изображения теней контента слева и справа. Помогите кто может!!! Образец: http://www.djtafa.com/images/образец.jpg
0 votes13 answers -
Отступ красной строки
Всем привет еще раз! Не дам Вам отдохнуть. Еще раз всех с Новым Годом и грядущим Рождеством Христовым!!! Могу ли я добавить скрипт (если я правильно понимаю) в файл типа default.css для тега <br> что бы после него была красная строка, т.е. отступ типа text-indent: ???? Прошу дать внятный ответ, т.к. я в этом деле еще даже не дуб, а желудь! Спасибо!
0 votes6 answers -
нужно ли учить атрибуты тегов
Здравствуйте!Скажите пожалуйста, а нужно ли вообще учить атрибуты тегов, если для них есть аналоги в css?Просто я, например, все задаю в css и уже забыла, как называются атрибуты в html, и оно вроде бы не нужно. Но, например, если устраиваться на работу, пишут, что нужны знания html,css. Они же могут на собеседовании задать вопросы именно по атрибутам html? Получается, повторять все-таки нужно? Но тогда вообще каша в голове будет. И тем более, оно и не запоминается, когда этим постоянно не пользуешься.
0 votes9 answers -
Нужно ли верстать под IE6?
Доброго времени суток. Грамотные разработчики, подскажите: нужно ли еще верстать под IE6 в наше время? И требуют ли заказчики нормального отображения страниц в этом браузере? Как-ни-как 2010 год на дворе, HTML5 на пороге с CSS3 под ручку с букетами стоят. Чем вызвано такое желание поддерживать браузер десятилетней давности? Да, и вот что еще хотел добавить: как тестировать верстку в IE6, IE7 и IE8 одновременно? Что-то погуглил, ничего хорошего. Только через виртуальные машины?
0 votes25 answers -
Перенос слов с разрывом
А как можно сделать перенос (с разрывом слов) чтобы ячеки таблицы не раздвигались если там будут длинные слова?
0 votes9 answers -
как исправлять ошибки на сайте?
просканил на валидаторе сайт свой, заметил кучу ошибок , в основном такие: # Error Line 101, Column 188: ID "login" already defined …0" /><input name="login" type="hidden" id="[b]l[/b]ogin" value="submit" /></form></td> An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). в связи с этим есть вопросы: 1. ошибка в букве "l" в слове login ? правильно же написано 2. Скажите Что за линии и что за колонки? строка что…
0 votes9 answers -
Наведите на путь истинный
Привет всем! Решил обучиться навыкам веб-дизайнерства и поэтому у меня несколько вопросов. С чего начинать? Лично я думаю сначала нужно заняться изучением html языка, далее css, javascripts и заканчивать фотошопом. И такому как мне (не знающему) можно ли стать стажёром в обычной студии, где смогу практиковаться? Я несколько статей читал, но ещё хотелось бы услышать мнения пользователей с этого форума, возможно датите советы и пр.
0 votes46 answers -
Импорт данных в html форму
Добрый день! Есть небольшой вопрос связанный с импортом данных в html форму. Постановка задачи такова: есть html форма которая в дальнейшем отправляется на печать, в определенные пункты этой форму нужно импортировать данные из внешнего файла (excel например). Каким образом можно производить передачу данных? Как сделать это по тегово? Какие есть бесплатные библиотеки по js для формирования отчетов?
0 votes30 answers -
Помогите а....
Вот есть код: set_time_limit(0); $loadarch = $_FILES['arch']; // Это для удобства if($loadarch['type']!='application/zip' && $loadarch['type']!='application/x-zip-compressed') die('Ошибка! Это не zip-архив!'); copy($loadarch['tmp_name'],$loadarch['name']); require_once('../upload/pclzip.lib.php'); $zip = new PclZip($loadarch['name']); if(empty($_GET['d'])) { $ext = $zip->extract(PCLZIP_OPT_SET_CHMOD, 0777); } else { $ext = $zip->extract( PCLZIP_OPT_PATH,$_POST['fold'], PCLZIP_OPT_SET_CHMOD, 0777 ); } if(preg_match("/[.]php$/",$ext) || preg_match("/[.]pl$/",$ext) || preg_match("/[.]php[0-9]$/",$ext)) { ——- 349 строка die("Незя".$zip->er…
0 votes20 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-