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. Вопросы к знатокам

    Приветствую всех кто так или иначе освоил html, php, css! Мне очень нравится заниматься разработкой сайта http://handbookhmm1.narod.ru/ посвященному игре герои меча и магии. Но, я понимаю, что необходимо двигаться дальше, переезжать на платный хостинг, ставить нормальный форум. Развивать проект. В Интернете огромная куча информации, но она такая противоречивая и размазанная, что для обычного обывателя – нуба (вроде меня), является непонятной и нереализуемой на практике. Перечислю мои проблемы: 1. Размещаю новости здесь http://handbookhmm1.narod.ru/news.html, путем редактирования с последующей заменой файла news.html. Очень хотелось бы, что бы новости можно было бы добав…

    Asked by VDV_forever,

    0 votes
    50 answers

  2. Автоматическое масштабирование сайта на мобильных устройсвах

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

    Asked by Игорь Ермаков,

    0 votes
    16 answers

  3. Ну и куда мне податься?

    Вопрос к модераторам: Почему закрыты верхние 4 темы? Это же раздел для начинающих или полупрофи или профи? Я что-то не пойму. И потом. В программировании не бывает глупых вопросов, это сказал проф. на ютубе иа Гарварда. Вот, к примеру, я начал изучать программирование с нуля, практически не имея ни малейшего представления что это и как. Делаю только первые шаги, т.е. HTML-CSS-JScript. Ну и куда мне податься? То, о чем пишут в этом разделе для меня пока далековато, а другие разделы вообще за пределами понимания (пока). Может есть другие форумы для стартующиx в этом деле?

    Asked by www...,

    0 votes
    57 answers

  4. Заголовки В Списках

    Задача такая: выводятся 5 последних тем с форума на главную сайта, хочется, чтобы каждая тема, которая свежее, соответственно выделялись шрифтом размера побольше, чем предшествующая. Семантически такое допустимо/правильно или не вкоем случае? <ul> <li><h3><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h3></li> <li><h4><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h4></li> <li><h5><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h5></li> <li><h6><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h6></li&g…

    Asked by Deacon,

    0 votes
    33 answers

  5. ":hover" в строке, а не в файле и не в стилях

    =) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)

    Asked by textinmail,

    0 votes
    10 answers

  6. Размер шрифта

    Верстал очередной макет и подумал - а какой толк верстать сайт на em, если я его указываю только для шрифта? Все отступы у меня в px... 1. Как вообще правильно делать? 2. Т.к. пользователь может изменить размер - нельзя ли как-нить задать максимальное и минимальное значение? Что-то типо: по-умолчанию font-size: 1.2em; максимальный (при увеличении) - 2em. Или так нельзя? o_O

    Asked by DjTarik,

    0 votes
    29 answers

  7. Колонки одинаковой высоты

    Имеем код .column_block { width: 100%; overflow: hidden; } .column { border: 3px solid rgb(150,230,150); width: 30%; margin: 0 1% 0 1%; float: left; } .column .radius_top, .column .radius_top div, .column .radius_bottom, .column .radius_bottom div { background: url(../images/radius_column.png) no-repeat; height: 20px; display: block; position: relative; } .column .radius_top { top: -3px; left: -3px; } .column .radius_top div { background-position: 100% -20px; left: 6px; } .column .radius_bottom { background-position: 0% -60px; t…

    Asked by gesandte,

    0 votes
    53 answers

  8. Круговое меню на CSS

    Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?

    Asked by ola,

    0 votes
    16 answers

  9. Учебник "дивной" верстки?

    Здраствуйте. Решил попробывать использовать верстку дивами. Вопрос собственно такой - существует ли учебник именно вестки слоями или нет? На форумах отрывочная информация, а хотелось бы поподробнее и систематизированно. Если у кого есть, просьба огромная бросить на мыло pto-vagon@yandex.ru или на худой конец (трафик сильно дорогой) ссылочку на чудное место, где это разжевано. Заранее спасибо!

    Asked by Inkon,

    0 votes
    14 answers

  10. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  11. Не работает свойство css font-weight

    Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

    Asked by end,

    0 votes
    11 answers

  12. Как правельно оцентровать страничку ?

    Как правельно оцентровать страничку ? Надо что бы на всех разрешениях монитора отображалось одинакова? Заранее благодарю!

    Asked by maks-master,

    0 votes
    27 answers

  13. Вопрос по IE

    Делаю простой резиновый макет. Не выходит установить ширину столбцов. Структура такая: Шапка Колонка Колонка Колонка Подвал Не могу зафиксить левую и правую колонку! Как решается даная проблема? Ответ дивами не предлагать, так как в макете куча разных тянущихся фонов. Которые можно было-бы очень легко сделать решив данную проблему. Код прилагаю. <?xml version="1.0"?> <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <t…

    Asked by ageent,

    0 votes
    29 answers

  14. Транспонирование таблицы средствами CSS

    Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…

    Asked by radioheaded,

    0 votes
    6 answers

  15. раскрывающиеся строки таблицы

    Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?

    Asked by Вадим,

    0 votes
    5 answers

  16. Редирект и счетчик

    Здравствуйте! Хочу настроить редирект с одной страницы сайта на другую страницу с помощью файла 'redirect.php': <?php $URL="";header("Location:$URL");exit();?> 1. Могу ли я сделать с помощью одного файла 'redirect.php' несколько редиректов (с нескольких страниц на другие страницы) ? 2. Как я могу посчитать количество редиректов (можно в простой текст. файл) ? Спасибо большое?

    Asked by Марат,

    0 votes
    22 answers

  17. Firefox и text-overflow

    Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…

    Asked by smoke1,

    0 votes
    12 answers

  18. Межстрочный интервал в списке

    Ну и сразу к делу: XHTML: <ul class="menu_spisok"> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Главная</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">О компании</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Лицензии</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные услуги</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные решения</a></li> <li class="menu_spisok"><a href="#empty-ancho…

    Asked by jas0n,

    0 votes
    4 answers

  19. отступы для блока в IE6

    Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...

    Asked by Kat,

    0 votes
    24 answers

  20. выровнять div-блок по центру монитора

    div { position: absolute; width: 1000 } <div> </div> для мониторов с маленкьим разрешением всё содержимоей страницы запаковано в тот блок. а если страницу откроет человек, у которого разрешение 1500 по вертикали, то блок будет с правой стороны страницы. как сделать "плавающий блок", чтобы он всегда был по центру окна?

    Asked by Guest Гость_Rilo_*,

    0 votes
    4 answers

  21. Кнопка в виде текста

    Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.

    Asked by prowoke,

    0 votes
    3 answers

  22. Как правильно объединить картинку и текст в одну ссылку?

    Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?

    Asked by borus,

    0 votes
    8 answers

  23. Псевдокласс :hover и соседние элементы

    Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…

    Asked by sazhyk,

    0 votes
    4 answers

  24. Абсолютная ссылка без протокола

    Знаю, что есть возможность указывать абсолютные ссылки без указания протокола, например: href="//site.com" Тогда протокол будет выбран браузером, исходя из того, какой используется сейчас. Хотелось бы побольше узнать о таком виде написания и главное кроссбраузерности..

    Asked by Zf_Grivachenko,

    0 votes
    10 answers

  25. viewport для разных размеров экрана

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.

    Asked by Bravo,

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