HTML Coding

29542 questions in this forum

1. 3 колонки поломались в safari

   помогите пожалуйста поправить вёрстку страница в большинстве браузеров отображается так. но в win safari 5.1.7 - так

   Asked by cyklop77, April 28, 2013

   0 votes
   1 answer
2. Помогите сделать чувствительный (responsive) div container

   Нужно чтобы аккордеон был всегда в одном месте (под локтем на скриншотах) и оставался там же, когда сжимаешь окно браузера. http://i.imgur.com/OM9vMQm.jpg http://i.imgur.com/ZB5FD3T.jpg (надеюсь понятно проиллюстрировал свою мысль) Кто-нибудь может помочь написать код CSS для этого? Буду очень признателен за помощь! http://podstrigis.com/%D0%BF%D1%80%D0%B0%D0%B9%D1%81-%D0%BB%D0%B8%D1%81%D1%82/

   Asked by msk1, April 30, 2013

   0 votes
   1 answer
3. Веб-плееры на HTML5

   Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков…

   Asked by zlodeev, May 1, 2013

   • html5
   • ccs3
   • js
   • audio
   0 votes
   1 answer
4. путь к изображения на хостинге

   Подскажите пожалуйста, какой должен быть путь к изображениям на хостинге. Например закинул только что на 000webhost.com, на бесплатный хостинг, там в фал менеджере папка public_html. Закинул туда свои index.html, style.css и bg.jpg. В style.css у меня указан фон в виде картинки, пробувал устанавливать url(bg.jpg) url(public_html/bg.jpg) url(root/public_html/bg.jpg) не фурычит, нет картинок. Что не так?

   Asked by beckkk911, May 2, 2013

   0 votes
   1 answer
