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

  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. Поменять местами блоки <div> с помощью CSS

    Извините, если создавали уже такие темы, но не нашел их здесь. Собственно есть два блока див. Допустим <div>первый блок</div> <div>второй блок</div>. Как с помощью CSS можно поменять местами, чтобы первый второй блок был ВЫШЕ первого. Передвижение в пиксилях с помощью позиционирования сразу говорю не подходит, ибо контент блоков будет за частью меняться.

    Asked by pashkje,

    0 votes
    13 answers

  2. Родительский div не хочет растягиваться на всю высоту дочерних.

    3-ий день мучаюсь - не удаётся решить банальнейшую задачу. Родительский блок содержит 2 дочерних, которые располагаются друг за другом. Родительский блок должен "окружать" дочерние - а вместо этого он рисуется, словно ничего внутри него нет: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir="ltr" xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Simple Test | Простой тест</title> <link type="text/css" rel="stylesheet" media="all" href="simpletest.css"> </…

    Asked by Lex-DRL,

    0 votes
    12 answers

  3. CSS-аналоги cellspacing и cellpadding

    Это не вопрос, как многие могли подумать , а маленькое количество кода, который я лично использую: table { border-collapse: collapse; } td { border: 1px solid #000; } Почему все вокруг говорят, что CSS-аналогов у cellpadding и cellspacing не существует, когда вышеприведенный код все отлично отображает (это альтернатива параметрам cellpadding="0" cellspacing="0" на стилях) ?

    Asked by HatoL,

    0 votes
    7 answers

  4. Всплывающая картинка при наведении на ссылку.

    Добрый день. Пытаюсь реализовать интересное меню. В коде хтмл прописал такое значит: <ol> <li><a href=#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> </ol> Задумка такая - при наведении на ссылку, справа появляется картинка 1, при наведении на вторую ссылку появляется другая картинка 2, на третью - ещё другая картинка. Гуглил, нашёл ява и флеш, а вот css видимо тяжёлая штука.

    Asked by Faran,

    0 votes
    25 answers

  5. Как растянуть Div на всю высоту экрана?

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

    Asked by Bizon4ik,

    0 votes
    10 answers

  6. Прикрепить footer в Bootstrap

    Проблема с footer в Bootstrap макете. Скриншот: Скрытый текст Когда на странице информации много и её нужно скроллить, тогда с подвалом всё нормально, в противном же случае наблюдается такая картина. Как исправить? <footer id="footer" class="footer"><!--Footer--> <div class="footer-bottom"> <div class="container"> <div class="row"> <p class="pull-left">Copyright © 2017</p> <p class="pull-right">Пожарский Ярослав</p> </div> </div> </div> </footer><!--/Footer--> Скрытый текст …

    Asked by P0jar,

    0 votes
    5 answers

  7. Изменить цвет текста в Notepad++

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

    Asked by hike,

    0 votes
    7 answers

  8. Выравнивание содержимого div по центру по вертикали

    Если для ячейки таблицы прописать свойство vertical-align: middle, то получим выравнивание содержимого по центру. Для div такое не работает. Что нужно сделать, что бы получить такое выравнивание?

    Asked by Arigato,

    0 votes
    14 answers

  9. target="_blank" или чем его заменить?

    Пройдясь по форуму, я заметил, что им крайне не рекомендуют пользоваться... Вопрос: почему? И чем можно заменить?

    Asked by Titan,

    0 votes
    18 answers

  10. CSS анимация при переходе с display:none на display:block

    Здравствуйте! Ситуация следующая: есть навигация nav, которая в мобильной версии исчезает с помощью display:none. С помощью JavaScript переключаю свойство display на block. Естественно, все это происходит резко - появление и исчезновение меню. Можно ли сделать плавное появление меню средствами CSS анимации? Погуглил - пишут что на display анимация не распространяется. Но все же, может Мастера подскажут... Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    10 answers

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

    Здравствуйте уважаемые знатоки Интервал между строчками задается тегами Р или BR. Я хочу сделать расстояние меньше, чем Р и больше, чем BR. Если это условие проставлять в каждом теге Р, то нормально <p style="margin:3px 5px;> Но я не могу сообрзить, как это сделать для нескольких строк, к примеру Яблоки Груши сливы написанные в ячейке таблицы. Посоветуйте пожалуйста, что надо прописать в стилях и указать в ячейке таблицы <td>, чтобы расстояние между строчками было, к пирмеру, равно 5 PX Заранее благодарен

    Asked by beze,

    0 votes
    12 answers

  12. Вертикальное выравнивание по центру li a текста

    Долго думал в какой раздел пихнуть, сюда или в раздел "проблемы верстки". Решил что раз я тут только что зарегестрировался, то надо пихать в этот раздел, если я не прав - переместите. Задача : Сделать на тулбаре список ссылок-кнопок. Чтобы не быть пустомелей вот скрин (Стрелка на скриншоте заменяет курсор потерянный при printscreen) Причем чтобы при наведении курсором эта область затемнялась (как на скриншоте) Также чтобы вся выделенная область была ссылкой Проблема : Как видно на скриншоте выше, текст лежит сверху. Теперь собственно общий вопрос: Как выровнять текст вертикально по центру находящийся внутри li a, при условии что a растянут на всю ширину li. Или подскажит…

    Asked by Fedcomp,

    0 votes
    10 answers

  13. Как отключить скролл страницы при открытии модального окна

    Как сделать что при открытии модального окна пропадал скролл основной страницы а после закрытия снова появлялся, помогите. И если можно то сделать как нибудь не используя для этого определенный "div id" а то у меня они меняются, я так понимаю это делается с помощью js html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0;…

    Asked by xoff,

    0 votes
    7 answers

  14. Выравнивание картинки по вертикали по центру внутри diva?

    Здравствуйте. Есть кусок кода, выходящего в dive лого-ссылку на главную страницу сайта: <div id="logo" <a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home"> <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" id="logo_image" /></a> </div> <!-- logo --> Разметка css: #logo { height: 94px; width: 94px; float: left; text-align: center; } Лого меньше размеров слоя. Как выровнять лого-ссылку по вертикали по центру diva? Заранее, спасибо.

    Asked by bobr0ff,

    0 votes
    5 answers

  15. Разделение страницы вертикально на две части

    Всем привет! Устал уже гуглить... Нужно вот что: Разделить страницу на две части в процентах. Колонки должны быть до самого низа окна, даже если контента меньше. Если больше, то появляется, как обычно, полоса прокрутки, но колонки остаются одинаковой высоты. В каждом из блоков внутренние отступы со всех сторон в процентах. Да, и чуть не забыл, работать должно в IE 6<, Opera 8.1<, Firefox 1.5<, Chrome и Safari. Может кто сталкивался с такой задачей или ткните, если кто-нибудь знает, в какую-нибудь супер-крутую ссылку. P. S. Вот эту можно не предлагать. Там, если убрать шапку и подвал, получается почти, как надо, но не доходит до низа, если мало контента.

    Asked by Владимир Н,

    0 votes
    18 answers

  16. Размещение div внизу родителя

    Требуется с помощью css прилепить div к нижней границе контейнера (td/div). Что-то типа valign=bottom , который в данном случае не подходит, так как другие элементы, находящиеся в контейнере, должны отображаться как обычно (valign=top). Попробовал через position:relative, но что ещё там настраивать не понял... как правильно bottom задать? Заранее благодарю за помощь.

    Asked by Raynor,

    0 votes
    5 answers

  17. Запрет ввода букв в поле input

    Здравствуйте. Такой вопрос, Возможно ли средствами HTML запретить ввод букв в текстовом поле input? Или это только скриптами делается? Я бы посмотрел все атрибуты input на сайте, но он сейчас не работает.

    Asked by px379,

    0 votes
    19 answers

  18. Убрать перенос строки

    Помогите найти решение. Google помочь не смог. Проблема в следующем Написал обзац в нем есть текст который нужно выделить. Заключил его в div прописал параметры. Но проблема в том что после тега div весь последующий текст переносится на следующую строку. Как это убрать не пойму. Есть у кого мысли? Я бы screen прикрепил чтобы было ясно что я имею ввиду но не нашел где к теме подкрепить файл.

    Asked by MAS.CITI,

    0 votes
    5 answers

  19. BUTTON - рамка вокруг кнопки

    Добрый день! Как удалить рамку вокруг кнопки при потере фокуса, выглядит так (черная рамка вокруг кнопки ОК) код css кнопки такой #okbutton {font-size: 1em; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #DC4E1B;}

    Asked by foxyrus,

    0 votes
    10 answers

  20. Стиль font и свойство inherit

    На странице http://htmlbook.ru/css/font запись font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Что означает "| inherit"? - inherit может быть указан вместо задания font-family? - или вместо всех параметров?

    Asked by skvor,

    0 votes
    3 answers

  21. Сохранение пропорций изображения

    Добрового времени суток. Подскажите, как для тэга img в CSS задать правило сохранения пропорций (аналогично как background-size: cover;). У меня вот следующая конструкция: .img-intro-left{ float: left; border: 3px solid #FCBF66; margin-right: 15px;}.img-intro-left img{ width: 150px; height: 150px;}Но при определенных размерах ширины и высоты изображения - оно естественно искажается. Возможно ли это реализовать на CSS? Заранее благодарю за подсказки

    Asked by DarkTranquillity,

    0 votes
    2 answers

  22. Как спрятать html код на сайте и строку состояния

    Как можно спрятать html код у себя насайте, чтоб не могли просмотреть вообще и чтоб в строке состояния не отображался адресь клика или как при клике сделать так чтоб в строке состояния вместе отображения урл отображалась другая инфа или надпись? Я такое видел и никак не смог увидеть Html код 2. Как можно сделать так, чтоб в адресной строке была эмблема своего логотипа? Сейчас логотип IE стоит, а некоторые меняют на свои. Кто знает html код? 3. Еще удивляюсь что есть такие вундеркинды, которые делают так ,чтоб при открытии сайта Сайт автоматически становился стартовой странице? В общем ответьте мне на первый вопрос. Мне просто нужен html код

    Asked by romay,

    0 votes
    47 answers

  23. Bold шрифт через CSS

    Парни,срочно!В css шаба есть свойства main меню Как сделать,используя его(дописать что-то) , чтобы текст стал boldom ?

    Asked by FASTDEATH,

    0 votes
    8 answers

  24. Как поставить 2 таблицы рядом?

    Верстаю страницу, содержащую много таблиц, таблицы худые - по 2 колонки, ну и чтобы не особо растягивать страницу, хочу сделать по две таблицы рядом (с небольшим промежутком). Прошу подсказки.

    Asked by JeФoks,

    0 votes
    2 answers

  25. Якорь на середину другой страницы

    Привет! Такая задача. Ссылка со страницы должна вести на середину другой. Т.е. должна быть ссылкой, ведущей на якорь на другой странице. Возможно ли без Java сделать?

    Asked by Jadd_NS,

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