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

29,542 questions in this forum

  1. Сложный блок с тенями

    Всем привет! Не могу сообразить каким образом можно сверстать вот такой блок с надписью: http://screencast.com/t/1uLjU779Z8 Прошу помочь направить в нужном направлении.

    Asked by westyeast,

    0 votes
    1 answer

  2. Незаметна навигация при помощи клавиши Tab

    По каким причинам может быть не виден переход по разделам меню, с помощью клавши Tab?

    Asked by Dzvene,

    0 votes
    4 answers

  3. Растянуть плавающий блок на всю оставшуюся ширину

    Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block

    Asked by borus,

    0 votes
    0 answers

  4. Вставка видео на сайт

    Пытаюсь на странице отобразить видео. В интернете нашел два способа. Но в итого для каждого примера (ниже) бесконечно долго загружается страница с видео. Но если файл открыть с помощью Internet Explorer (Открыть с помощью... -> Internet Explorer) то видео воспроизводится Кто знает или догадывается подскажите что не так делаю ! adobe flash player установлен ————————— I <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>PLAY MOVIE</title> </head> <body> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="360"> …

    Asked by OShink,

    0 votes
    7 answers

  5. скрипт купона скидки на сайт

    Есть у кого готовый скрипт или совет как разместить кнопку например "Скидка 10%" при нажатии на которую счетчик в каким либо лог файле увеличивался и выводилась простая форма печати "Купона скидки" Чтобы к заказчику приходили люди с купонами а я видел статистику по распечаткам этих купонов.Спасибо

    Asked by romoga,

    0 votes
    1 answer

  6. и снова вопрос по шрифту

    Добрый день. Использую шрифт, семейства PF BeauSans Pro, так как он нестандартный, то использую такой скрипт, для кроссбраузерности: @font-face { font-family:"PF BeauSans Pro-Reg"; src:url('../fonts/PFBeauSansPro-Reg.eot'); src: url('../fonts/PFBeauSansPro-Reg.woff') format('woff'), url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); url('../fonts/PFBeauSansPro-Reg.svg') format('svg'); font-weight: normal; font-style: normal;}Он отображается на всех браузерах, но не так как в макете: неаккуратно и жирность шрифта разная, от этого и цвет немного другой, не как в макете: Из макета Из сайта Из макета Из сайта Чем можно э…

    Asked by Nailya,

    0 votes
    2 answers

  7. Помогите с меню навигации

    Подскажите как реализовать вот такое вот меню навигации (http://moscow.auto.ru/) поиск категорий.

    Asked by Inhuman,

    0 votes
    2 answers

  8. Принцип назначения размера шрифтов текста и заголовков при адаптивной вёрстке

    Здравствуйте. Хочу прояснить, как можно в адаптивной верстке оптимально и просто управлять размерами шрифтов при разном разрешении (без привлечения сторонних плагинов типа slabText). Это правильный подход: 1. Нужно назначать один базовый размер основного текста для body для каждого диапазона разрешений экранов(при маленьких разрешениях экрана целесообразно слегка уменьшать базовый размер текста) 2. А затем заголовки и особо значимые тексты уже масштабировать с помощью процентного указания размера шрифта font-size: ххх% Это рабочий подход?

    Asked by borus,

    0 votes
    4 answers

  9. gpGallery + Smooth Div Scroll

    А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ар…

    Asked by maritca,

    0 votes
    0 answers

  10. Проблема кроссбраузерности вращения блока с текстовым содержимым

    Здравствуйте! Задаю блоку меню такие свойства: -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);-ms-transform: rotate(-1deg);transform: rotate(-1deg);Адекватно изменения отображаются только в Firefox, в остальных же браузерах текст пунктов отображается ступенчато, буквы прижимаются друг к другу.В чем может быть причина?Спасибо!

    Asked by Ярослав,

    0 votes
    0 answers

  11. Opera Mini и отображение текста

    Всем привет! При тестировании сайта http://xn--80aagh4alouex5ff.xn--p1ai/ в опере мини текст собирается в узкую колонку, что я только не пробовала для нормально отображения. Кто чем может помогите И еще форма обратного звонка почему то в середине шапки отображается Скрины: http://prntscr.com/38thgy http://prntscr.com/38thdt

    Asked by Anna Zharova,

    0 votes
    3 answers

  12. Форма входа в 1 ряд

    Ребят Здравствуйте помогите пожалуйста, верстаю макет столкнулся с такой проблемой есть форма входа в шапке мне нужно расположить её в 1 ряд пока она так в psd макете вот так код html <form name="input" method="post" action="#"> <p>Логин</p> <input name="login" type="text" class="logPas"> <p>Пароль</p> <input name="password" type="password" class="logPas"> <br> <input name="submit" type="submit">в коде css пока написал так }input:focus { outline:none;}.logPas { width: 90px; border-radius: 4px; border: 1px #98a7b5 solid;}поскажите как сделать её в одн…

    Asked by Евгений_SB,

    0 votes
    3 answers

  13. Таблица. Фиксированный заголовок, столбец. Покритикуйте код.

    Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немног…

    Asked by user89,

    0 votes
    3 answers

  14. Помогите нубику: почему-то внизу белая полоска в мозилле

    я только начал верстать и не пойму, почему в одном браузере (мозилле) здесь внизу белая полоска остается, друг попросил посмотреть, а у меня самого не получается помогите пожалуйста, буду очень благодарен. http://litter-robot.ru/dsdsfsdfwer

    Asked by lomchik,

    0 votes
    3 answers

  15. Адаптивный текст

    Всем привет, как реализовать адаптивный текст, чтобы размер шрифта подстраивался под размеры экрана, вот такой шаблон будет http://storage8.static.itmages.ru/i/14/0411/h_1397203081_1405815_7756d15e6e.jpg. Например под 1024 должно быть тоже самое как и под 1920, только в уменьшенном виде. Я знаю про vh и vw, но эти решения не кросбраузерны. Пока начал делать с медиа квериес, но дофига работы получается под все популярные разрешения подгонять. Может посоветуете какие нибудь плагины.

    Asked by Sirega,

    0 votes
    17 answers

  16. При масштабировании съедается часть картинки бекграунда в Мозиле.

    Всем привет! Просьба помочь. При уменьшении масштаба в Firefox съедаются часть картинки поставленной бекраундом. Картинку ничего не перекрывает. Имеется ввиду картинки перед каждым пунктом меню. http://goo.gl/AdGWK7 Подскажите в чем может быть проблема. http://test.ph.vps-private.net Заранее всем спасибо.

    Asked by drWebMaker,

    0 votes
    0 answers

  17. почему не работает псевдоэлемент ::section

    http://cssdeck.com/labs/hay2h0yp

    Asked by DivMan,

    0 votes
    2 answers

  18. Кодировка в письме(форма ajax)

    Приходят непонятные символы вместо русских букв. Английские буквы и цифры приходят нормальными. Тема письма приходит тоже нормальная(даже на русском языке), а вот само письмо приходит корявое. Как исправить? Помогите, пожалуйста САМ СКРИПТ: ФОРМА: FORM.PHP(взял в инете эту форму, не удалял ничего, потому что когда удаляю мне ненужное, то кнопка не нажимается):

    Asked by Dimkar,

    0 votes
    1 answer

  19. Почему не растягивается div

    Добырй день! Я начинающий, потому не судите строго Не могу понять, почему div, в котором расположен еще div, имеет высотку 0 пикселей? Как его растянуть? Просто я хочу изображение на задний фон сделать, а оно не отражается, как я понял, как раз потому что высота div = 0. кусок index.tpl <body>......... <!-- Шапка (The End)--> <!-- Вся страница --> <div id="main"> <!-- Основная часть --> <div id="content"> {include file='slider.tpl'} {$content} </div> <!-- Основная часть (The End) --> </div> <!-- Вся страница (The …

    Asked by Aidyn,

    0 votes
    3 answers

  20. портфолио

    Пиеопле, подскажие как сейчас можно это дело организовать, файлы в html и css.

    Asked by electricmammont,

    0 votes
    13 answers

  21. Проблемы при создании меню

    Добрый день. У меня проблема следующего характера, не могу привести в порядок меню. Простите за наглость, но я реально туплю. Уже неделю голову ломаю. Вот так должна выглядеть меню не в активном состоянии. http://savepic.net/5146388.png а при наведение на блок, он должен плавно приподнимается вверх и там появляется меню раздела. Своего рода выпадающее меню, только с заморочкой. Вот так должен выгляедть блок при наведении на него. На картинке показано что активны все блоки, это просто для наглядности сразу три раздела активны. http://savepic.net/5171989.png Помогите пожалуйста, не могу разобраться. Покажите хотя бы путь куда идти. Заранее благодарю.

    Asked by iron_t,

    0 votes
    4 answers

  22. Input type text сделать резиновым

    Собственно САБЖ. Вот код: http://jsfiddle.net/dJrD5/ Пытался сделать с помощью min-width и max-width, но ничего не вышло.

    Asked by Tobey,

    0 votes
    4 answers

  23. Проблема со сползающим блоком (Bootstrap)

    Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)

    Asked by smargelov,

    0 votes
    0 answers

  24. Резиновый <div> по вертикали

    Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…

    Asked by px379,

    0 votes
    4 answers

  25. Переключение комментариев: с ВКонтакте / с сайта

    Доброго дня! Увидел достаточно полезную фишку на одном из сайтов - переключение комментариев. Думаю, объяснять как это выглядит не нужно. Можно было бы просто выдрать кусок кода и не парясь поставить, но он работает немного не так, как я хотел. Когда нажимаешь на "ВКОНТАКТЕ" - сверху комментариев с сайта вылазят комментарии с ВКонтакте, т.е. одно не заменяет другое. Как лучше реализовать подобное? Спасибо.

    Asked by Багдыч,

    0 votes
    1 answer
×
×
  • 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