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
-
Переход по сылке
Подскажите пожалуйста. Есть меню: Главная, О нас, Контакты... Каркас этих страниц одинаковый. Мне нужно, чтобы при нажатии напр. "О нас" изменялся только нужный мне участок?
0 votes3 answers -
Проблема с версткой в ИЕ
Уже более 2-х недель бьюсь над такой проблемой: сайт http://kam-pod.gov.ua при просмотре любой из новостей (например http://kam-pod.gov.ua/?p=1700) уходит вниз правая колонка. Проблема характерна только для ИЕ. Помогите разобраться, почему так происходит. Вот описание стилей колонок (С1 - левая, С2 - центральная, С3 - правая): #c1 { width: 230px; float:left; } #c2 { border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; top: 245px; width: 560px; float:left; } #c3 { width: 230px; float: left; }
0 votes2 answers -
Border. Самый удобный путь для достижения эффекта.
В общем етсь у меня вот такая страница: <!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" > <meta name="description" content="Красивые картинки на рабочий стол и многое другое. Бесплатно, удобно, быстро." > <meta name="keywords" content="Красивые обои на рабочий стол, скачать обои, обои для рабочего стола, бесплатные обои" > <link href="design/style.css" type=text/css rel=stylesheet > <title>Красивые обои на рабочий стол</title> </head> <body> <img src="design/laminat.jpg" al…
0 votes1 answer -
Форма новости
У меня возникла проблема при натяжке кода на движок ДЛЕ При добавлении новости с картинкой должно отображатся так(при хтмл все было норм. так как изображение было више тега <h2>) http://img98.imageshack.us/img98/5323/15663534.png а есть так : http://x-man.bissnes.net/ <div class="news" > <h2 class="newsname" >[full-link]{title}[/full-link]</h2> <span class="newscategories" >Категория: {link-category} | Добавил: {author} [edit]Редактировать новость[/edit]</span> <p class="newsmiddle" >{short-story}</p> <span class="newsstat" >Просмотров: {views} | [com-link]Комментарии: ({comments-num})[/com-link]</span>[full-lin…
0 votes2 answers -
горизотальное меню
Доброго времени суток. Недавно начал заниматься версткой, возникла задача, которую никак не могу решить. Нужно сделать простое одноуровневое горизонтальное меню (таблицы не использовать), т.е. на дивах, с использованием <ul> <li> и CSS. Сложность в том, что некоторые пункты меню располагаются в одну строчку , а некоторые в две строчки. Проблема как выровнять пункты меню по вертикали. Воспользовался display: table-cell; vertical-align: middle;. Получилось вроде бы, но в IE6,7 это не работает. Может кто знает как это можно сделать?
0 votes5 answers -
Ротатор HTML для GAdsense
Есть интересная задачка, которая имеет решения с помощью HTML, но к сожалению я пока не знаю какое. Нужен HTML код, который, при каждом обновлении страницы, должен выводить 4 разных GoogleAdsense объявления. Вернее он должен выводить одно из существующих 4 обьявлений в случайном (или алгоритмическом. Это не важно) порядке. С помощью PHP, естественно это зделать - раз плюнуть. Но вот с помощью HTML ... Спасибо. Я думаю это интересная жизненная ситуация для верстальщика или кодера...
0 votes5 answers -
Как сделать чтоб
Всем доброе время суток! Как сделать что при нажатие кнопку скачать экран не поднимался вверх само начало страницы? когда сама кнопка внизу с помощью Ajax Вот сам код <a class="dow" href="#" id="down">Скачать</a> <div id="downtab" style="display:none"> <div id="rek-top"></div> <div id="rek-centr"> <p>Скачать файл можно после просмотра рекламы:</p> <div id="reklama"> <!--Ваша реклама--> </div> <div id="hidden" style="display:none"> <!--Ваша ссылка на скачивания--> </div> </div> <div id="rek-bot"></div> </…
0 votes4 answers -
Как создать "горизонтальное" меню?
Нужно создать меню с помощью ксс,но что бы каждый следующий елемент помещялся не ниже предыдущего,а справа что бы меню распологалось не вертикально столбом,а в ряд так сказать. З.Ы.знаю что мог бы регулировать каждый новый елемент с помощью margin но так как елементов списка много нужен именно такой способ.
0 votes4 answers -
не робит полноценно сайт на осле
вот сайтик если зайти на него через хром всё нормально отображается но если зайти через осла то не отображаются русский шрифт. что самое интересное, так это то что если по тыкать по меню и нажать кнопку назад то сайт начинать работать так как нужно. помогите пожалуйста, может я в <meta> что то не так прописал??
0 votes6 answers -
Нужна помощь по родственным элементам CSS
Битый час не могу получить путного решения на голом css, подскажите как будет сделать правильно? Задача: При наведении на .information появляется надпись "кнопка". Нужно чтобы она оставалась и не пропадала при фокусе на textarea. Код: http://jsfiddle.net/GCkrC/
0 votes2 answers -
last-child
Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.
0 votes8 answers -
Как расположить два div-а в ряд?
А именно чтобы один был слева а другой справа, и когда ресайзиш страницу в браузере той блок что спррава не двигался за бордюром, и не заслонял логотип. как щас - test На планшете и телефоне правый див вылазит на середину.
0 votes2 answers -
Кроссбраузерность Opera, position: absolute?
Всем доброго времени суток! Есть такой код В браузере Opera почему то блок #before не становится вплотную в блок родителя хотя и выставлены все стороны позиционирования в нули(в Opera dragonfly при наведении на #wrap, а после на #before можно увидеть что данные блоки не эквивалентны по высоте хотя стоит top: 0; bottom: 0). В Firefox все отлично работает если сравнивать. Как сделать кроссбраузерный вариант?
0 votes7 answers -
Помогите вставить menu.html на сайт при помощи php include
Всячески пытаюсь отобразить на странице меню, вставленное через php include - результата ноль. Установил Apache, наблюдал вкладку "It works!", запустил апач монитор. Вырванный кусок тегов, формирующих меню сохранил в отдельном файле. Прошу подсказать, каким образом должна выглядеть в файле страницы .html строка скрипта php, в каких форматах должны быть сохранены файлы и какие ещё упущенные мной действия требуется проделать?
0 votes5 answers -
Как сверстать такую схемку
Не подскажет ли кто - как сверстать такую вот схемку без использования картинок на чистом css ? Пусть даже фигурки будут прямоугольные без загибов....
0 votes7 answers -
Pixelperfect - разное отображение в FireFox и Chrome
Верстаю PixelPerfect по макету. Я приложил скриншоты из одного и того же сайта. Почему при одинаковых стилях отображение разное ? как быть, как жить? в хроме юолее менее нормально отображается, а в FireFox криво. Если сделаю под FireFox ровно, будут сдвиге в хроме. Что делают в таких ситуациях ? оба браузера обновлены. Первый раз верстаю PixelPerfect. Подскажите пожалуйста новичку:) Первый рисунок -Google Chrome Второй рисунок -Mazila FireFox
0 votes2 answers -
Таб, Фильтр
Подскажите как сделать такой таб и фильтр?
0 votes3 answers -
Адаптивность. Медиа запросы vs JS
Вопрос касательно реализации адаптивности. В каких случаях вы прибегаете к JS для определения типа устройства и установки соответсвующего класса например на тег body (table, mobile)? Наверное стандарт медиа запросов: по ширине > 1024px - это Экраны, Планшеты <1024px и >768px, мобильные телефоны <768px. Просто границы разрешений экранов, особенно между Экранами и Планшетами размыты... Или главное чтоб все было красиво, удобно, хорошо видно? не ужималось и прочее..., пускай стили для экранов и применились для Планшета, например Ipad PRO(Разрешение: 2224x1668 Пикс) ? JS-ом определять тип устройства наверное следует тогда, когда надо жестко д…
0 votes1 answer -
CSS не подключается к очередным страницам
Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю: Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было: Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону.…
0 votes4 answers -
Помощь в создании многоуровневой кнопки
Приветствую, обитатели форума. Возникла ситуация, с которой я залез достаточно, чтобы стать посвещенным в основы событий и их обработок, но недостаточно, чтобы отсюда выбраться. Потребовалось создать кнопку, при наведении на которую, всплывала панель, но при удержании курсора на панели (сейчас там просто контейнер с текстом) она не скрывалась, лишь при уходе курсора. Но это не срабатывает. Все еще занимаюсь решением проблемы. Если будет нетрудно, раскритикуйте основные неприятные моменты, хотя я почти ничего и не написал. Но заранее выражаю благодарность index.js
0 votes2 answers -
Проблема с динамикой сайта на телефоне.
В мобильной версии сайта своего https://cham.com.ua есть проблема с прокруткой при переходе на страницы. Падает в правую часть, прокрутка влево не работает. Такое наблдаю при переходе в каталоги услуг.
0 votes0 answers -
Счётчик посещения страницы
Здравствуйте! Как сделать счётчик посещения страницы?
0 votes3 answers -
отступы для внутреннеого блока
у меня такая ситуация - сверстал снала главную страницу, сверху рисунок, сбоку меню - по центру - красивые графические кнопки. все сверстано целиком в таблице, с жескими размерами. чтобы было по центру, всю таблицу целиком заключил в див: #centerLayer { width: 828px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #ffffff; /* Цвет фона */ padding: 0; /* Поля вокруг текста */ text-align: center; /* Выравнивание содержимого слоя по левому краю */ } сейчас стал делать другие страницы, на них верх и левая часть остается точно такой же, а в центре вместо кнопок - текстовое наполнение. я взял за основу код главной страницы, удалил все …
0 votes0 answers -
Фоновое изображение "Овал".
Добрый день. Есть изображение овал (502px * 27px). Делаю следующим образом: Далее, в коде страницы делаю <div class="grayline">Пишу всякий текст</div> однако, текст заключенный в DIV не позиционируется по центру, пытался вставить в CSS: vertical-align: middle; история та же самая. Может кто подсказать, как быть? Мучался с padding, но видимого результата тоже не добился
0 votes2 answers -
Какую кмс предпочесть?
Чет по утра и не соображу где тему создать, сначала хотел вообще во Флейм но прочел там: В общем я надумал создать для себя любимого уголок и и-нэте. Будет сайт + форум. С форумом все ясно плавали знаем... А вот сайт будет представлять собой блог статей (считайте это дневником вэб мастера(+ там будет возможность создания дневников для других пользователей)). Вот и интересует меня какую кмс предпочтительней взять? Параметры которые я бы хотел в ней видеть: 1) Быстро действие. кмс типо Джумлы уже вызывают отвращение. 2) Функционал нужен для начала минимальный, новостной модуль, возможно модуль гостевой страницы, меню. 3) FreeWare 4) Нормальная админка. Еще как вариант у ме…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-