5. Формы. Атрибут accesskey

   Почему у меня не работают сочетания клавишь ALT + B и ALT + H??? и какие замечания вы мне сделаете по коду?? <meta charset="utf-8"> <h2>Регистрация пользователя</h2> <p>Пожалуйста заполните все поля, чтобы зарегистрироваться на сайте:</p> <form> <fieldset> <legend accesskey="u">О <u>В</u>ас(ALT + </legend> <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="pa…

   Asked by DivMan, May 3, 2013

   0 votes
   1 answer
6. Полоса прокрутки в блоке и его высота

   Возникла проблема. Уже несколько дней пытаюсь найти ответ, но без результата. Хоту сделать страницу, в которой футер прикреплен к низу браузера (с этим проблем нет) и контент которой прокручивается полосой прокрутки. Но прокручивая не всю страницу, а только блок с контентом (шапка, футер оставались не подвижными). Как указать высоту блока .content, чтоб он вытягивался до футера? @charset "utf-8"; /* CSS Document */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -175px; } .footer, .push { clear: both; height: 175px; } .content{ overflow-y: scroll; hei…

   Asked by NoItemName, May 3, 2013

   0 votes
   1 answer
7. Скачет отцентрированный по центу div блок

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

   Asked by smirn0ff, May 3, 2013

   0 votes
   1 answer
8. Помогите с внутренним отступом

   Помогите с padding. мне нужно чтобы межды пунктирной линией был отступ как на картинке но получается так: к отступу еще добавляется какое то расстояние, не могу в коде найти какое. FireBug его не показывает. Вот коды участка: <div id="news"> <div class="new"> <div class="title"> <p>New 1</p> </div> <div class="new_cont"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit, metus et mollis dictum, augue nisl feugiat dui, sed molestie elit nisi nec massa. Nulla ligula elit, porttitor eget commodo vel, bibendum ut ligula. Sed sit amet ultrices sapien. Aenean mattis dictum commodo. Etiam …

   Asked by GeorgGood, May 5, 2013

   0 votes
   1 answer
9. background-position в IE

   Здравствуйте. Прошерстил инет, но никак не могу найти решение. Необходимо точно спозиционировать (сдвинуть на определенное количество пикселов) фон в блоке. Делаю это так: background-position: top right 8px; Предполагается, что фоновая картинка встанет в верхнем правом углу блока со сдвигом в 8 пикселов от правого бока. Работает во всех браузерах, кроме IE. Причем данную запись не понимает ни одна из версий IE (проверял в IETester и IE 7 напрямую).

   Asked by toman, May 5, 2013

   • background-position IE
   0 votes
   1 answer
10. Выравнивание слоя по центру без указания точных размеров

    Как выровнять слой по центру без указания точных размеров этого слоя.

    Asked by max2012, May 5, 2013

    • Выравнивание слоя по центру б
    0 votes
    1 answer
11. отменить overflow hidden

    Доброго времени суток, требуется помощь, сломал голову уже, вот накидал образец существующей верстки <body> <div> <div> <div>...</div> <div> <div>...</div> <div>...</div> <div>...</div> <div> <div></div> <--ВАЖНЫЙ DIV--> </div> </div> <div>...</div> </div> <div>...</div> <div>...</div> </div> </body> в css дивам присвоено overflow:hidden (такова верстка, если отменить все поплывет), в коде выше отмечен важный…

    Asked by Artyomii, May 5, 2013

    • overflow:hidden
    0 votes
    1 answer
12. Помогите! Скрипт смены фона

    Здравствуйте! Помогите пожалуйста! Нужен скрипт для смены фона сайта на картинки, чтобы пользователи сами выбирали нужный фон, могли его через ссылку ставить и т.п. В общем нужна как в Windows с рабочим столом, так же и тут только с фоном Видел такие скрипты на UCOZ, но они ужасны, хотя работают, переписать не взялся! Так что надеюсь на вашу помощь!

    Asked by Spleefys, May 6, 2013

    • скрипт
    • фон
    • смена фона сайта
    0 votes
    1 answer
13. Кликабельные подразделы

    Здравствуйте! Никак не получается найти информацию по своему вопросу: как сделать страницу с кликабельными подразделами? (Пример:http://lawcanal.ru/html.acti.uchebniki.html )

    Asked by Ksusha90, May 6, 2013

    0 votes
    1 answer
14. Как удлинить границу?

    Здравствуйте! Столкнулся вот с такой задачкой... Как удлинить верхнюю серую границу правого блока? Чтобы из правого блока переходило на шапку кусочек? В голову приходит только создание дополнительных блоков с нижней границей, но может есть какое-то решение попроще - через свойства?

    Asked by nikki4, May 7, 2013

    0 votes
    1 answer
15. Что за параметр VA в Photoshop

    Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?

    Asked by aaron, May 8, 2013

    • photoshop
    0 votes
    1 answer
16. В шаблоне для рассылки Яндекс игнорирует отрицательные поля ?

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

    Asked by ilyas, June 12, 2013

    0 votes
    1 answer
17. Как переносить шрифты из фотошопа и css?

    В макете фотошоповском текст следующего вида: Arial Narrow 14px жесткое сглаживание псевдополужирный узкий ариал почему-то не работает. погуглил и более менее похожее нашел можно сделать следующим образом font-family:'Arial Narrow', Arial, sans-serif; font-stretch: condensed; но вот как сделать жесткое сглаживание и псевдополужирность? Или подобное лучше в виде картинок оставить?

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer
18. Почему подвал не опускается?

    Все практикуюсь в верстке макета. Возник вопрос. Почему при наполнении контента подвал не опускается вниз? ну и заодно сразу следующий - как сделать чтобы опустился? а то будут например всякие картинки и т.п.. чтоб page-item растягивался и подвал опускался Вот ссылка

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer
19. Логотип

    Я вырезаю логотип и мне нужно в фотошопе сделать прозрачным его?? Подскажите плз???

    Asked by Sergey410, May 14, 2013

    0 votes
    1 answer
20. Почему на этой странице блок выше?

    Вот нормально все в футере ссылки удалил... но именно на этой странице он поднимается выше (а надо чтоб граница была нормально а не висела так.,) логика подсказывает что это как-то связанно с тем, что на этой странице нет картинок в 1 и 3 блоке верхнего футера... но что делать? как исправить кроме как присвоить этой странице дополнительный стиль и подвинуть (но мне кажется это не совсем правильынй метод и я тут что-то криво сделал) Спасибо! буду знать. Правда пока по-быстрому выкрутился создав дублирующий блок с другим классом

    Asked by nikki4, May 14, 2013

    0 votes
    1 answer
21. вертикальное выравнивание с text-overflow:ellipsis;

    Привет. Почти как обычно: выровнять блок вертикально по центру родителя, высота блока зависит от контента, родитель должен реагировть на переполнение по Y (переполняет выравниваемый блок) увеличением высоты или появлением скролла. Можно использовать продвинутый (-webkit) css. Проблема в том, что блок содержит детей с overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; из-за чего стандартные способы ломаются: 1. display:table-cell; + vertical-align:middle; http://jsfiddle.net/7Ewfx/7/ не срабатывает overflow:hidden; . 2. display:flex; + align-items:center; http://jsfiddle.net/7Ewfx/8/ не срабатывает text-overflow:ellipsis; и блок с текстом смещается влево. 3. …

    Asked by Riim, May 16, 2013

    0 votes
    1 answer
22. наложение картинки для кнопки со стрелкой в теге select

    Все привет! Возникла проблема с наложением картинки для кнопки в селекте, необходимо сделать select более привлекательным, но когда картинка поверх кнопки, сам клик не срабатывает Подскажите, есть ли какие-нибудь варианты для этого <img src="img/ramka.png"> <select name="sel"> <option value="asp">маленький </option> <option value="js">средний </option> <option value="php">большой </option> </select><img id="fon_for_arrow" src="img/fon_for_arrow.png"> select{ position:absolute; z-index:1; padding:1px 0; border:0; color:#636363; font:italic 15px Arial; } img{ position:relative; top:-2px; left:110px; } #fon_…

    Asked by Nailya, May 16, 2013

    0 votes
    1 answer
23. Горизонтально-ориентированное положение страницы в Ipad

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

    Asked by goooooch, May 18, 2013

    0 votes
    1 answer
24. Как вычисляется высота блока текста из нескольких строк

    Народ! Помогите советом, а то я уже мозг себе сломал. Пишу на чистой странице простой код вроде вот такого: <span> Это какой-то проверочный текст <br/> разделенный на две строки </span> Выставляю ему font-size=72px и line-height=72px, потом смотрю в файрбаге высоту получившегося куска - получается 153 px. Получается вроде бы понятно: 72 пикселя на первую строку, еще 72 на вторую и плюс 1/8 высоты шрифта (т.е. 9 пикселей) на интервал между строками. Лезу в разрабатываемый проект, где в блоке div записан текст из двух строк с точно такими же font-size=72px и line-height=72px, смотрю высоту - показывает 205 px. Убираю там одну из строк - высота становитс…

    Asked by GRIG, May 19, 2013

    0 votes
    1 answer
25. Стилизация вывода текста

    Всегда пугает работа связанная с форматированием текста. Хочется использовать какой либо "шаблонизатор" или что-то подобное. Но в моём понимании "шаблонизатор" это такой скрипт на php или js, который при передаче ему текста вида: Заголовок 1 уровня === Заголовок 2 уровня ___ Обычный абзац с автоопределением переноса строки, т.е. ему даешь текст с отступами самого редактора(табами например), а он их сам распознает и соответствующе отображает. <img>ссылка на картинку</img> Сам расставляет теги и просчитывает отступы. Видел нечто подобное на гитхабе при создании страницы проекта, но не понял где его достать и как им пользоваться "изнутри". Рад буду любым ссыл…

    Asked by zlodeev, May 23, 2013

    • блог
    • текст
    • CSS
    0 votes
    1 answer