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. Бутстрап - странное наследование цвета кнопки

    http://jsfiddle.net/Zverushka/ESU55/ У меня в стиле указано color: inherit !important; - но цвета нема, при том что у родителя цвет белый. Я не вижу в дебаггере, что цвет родителя чем-то перекрывается. Но при наведении текст кнопки меняет цвет - почему? color: inherit не работает, а color: white - срабатывает - почему?

    Asked by Zverushka,

    0 votes
    9 answers

  2. Уползает фон landing верстки

    Доброго времени суток форумчанам. Решил впервые сверстать макет и выбрал для этого дела landing страничку. При этом столкнулся с проблемой, фон уползает и не покрывает весь контент: И вот как должно быть по макету: Вот код моей верстки: http://jsfiddle.net/vNBfM/ В чем ошибка? Прошу также в общем оценить код, указать на ошибки. Заранее благодарю.

    Asked by iDonatych,

    0 votes
    2 answers

  3. Как вырезать элементы в Photoshop?

    Вот макет http://rghost.ru/59703517. Подскажите пожалуйста, как вырезать картинки соц.сетей без фона? Сколь пробую, ничего не получается. Выделяю, копирую, а вставляет ничего. Подскажите пожалуйста.

    Asked by FitTech,

    0 votes
    10 answers

  4. проблема с обрамленим input'a типа text

    проблема заключается в том, что не могу поменять бордеры у input'ов типа text... как видно на скрине (хоть и плохого качества), но видно что на кнопке бордера нет, а вот на текстовом поле есть оранжевое обрамление... не подскажете от чего это может быть... ибо такого цвета бордеры нигде в CSS таблицах не прописывал...

    Asked by AmsTaFF,

    0 votes
    6 answers

  5. Кракозябры при выводе

    Кодировка при выводе. Выводит кракоябры, хрть и указал кодировку. Вот документ index.php тестовый, выводит вмсет слова "привет" выводит п»ї Привет <!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"> <head> <title>Контакты</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> </head> <body> Привет </body> </html>

    Asked by people2010,

    0 votes
    7 answers

  6. Проблемы наследования

    <html> <head> <style> .a{height:400px;position:relative;background:red;} .b{height:100px;position:relative;background:blue; margin-top:20px;} </style> </head> <body> <div class='a'> <div class='b'></div> </div> </body> </html> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя

    Asked by Sintanial,

    0 votes
    19 answers

  7. Менюшка работает только в firefox и Safari ((

    Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html

    Asked by romoga,

    0 votes
    11 answers

  8. Стилизация css селекторами кнопок next и prev

    Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…

    Asked by grafnet,

    0 votes
    3 answers

  9. Header заезжает на заголовок

    Дизайнер нарисовал так: Т.е. на фон хедера разместил изображение. И на нём же нужно разместить информацию не из хедера. Если это сверстать это будет выглядеть вот так: Что можно сделать, чтобы выглядело как на макете? http://design.zevs-online.ru/600/

    Asked by yaparoff,

    0 votes
    3 answers

  10. Рамка картинкой вокруг элемента img

    Как сделать рамку вокруг элемента img картинкой, чтобы она его обтекала. При увеличении картинки, расширялась?

    Asked by tatishka,

    0 votes
    5 answers

  11. Границы таблицы. Нестыковка.

    Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.

    Asked by UNIX,

    0 votes
    8 answers

  12. Предварительная загрузка невидимых элементов страницы?

    Есть сайт, на сайте есть блок, в котором есть картинки-ссылки которые меняются при наведении мышки и нажатии мышки (что то типа меню с кнопками). Проблема у меня в том что картинка, которая должна появляться при наведении и другая при нажатии, начинают они подгружаться в момент этого действия и это заметно, даже на быстром интернете, как сделать чтобы картинки эти подгружались в месте с страницей, но небыли видны пользователю пока он не выполнить действие мышкой над картинкой-ссылкой? Вот пример HTML кода: <td width="135" height="135"> <a href="#" class="d15" onfocus="this.blur()"></a></td> Вот CSS: a.d15:link { background: url(images/catalog_co…

    Asked by eVErl@Sting,

    0 votes
    11 answers

  13. Нужна помощь!

    Здрасте! Я нович?к в этих делах, и знаю только часть(1/2) языков html и css, больше не чего не изучал пока(плохой доступ к инету). У меня вопрос: можно ли на сайте написанном исключительно на html и css написать регистрацию пользователей и форум на этих же я зыках, или для этого нужны ещ? и скрипты, если нужны то какие! Заранее спасибо!

    Asked by Elendor,

    0 votes
    13 answers

  14. Вместа текста отображаются крокозябры

    Вобщем наверстал сайт со слелующей гарнитурой текста font-family: Arial, Helvetica, sans-serif; У меня на компе всё отображаетскя корректно.Но у друга...у друга вот совершенно нечитаемый текст на древнешаманском языке. Умные люди скажу что ему(другу) нужно установить дополнительный набор языков. Но хотелось бы решить проблему так чтобы у всех без установки каких-либо дополнительных приложений текст на сайте отображался должным образом.

    Asked by Rebroid,

    0 votes
    7 answers

  15. Тег <br />

    Короче, есть детский вопрос: Есть кусок кода: <!-- phone block --> <div class="information phone"> <h5>Телефоны:</h5> <address> <span class="pad-50"> Тел.:<br /><br /><br /> Моб.:<br /><br /> </span> <span> +123 (45) 678-90-12<br /> +123 (45) 678-90-12<br /><br /> +123 (45) 678-90-12 Velcom<br /> +123 (45) 678-90-12 МТС </span> </address> </div> …

    Asked by DjTarik,

    0 votes
    9 answers

  16. Перекрытие абсолюта

    Вот страничка: тынц Про дизайн ничего не говорите - что дали, то и верстаю Картинки - тоже черновые. Вопрос в следующем: почему кружок логотипа и выпадающее меню (о проекте) перекрывается нижней границей родительского элемента? Только в IE (проверял в седьмом). Overflow там не задан.

    Asked by d0ublezer0,

    0 votes
    11 answers

  17. Слайдер, почти овальной формы

    Подскажите, как можно сделать слайдер вот такой формы: Смысл, конечно, не в слайдере, а в форме блока. С удовольствием бы наложил просто картинку, но там фон не однородный. Подумал сперва, что получится через border-radius, но вышло не много не то: http://jsfiddle.net/npofopr/n3sp9f86/ Тут http://bennettfeely.com/clippy/ вроде тоже плавных углов не сделать. Можно ли через css решить данный вопрос? Или придется использовать canvas или может svg. Если их, то может примеры есть, или какую библиотеку лучше использовать. До этого просто не сталкивался)

    Asked by npofopr,

    0 votes
    12 answers

  18. Маска пароля

    Допустим есть input text в который будет вводится пароль. Как сделать так, чтобы при вводе символов, символы скрывались и показывались точки?

    Asked by raptor-dm,

    0 votes
    2 answers

  19. Почему min-height от min-height не работает?

    А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?

    Asked by Launder,

    0 votes
    3 answers

  20. Как сделать адаптивным такой блок?

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:

    Asked by iBars,

    0 votes
    3 answers

  21. что делает атребут "azimuth" подскажите

    что делает атребут "azimuth" подскажите

    Asked by artdizz,

    0 votes
    2 answers

  22. Перестали работать <a> при float=right

    Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с float=right. После этого в опере и ФФ перестали работать ссылки, расположенные в этом блоке. Тоесть не нажимаются. Страничка находится здесь http://tour.topotels.com/gallery.html Класс правого столбца .content { text-align:left; float:right; width:600px; position:relative; display:inline; margin:0px; padding:0px; padding-right:25px; }

    Asked by MageMerlin,

    0 votes
    2 answers

  23. Откуда отступ в ИЕ?

    Никак не могу догадаться, откуда берется нижний отступ в ИЕ( Ссылка на сайт Кто-нибудь знает, отчего?

    Asked by Rootical,

    0 votes
    5 answers

  24. разместить фигуры относительно границ экрана

    Помогите пожалуйста. Нужно разместить квадраты на страничке (см. файл http://ifolder.ru/14188481), как показано на рисунке(см. тот же файл). При этом пользоваться можно только средствами css, html-код трогать нельзя. Заранее спасибо.

    Asked by Arkada,

    0 votes
    7 answers

  25. Проблема вёрстки резинового меню

    Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px…

    Asked by Kostyan,

    0 votes
    7 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