HTML Coding

29,542 questions in this forum

1. Поменять местами блоки <div> с помощью CSS

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

   Asked by pashkje, October 26, 2012

   0 votes
   13 answers
2. Подскажите как сделать картинки одного размера.

   Есть код <link rel="stylesheet" href="http://ergodesign.biz/application/maxsite/templates/nic/css/style.css"><table><tr><td><a href="http://ergodesign.biz/uploads/grusha_arozo2.jpg"> <img src="http://ergodesign.biz/uploads/grusha_arozo2.jpg"></a> </td><td><a href="http://ergodesign.biz/uploads/grusha.jpg"> <img src="http://ergodesign.biz/uploads/grusha.jpg"></a></td><td><a href="http://ergodesign.biz/uploads/oreh_temnij2.jpg"> <img src="http://ergodesign.biz/uploads/oreh_temnij2.jpg"></a></td><td> <a href="http://ergodesign.biz/uploads/klen_vankuver1.jpg"&g…

   Asked by yana33311, January 17, 2014

   0 votes
   11 answers
3. CSS-аналоги cellspacing и cellpadding

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

   Asked by HatoL, October 10, 2008

   0 votes
   7 answers
4. Прикрепить 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, November 19, 2016

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

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

   Asked by Bizon4ik, April 15, 2013

   0 votes
   10 answers
6. Всплывающая картинка при наведении на ссылку.

   Добрый день. Пытаюсь реализовать интересное меню. В коде хтмл прописал такое значит: <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, November 5, 2009

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

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

   Asked by hike, February 27, 2012

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

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

   Asked by Arigato, February 17, 2011

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

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

   Asked by Titan, November 4, 2007

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

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

    Asked by volshebnyi, April 1, 2016

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

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

    Asked by beze, March 20, 2009

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

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

    Asked by Fedcomp, September 1, 2011

    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, August 14, 2013

    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, January 17, 2009

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

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

    Asked by Владимир Н, February 28, 2012

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

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

    Asked by Raynor, January 10, 2009

    0 votes
    5 answers
17. Убрать перенос строки

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

    Asked by MAS.CITI, December 6, 2013

    0 votes
    5 answers
18. Запрет ввода букв в поле input

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

    Asked by px379, July 28, 2013

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

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

    Asked by foxyrus, May 27, 2007

    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, March 31, 2013

    0 votes
    3 answers
21. Bold шрифт через CSS

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

    Asked by FASTDEATH, July 13, 2009

    0 votes
    8 answers
22. Сохранение пропорций изображения

    Добрового времени суток. Подскажите, как для тэга 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, February 27, 2014

    • img
    • cover
    • пропорци
    0 votes
    2 answers
23. Как поставить 2 таблицы рядом?

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

    Asked by JeФoks, January 30, 2008

    0 votes
    2 answers
24. Якорь на середину другой страницы

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

    Asked by Jadd_NS, September 22, 2009

    0 votes
    12 answers
25. hover на другой элемент

    Как заставить при наведении мыши на один элемент применить фон для другого элемента? или альтернативу предложите. https://jsfiddle.net/v662rftm/

    Asked by aqua.77, December 19, 2016

    • :hover
    0 votes
    7 answers