Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как быть? (div)

    На сайте используется div. есть левое меню, правое и по середине. Слева меню(карта) сайта. Хочу, чтобы при нажатии на подменю обновлялось только меню по середине с контентом. как быть?

    Asked by homyone,

    0 votes
    11 answers

  2. шрифт с google web fonts не проходит валидацию

    в head подключены 2 шрифта: <link href='http://fonts.googleapis.com/css?family=Jura&subset=cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic' rel='stylesheet' type='text/css'> А валидатор html5 говорит: Валидатору не нравится знак амперсанд?Как исправить проблему?кто-то сталкивался?

    Asked by eleonore,

    0 votes
    3 answers

  3. Диагональное зачёркивание

    Необходимо при наведении на блок с предложением цены перечеркивать ценник. Сейчас реализовано через горизонтальное зачеркивание при помощи картинки. .hoverClass{ background:url('redline.png') repeat-x 0 50%; }Какие есть идеи? Возможно ли повернуть картинку и расположить ее диагонально? Может нужно использовать text-decoration: line-through, при этом направив из левого нижнего угла в правый верхний?

    Asked by Vitalya T,

    0 votes
    1 answer

  4. Сладер стопкой

    Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.

    Asked by Shiza,

    0 votes
    0 answers

  5. Личный планировщик со статистикой. Нужна ли база данных?

    Добрый день. Я не программист, но люблю программировать. Родилась в голове идея: сделать в порядке саморазвития в web, а также для самоконтроля - такую штуку. Будет находиться у меня на сайте, я смогу вбивать туда все траты по категориям. Например, купил в Ашане шоколад, огурцы и хлеб. Нажал кнопку - вылезло окно, выбрал "сладости, овощи, хлеб" (или как-то так, категории придумаю). Вбил цены. Зарплату тоже буду вносить, неофициальные всякие деньги в отдельную категорию. В итоге цель: к примеру, показать список потраченных средств за год на сладости. Или за месяц на "Прочее". Чтобы по дате можно было посмотреть что и как. И заработанное. Потом прикручу в тел…

    Asked by keltkelt,

    0 votes
    3 answers

  6. Иконки анимация

    Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией

    Asked by Govt_sm80,

    0 votes
    2 answers

  7. Обычная кнопка

    приветствую. Такая проблема.. есть css *{border:none;} в общем нет ничего особенного... он отключает везде границы... а надо что б одна кнопоччка выглядила как обычно.. по дефолту... несмог подобрать стили... подскажите плз

    Asked by klierik,

    0 votes
    6 answers

  8. Проблемы с FONT

    Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.

    Asked by Nail,

    0 votes
    2 answers

  9. Меню не хочет менять цвет...

    Народ, прошу помогите! Я пытаюсь сделать меню бирюзовым (или черным) цветом. Но оно не делается! Вот код: <body link="#0b5b49" vlink="#00CCCC"> <font color="#0b5b49"><span style="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <ul class="uz" tyle="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <center>Основное</center> <li class="m"><div><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></div></li> <li class="m"><a class="m" href="http://devichnik.moy.su/index/0-77"><strong>Книга знакомств</strong></a></li> &…

    Asked by Stihiya,

    0 votes
    5 answers

  10. В Opera пропал звук на страницах

    Искал по всему инету, не нашёл - может, тут кто знает... Слетела винда XP. Поставил всё заново. Всё заработало как обычно, кроме одной неприятности: в Опере пропал звук. T.е. SWF/FLV играют со звуком, и MIDI тоже играет - не играют только фоновые mp3, внедрённые на страницы через EMBED. Все нужные галочки в настройках Оперы включены. А в IE всё играет.

    Asked by Pinguin,

    0 votes
    1 answer

  11. Нужны шаблоны.psd

    Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!

    Asked by Jef,

    0 votes
    7 answers

  12. Кнопки

    У меня такая проблема, помогите плиз...сделал ссылку такого вида <a href="URL" target="_blank"><button type="button">Слово</button></a> и столкнулся с тем что Опера и другие браузеры проходят по ссылке, а IE ни какой реакции, как только убираю кнопку ссылка работает, как быть, чтобы и кнопка была и эксплорер как то реагировал, ссылка на сайт с проблемой Проблема с кнопкой, помогите плиз... P.S IE обязательно так как сайты защищенные и на Опере и других браузерах не работают (HTTPS) P.P.S Заходил на сайт с браузеров Mozilla Firefox 3.5, Opera 9.63, IE 6 (7,8)

    Asked by MHz,

    0 votes
    7 answers

  13. Выделение ссылки при наведении (Как на примере)

    Как сделать, что бы при наведении курсора на ссылку - фон сзади ссылки выделялся полу-прозрачным белым изображением. (Нужно ихменить в html шаблоне) Сделать примерно как на phpbb.com (Под логотипом ссылки "About - Donwloads - Commynity") Или как у вас на форуме (Помощь Поиск Пользователи Календарь). Спасибо заранее

    Asked by Flashz,

    0 votes
    2 answers

  14. Отступ в FireFox

    * { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????

    Asked by svdsLis,

    0 votes
    4 answers

  15. Перекрытие слоёв (почему так работает)

    Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { b…

    Asked by KFQR,

    0 votes
    6 answers

  16. Как писать в файл?

    Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…

    Asked by EventPromo,

    0 votes
    1 answer

  17. Нестандартное меню - как верстать ?

    Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо

    Asked by Honcho,

    0 votes
    6 answers

  18. Фон по центру

    Всем доброго времени суток. Сделал фон кодом css. body { margin-left:35%; margin-right: 35%; margin-top: 15%; background: url(img/fon.png) no-repeat;} но, как мне сделать, что бы центр картинки(фона) был по центру сайта??

    Asked by Gotafak,

    0 votes
    3 answers

  19. Как теперь наблюдать за стандартами?

    Так как W3C не имеет никакого дела уже к HTML5, а им занимается WHATWG то как я понимаю W3C ж уже не документирует HTML5, по этому подскажите пожалуйста где можно следить за офф. стандартами. И как дело обстоит с CSS? W3C им же еще занимаются и на их сайте можно следить за стандартами?

    Asked by tini.kRyptoNite,

    0 votes
    3 answers

  20. Font-face Generator

    Подсмотрел в сети пример внедрения не стандартных шрифтов через @font-face, вот код: @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/mp_r/mp-regular-webfont.eot'); src: url('../fonts/mp_r/mp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mp_r/mp-regular-webfont.woff') format('woff'), url('../fonts/mp_r/mp-regular-webfont.svg#MyriadProRegular') format('svg'), url('../fonts/mp_r/mp-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } там же в папке fonts лежат эти шрифты и файл generator_config.txt Подскажите сервис где можно сгенировать эти шрифты или урок на русском в сети. Спасибо

    Asked by okunev2,

    0 votes
    3 answers

  21. Как правильно подбирать цвета и шрифты?

    Подскажите пожалуйста где можно найти полезные статьи или может посоветуйте хорошую книгу про то как научиться удачно подбирать цвета, шрифты и т. п. при создании макета для сайта.

    Asked by XAHTEP26,

    0 votes
    9 answers

  22. Как лучше обрезать текст

    Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете

    Asked by Anna Zharova,

    0 votes
    16 answers

  23. Глюк со слайдером

    Есть слайдер: http://bootsnipp.com/snippets/featured/news-carousel При уменьшении экрана он съезжает. А когда обновишь страницу, то нормально вроде как. Что за глюк? Как исправить? Спасибо.

    Asked by Alfa2015,

    0 votes
    0 answers

  24. Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

    Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    6 answers

  25. Верстка меню: не представляю как это сделать

    Нужно сверстать вот такое меню: Как видно на картинке каждый элемент имеет синий "буллит", который накладывается на нижеследующий, а буллит активного элемента перекрывает остальные. Причем по вертикали буллит должен быть резиновым. Ну никак у меня не получается. может кто подскажет? очень нужно..

    Asked by Hippy,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept