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. Что сделать чтобы заголовок в <h2> или <h1> не был жирным?

    Недавно обновил Вордпресс на блоге. Раньше если заголовки внутри текста выделял тегами <h2> или <h1> они небыли такими жирными. Сейчас как будто они еще плюс ко всему заключены в <strong>, хотя на самом деле этот тег при выделении не используется, и в HTML редакторе видно что его нет. Слишком жирное выделение смотрится не красиво! Что можно сделать чтобы заголовок при заключении его в <h2> или <h1> не был таким жирным?

    Asked by seer333,

    0 votes
    2 answers

  2. -webkit-gradient и -webkit-linear-gradient

    Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…

    Asked by SelenIT,

    0 votes
    23 answers

  3. Заливка фона цветом

    У меня есть див, я заливаю его цветом: .div {background: #000;} Мне нужно чтобы эта заливка фона как бы делала отступ от правого края на определенное количество пикселей, т.е. не заливала определенный участок дива справа. Сорри за формулировку, не знаю, как лучше объяснить) Существуют какие то способы? Может направите, где что почитать. Спасибо)

    Asked by nickostyle,

    0 votes
    8 answers

  4. Select и required

    Собственно проблема в названии темы. Required не желает работать с select <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Форма регистрации</title> <link rel="stylesheet" type="text/css" href="Style.css"> </head> <body> <form action ='Script.php' method ='POST'> <fieldset> <legend>Заполните форму</legend> <fieldset> <legend>Информация о студенте</legend> <p align="right"class="header">Фамилия:<a class="star">*</a> <input class="field" type="text" …

    Asked by Serafim1991,

    0 votes
    6 answers

  5. Border из кругов

    Есть в макете вот такой border из кружков с закругленными углами соответственно нужны идеи как по-умному его можно сверстать. Желательно конечно чтобы граница имела возможность растягиваться по высоте или ширине, ибо в противном случае все сводится к банальному background-image, очевидно. Пробовал маски и svg, но все как-то не очень удачно.

    Asked by advokatua,

    0 votes
    10 answers

  6. Кроссбраузерность

    Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?

    Asked by bobo,

    0 votes
    43 answers

  7. Почему при переносе списка li нет отступа

    Добрый день Вот вродибы уже не первый год занимаюсь html и css но вопрос завёл в тупик. Почему при переносе списка LI на новую строку изчезает отспут, который есть у первой строки. Паддинги с маржинами перепробывал, они двигают весь блок LI. Вот скрин в приложении Подскажите пожалуйтса, как вторую строку выровнять на уровень первой? Заранее спасибо большое

    Asked by artpol,

    0 votes
    4 answers

  8. Почему высота блока имеет нулевую высоту, хотя выставлено 100%

    Почему высота блока имеет нулевую высоту, хотя выставлено 100%? Родительский div вытягивается на всю страницу. http://ufalug.ru Речь идет о div`е с id=container

    Asked by veleg,

    0 votes
    7 answers

  9. Вставка Flash-меню

    Уважаемые мастера WEB-дизайна и просто посетители форума! Столкнулся с такой проблемой: создал флеш меню, но никак не могу понять как его вставить в определенное поле на сайте (DLE). Прежде вставлял обычные swf через код в файле main.tpl (указал ниже). Все прекрасно работало, но в этом случае структура меню содержит не только файл swf, но и отдельно его содержимое (струтура флеш меню описана ниже). Зашел в тупик... Пожалуйста помогите если это возможно. Обычное флеш меню одним файлом (работало): <!-- logo --> <tr> <td colspan="2" align="center"><a href="/"> <embed src="/templates/Prototype/images/logotip.swf" quality="high" width="970" height="…

    Asked by LANDER.KTV,

    0 votes
    5 answers

  10. Less или Sass . И нужно ли вообще учить

    Скажите реально ли препроцессоры упрощают жизнь и какой из них учить первым?Ну и какие полезные советы по изучению или использованию можете дать?

    Asked by go_Ed_Edy,

    0 votes
    6 answers

  11. Как выравнивать внутри DIV с float

    Вот страница, видно, что выравнивание плохое -- картинки сдвинуты влево. Случилось это после добавления тени к ним. Добавлялось по статье с этого сайта "Создание тени по типу "луковой шелухи". Т.е. до добавления тени все было как-то худо-бедно-ровно ,). По синему выделению см. ниже. HTML код простой. <div id='photographs_index_div'> <table id='photographs_index'> <tr> <td><a href='image.php?num=B07613'> <div class='wrap0'> <div class='wrap1'> <div class='wrap2'> <div class='wrap3'> <img src='images/index/hpano/B07613.jpg' /> </div></div></div></div></a&…

    Asked by lazybird,

    0 votes
    12 answers

  12. Редактор для набора кода (kompozer)

    Такой вопрос: Пользуюсь html=редактором Kompozer. Сделан неплохо, мне нравится. НО, в нем код идет сплошным жестким текстом, без пробелов, без разделения, без табуляций, без пустых строк, которые я хочу вставить в код, что бы удобнее было его видеть. Тупо сплошной текст. Это очень не удобно. Подскажите, может кто знает, эту фишку можно отключить или только так и мучаться? Если нельзя отключить, посоветуйте плз хороший редактор. Спасибо

    Asked by htmluse,

    0 votes
    37 answers

  13. Как сделать, чтобы fixed меню прокручивалось горизонтально вместе со страницей?

    Ситуация - есть меню фиксед. Минимальная ширина страницы 1024 пикселя. Проблема - если сузить окно браузера сильнее, то горизонательная прокрутка не будет прокручивать меню - и оно будет либо обрезанным (с минимальной шириной 1024 пикселя), либо терять начальный дизайн (с шириной 100 процентов). Вопрос - что делать? Как сделать, чтобы оно крутилось вместо со странице горизонтально?

    Asked by Zverushka,

    0 votes
    17 answers

  14. Select & Number (выравнивание по горизонтали, кроссбраузерность)

    Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…

    Asked by motion,

    0 votes
    21 answers

  15. Хочу Image Map Area:Hover

    Можно ли как-то изменить отображение тега AREA для карты изображения при наведении мышки? <map name="fit_to_fit_angle_map" id="fit_to_fit_angle_map"> <area shape="rect" coords="10,84,35,101" href="#" alt="135" /> <area shape="rect" coords="83,85,112,102" href="#" alt="225" /> <area shape="rect" coords="97,49,120,66" href="#" alt="270" /> </map Хочу так: area:hover { border: 1px solid #CCC; } При наведении - никаких изменений. Более того, даже если сделать area { border: 1px solid #CCC; } То всё равно нет бордюра. Предполагаю что CSS к этому элементу не применим. Поправьте, если ошибаюсь. Спасибо. Для чего хочу использовать: http://new.…

    Asked by d0ublezer0,

    0 votes
    7 answers

  16. Как сделать полоску сверху?

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

    Asked by Awe,

    0 votes
    6 answers

  17. Модальное окно формы с затемнением фона

    Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…

    Asked by Impress,

    0 votes
    2 answers

  18. Несколько картинок в одной ячейке таблицы

    Первый раз в жизни пишу на форум. Обычно все уже обсуждалось. Но нигде не нашел что прописать или в CSS или лучше в <td> что бы изображения расположились не в столбик как по умолчанию а в линию в одной ячейке таблицы. Заранее спасибо.

    Asked by vlad7777,

    0 votes
    22 answers

  19. помогите сделать гориз.выпадающее меню

    Помогите сделать выпадающее меню в действующее верхнее меню, сайт сделан на dle 8.5, пытался сделать сам, что то не очень получается, под шаблон не могу загнать, выходит криво.((( файл main.tpl <div id="wrapper"> <div id="menue-l"> <div id="menue-r"> <div id="menue"> <div id="nav"> <a href="/" title="Главная">Главная</a> <a href="/forum/index.php" title="Форум">Наш форум</a> <a href="/files/" title="Каталог файлов">Каталог файлов</a> <a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a> <a href="/index.php?do=feedback" title="Обратная связь"…

    Asked by dauren300,

    0 votes
    17 answers

  20. Интересная задачка

    Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.

    Asked by klierik,

    0 votes
    44 answers

  21. Может валидатор сломался?

    Я даже не знаю. Ошибки на валидность HTML Meta начал выдавать. Line 8, Column 6: Stray end tag html. <html> Line 9, Column 6: Stray end tag head. <head> Line 11, Column 108: Attribute name not allowed on element meta at this point. …"description" content="бла-бла-бла - тут описание"> Line 11, Column 108: Element meta is missing required attribute itemprop. …"description" content="бла-бла-бла - тут описание"> Line 12, Column 99: Attribute name not allowed on element meta at this point. …" content="бла-бла-бла - тут описание"> Line 12, Column 99: Element meta is missing required attribute itemprop. …" content="бла-бла-бла - тут описание"> …

    Asked by and_zheltukhin,

    0 votes
    4 answers

  22. Текст диалога в HTML

    Есть необходимость оформить текст диалога между несколькими собеседниками. В настоящее время он сделан у меня так: <table width="100%" border="0" cellspacing="4"> <tr> <td width="15%">Собеседник 1:</td> <td width="85%">– Реплика 1.</td> </tr> <tr> <td>Собеседник 2:</td> <td>– Реплика 2.</td> </tr> <tr> <td>Собеседник 3:</td> <td>– Реплика 3.</td> </tr> </table> Выглядит как надо, но код несколько громоздкий. Особенно когда диалог очень большой. В HTML 5 появился элемент dialog, с которым это выглядит уже компактнее: <dialog> &lt…

    Asked by Pinguin,

    0 votes
    16 answers

  23. Список шаблонизаторов

    Для тех, кто только ознакамливается с шаблонизаторами и выбирает, какой же предпочесть, большой список с кратким описанием (на англ. языке). http://www.whenpenguinsattack.com/2006/07/...ne-roundup/?1=1

    Asked by Vlad,

    0 votes
    3 answers

  24. Верстка под iPad

    Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …

    Asked by tod314,

    0 votes
    8 answers

  25. Как сделать адаптивный сайт 2015-2017

    Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. …

    Asked by autit,

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