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
-
кнопка меню ( текущая страница выделяется цветом)
Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…
0 votes8 answers -
Круглые уголки
помогите плиз сделать круглые уголки(сайт http://rubasket.com/forum ) сейчас там мозиловский моз-бордер ,но хотелось бы сделать через картинки уголков для всех браузеров...но вот как сделать именно в моём случае-ума не приложу!
0 votes6 answers -
Синхронизация локальной и внешней копий сайтов
Здравствуйте! Подскажите пожалуйста какие есть решения. Сейчас я пользуюсь HomeSite и LeapFTP. Т.е. для редактирования сайта мне нужно зайти на сервер, скачать нужные страницы себе на комп, переделать, потом опять по фтп залить на сервер. А можно ли сделать следующим образом. Весь сайт (ну всмысле его копия) хранится у меня на компе, когда нужно редактировать его, я редактирую сайт у себя на компе, локально, потом проверяю все ли нормально и вот затем синхронизирую с сервером. Чтобы прога сама определяла, что изменилось и обновляла сайт на сервере. В Хоумсайте я такой фишки не нашел. Есть ли редакторы с такой возможностью? Или может это другим путем решается, например отд…
0 votes9 answers -
Лучшие текстовые редакторы с подсветкой синтаксиса
Привет всем, хочу спросить у гуру и новичков, каким текстовым редактором с подсветкой синтаксиса большого количества языков программирования и разметки вы пользуетесь? Я начинал с Dreamweaver но после работы с порядка 10 сайтов, он мне показался очень тяжелым. Совместно с ним я пользовался Notepad++ но наверно из за своей бесплатности он не предлагает автопродление кода, что влияет на быстроту написание. В данный момент сижу на CodeLobster, и на момент написания поста меня он удовлетворяет. В нем есть Emmet и Less! Может кто поделится своим опытом с данными или другими редакторами? P.S. Не нашел раздела для данной темы и поместил сюда. Админы сделайте пожалуйста раздел "П…
0 votes11 answers -
Background-image?
Не понятно как сделать чтобы в резиновом сайте при масштабировании фоновая картинка(в body например) оставалась зафиксированной? Что гугл что поиск не дали результатов, возможно из за неверной формулировки, хз.
0 votes7 answers -
Текст выходит за слой
Хоть и звучит похоже, но такой проблемы на форуме не разбиралось. Эксплорер все понимает, а FF и Opera нет. Скрины ниже... Эксплорер Опера и ФФ Вот код: <!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" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Фирма "РЕМИС"</title> </head> <body> <div id="container"> <div id="navitabs"> <span class="navi…
0 votes12 answers -
Помогите с таблицей
<html> <head> <title>Главная</title> </head> <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" rightmargin="0" bottommargin="0" cellspacing="0"> <style type="text/css"><!--body{margin:0px;padding:0px;}--></style> <table cellspacing="0" width="998"> <tr> <td height="100%" width="998" bgcolor="#FFCC33"> <table cellspacing="0"> <tr> <td height="154" width="36.5" bgcolor="#FFFF99"> </td> <td height="154" width="290" bgcolor="#CCCCFF"> </td> <td height="154" width="346" bgcolor="#000033"> </td> <td height="154" width="289" bgcolor="#FF…
0 votes3 answers -
тег DOCTYPE мешает
Подскажите, пожалуйста, в следующем: Есть страница, которая при нажатии на img, становится полузакрашенная, а поверху отображается увеличенная картинка. Вещи известные. Для IE создаю div с filter...Alpha(Opacity=60... и все работает. Для FF создаю div с backgroungImage='url(fon.png)' и тоже все работает, но только, если убрать 1-ю строку с "..", которую вставляет Dreamweaver. Проверил разные параметры этой строки - ни с одним закраска в FF не работает. В чем конфликт? Можно было б и вовсе убрать строку DOCTYPE, но без нее некорректно отображается система меню. PS Создаю полупрозрачный div так: glass=document.createElement('DIV'); glass.style.display='none'; glass.st…
0 votes11 answers -
Яндекс карты
Нужно дать ссылку на карту яндекс с определённым вбитым адресом, чтоб сразу флажок стоял, который появляется после поиска адреса. Возможно ли так сделать?
0 votes3 answers -
добавление видео на сайт
как сделать сайт типа youtube ,так что бы пользователи могли размещать свои ролики на нем,дайте кто может свои ссылки на то, что почитать по теме.спасибо.
0 votes5 answers -
Вместо Open Sans Condensed браузер рендерит системный шрифт
Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?
0 votes2 answers -
Размер шрифта в Safari
Шрифт 14pt в FF (других браузерах) и Safari - совсем не одно и тоже. В 2 блоках вылезают надписи. Разница разительна. Про сголаживание я вообще молчу. Как решить проблему без костылей?
0 votes9 answers -
Растянуть часть background'а
Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…
0 votes23 answers -
Webstorm & Emmet (zen coding)
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
0 votes1 answer -
Из вертикали в горизонталь
Еще раз привет. По этому коду <div id=recentpost> <div id=recentposttitle><h3>Последние сообщения</h3></div> <ul> <?php query_posts('showposts=4&offset=1');?> <?php while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>" rel="bookmark" title=" Перейти к сообщению: <?php the_title(); ?>"> <?php the_title(); ?></a></li> <?php endwhile; ?> </ul> </div> заголовки последних сообщений выводятся в вертикальном столбике = а как сделать чтобы они отображались вертикально? Рыться в php коде или править CSS-ку?
0 votes9 answers -
Правая колонка (сайдбар) в шаблоне сполз вниз
Никак не могу поправить шаблон. Съезжает правая колонка вниз , посмотрите, пожалуйста,что я не так делаю?
0 votes2 answers -
Народ поможите плиз!
не могу разобраться почему в i. explorer - все разъезжаеться. сайт www.v-otpusk.com. Во всех других браузерах сайт работает корректно.
0 votes11 answers -
Выравнивание элементов с обтеканием
Есть такой код: <div style="width: 400px;"> <div id="ft1"><img src="images/foto1.jpg"></div> <div id="ft1"><img src="images/foto2.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto4.jpg"></div> <div id="ft1"><img src="images/foto5.jpg"></div> <div id="ft1"><img src="images/foto6.jpg"></div> </div> стиль: #ft1 { float: left; margin-right: 15px; margin-bottom: 15px; } При разности восоты картинок, происходит такое смешение: Подскажите как …
0 votes9 answers -
Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?
Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо
0 votes14 answers -
-webkit-transform не работает в Chrome
Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо
0 votes1 answer -
Сложная вёрстка: 4 столбца
Прикладываю рисунок чтобы было нагляднее. Суть простая. Макет имеет 4 столбца - левый и правый динамичные - второй слева 400px - второй справа 600px Соответственно макет может расширяться, но не должен сужаться меньше 100px. Т.е. крайние могут уменьшиться до 0%, центральные всегда имеют одинаковый размер и должны центрироваться. И каждая из сторон имеет свой цвет Сам пытался, перепробовал разные Фреймворки - практически беда одна, при уменьшении окна браузера центральные блоки наезжают друг на друга.
0 votes18 answers -
bxslider не адаптируется
не адаптируется слайдер на главной. картинка слайдера поедее должна сжиматся а вот не тут то было...
0 votes3 answers -
?
http://www.css-mapping.narod.ru/changelog.html/ Почему-то перестала отображаться ссылка-изображение. Ни с того, ни с сего. Находится между надписями "Special panel" и "Changelog". Что за фигня?
0 votes6 answers -
Вывод на печать div
Как при нажатии в браузере "распечатать" вывести на печать не всю страницу, а один слой div?
0 votes3 answers -
Гиперактивные кнопки
Здравствуйте! У меня вопрос. Можно ли сделать так, чтобы кнопка при щелчке по ней замерла. При щелчке по кнопке она выглядит так: И мне нужно, чтобы она застыла в таком состоянии, пока не нажмут на другую кнопку. Это возможно?
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-