HTML Coding

29542 questions in this forum

1. Картинка по центру строки

   Всем привет Что бы не объяснять на пальцах, сделал картинку: Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1. А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.

   Asked by Walk, October 28, 2010

   0 votes
   6 answers
2. Может поможите?

   у меня проблема!я не могу придумать про что можно сделать сайт?я хочу сделать очень интересный сайт о чем-нибудь!вот может сделать о военной техники, какие у вас на этот счет мысли?

   Asked by vvsh, December 7, 2007

   0 votes
   50 answers
3. Помогите с html

   Помогите плиз, как сделать так, чтоб текст был по центру странице (а именно сверху вниз, с лева на право вроде тег center)?

   Asked by me, March 8, 2008

   0 votes
   39 answers
4. неполучается опустить вниз div

   Здравствуйте! Как можно второй внутренний div поместить вниз родительского ? <div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;"> <div style="width: 100%; padding: 5px; background: green;"> 12345 </div> <div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;"> 67890 </div> </div> Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?

   Asked by sergiyko, November 4, 2009

   0 votes
   11 answers
5. Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины

   Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …

   Asked by Guest Flashist, September 3, 2008

   0 votes
   8 answers
6. Флеш часы на сайт

   Ребят всем здрасте У меня такй вопрос, есть сайт визитка на её нуно вставить флеш часики.. Фон для сайта у меня картинка, на этот фон нужно поставить флеш часики, я начинающий код етот взял с htmlbookа, как бы я не старался флеш часики появляются после фона внизу страници... В общем они некоректтно идут вообще.... Жду ответов

   Asked by darg, November 5, 2009

   0 votes
   9 answers
7. горизонтальное выравнивание в bootstrap3

   подскажите пожалуйста как в bootstrap3 сделать горизонтальное выравнивание картинки <div class="doc_outer"><img class="img-responsive" src="images/doc.png" alt="" /></div>помню, что был специальный класс, но не могу найти

   Asked by cyklop77, December 19, 2014

   • bootstrap
   0 votes
   1 answer
8. мигающий текст

   как в html сделатьмигающий (меняющий цвет) текст?

   Asked by Rilo, February 8, 2008

   0 votes
   13 answers
9. Тэг img и a href в Firefox

   Проблемка у меня небольшая... требуется поместить картинку на страничку, которая находится в локальной сети (сайт вообще локальный), т.е. примерно так: <img src='file:///\\pcxxx\d$\pub\3.jpg'> или как вариант сделать ссылку на фрейм <a href='file:///\\pcxxx\d$\pub\3.jpg' target='rightFrame'> ТЕСТ </a> где pcxxx - имя компьютера в локальной сети. Но получается какой-то фикус, в IE6 это работает без проблем, а в Firefox 3.0.1 нет, картинка не отображается, а ссылка на фрейм не работает. Хотя если в адресную строку Firefox'а ввести file:///\\pcxxx\d$\pub\3.jpg и нажать Enter, то картинка грузится! Хелп ми плиз

   Asked by xxx84xxx, December 12, 2008

   0 votes
   31 answers
10. Адаптивная верстка: использование принципов Bootstrap, но без него

    Задача сверстать адаптивный сайт. Практического опыта верстки адаптивного дизайна у меня нет. Поэтому хотелось с вашей помощью разобраться и определиться, каким путем идти. Решила использовать принципы Bootstrap. Возникли принципиальные вопросы. .row {margin: 0 -15px;;} .container {padding: 0 15px;margin: 0 auto;}Объясните, пожалуйста, зачем сначала добавлять паддинги, а потом помещать содержимое в .row, у которой нивелируются эти отступы. Каково назначение .row вообще?

    Asked by Светлана Г., November 13, 2014

    • адаптивная верстка
    0 votes
    46 answers
11. Заполнение пустого места точками.

    Привет друзья. Пытаюсь сделать такой список: test test ................ 10 test ...................... 10 lalala test lsls ........ 10 Методом проб и ошибок получилось так: .dot { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; border-right-width: 2px; border-right-style: solid; border-right-color: #FFFFFF; border-left-width: 2px; border-left-style: solid; border-left-color: #FFFFFF; padding-bottom: 0px; } .nodot { border-bottom-width: 2px; border-bottom-color: #FFFFFF; border-bottom-style: solid; padding-bottom: 0px; } <tr><td class="dot"><span class="nodot">test</span></td><td class="n…

    Asked by renton, February 14, 2008

    0 votes
    8 answers
12. Вертикальный Текст

    Здравствуйте! Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.

    Asked by Guest Margo, August 25, 2008

    0 votes
    8 answers
13. Убрать подсветку submit-а

    Кто-нибудь знает, как отключить подсветку submit-а? В IE и Opera при кликах на полях формы на submit-е появляется дополнительный контур - как бы подсветка. Нужно, чтобы submit никак не менялся. Полагаю, это делается через стили для стандартных submit-ов. Что интересно, button ведет себя "спокойно" пока его не трогают. Но надо отправлять данные, поэтому submit

    Asked by Dotod, February 5, 2010

    0 votes
    12 answers
14. pug и sass: как сдают верстку и заливают на сервер?

    1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.

    Asked by Svetlana_P, July 7, 2017

    • pug
    • sass
    0 votes
    20 answers
15. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32, February 8, 2015

    0 votes
    8 answers
16. полосы с обех сторон возле названия

    Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!

    Asked by akkota, April 14, 2013

    0 votes
    4 answers
17. Всплывающая CSS-подсказка поверх всего контента.

    На странице надо отобразить всплывающую подсказку средствами CSS, причём чтобы она была поверх всего остального контента. Казалось бы, z-index в зубы - и вперед! Но не тут-то было... Примерная структура проблемной страницы такова: <img id="engrave" ...........> <div id="article" > <p> Всякий текст... <span class="title">**<em>Текст подсказки.<i></i></em></span> </p> </div> CSS в общем виде такой: #engrave { margin: 10px; position: relative; z-index: 1; cursor: pointer; } #article { margin: 10px; opacity: 0.7; background-color: #ffffff; float: none; } .title{ position:relative; …

    Asked by ASGAlex, March 31, 2010

    0 votes
    7 answers
18. Прижать элемент вправо

    Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …

    Asked by rgl, May 15, 2015

    0 votes
    1 answer
19. div сам растянулся на всю ширину.

    HTML <div class="imgcenter"> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div style="clear:both;" id="del"></div></div>CSS .imgcenter{ max-width:98%; display:inline-block; margin: 0 auto; }.oneimg { text-align: center; width: 133px; float: left; margin: 1%; position: relative;}.oneimg im…

    Asked by xTODx, July 21, 2015

    0 votes
    3 answers
20. Не могу убрать отступ

    Не могу убрать верхний отступ у фоновой картинки в хэдере с помощью margin. Не могу въехать почему При установке position: absolute; верхний отступ убирается, но тогда не выравнивается по центру по горизонтали. Буду очень благодарен за ответы! Прошу не сильно ругаться Ниже код: - body { background-color: #f8ebb8; margin: 0 auto; width: 100%; } [b]div#header-all { background: url('../img/header-all.jpg') no-repeat; background-color: #f8ebb8; margin: 0 auto; position: relative; height: 406px; width: 1200px; } <body> <div id="header-all"><!--Хэдер--> <div id="header-1"> <!--Верхние кнопки+Поисковая форма--> <p id="action-b…

    Asked by ar., December 17, 2011

    0 votes
    8 answers
21. Как лучше сравнить сверстанную страницу с макетом?

    Друзья, как проще всего сравнить сверстанную страницу и исходный psd ? Искал инфу, но все, что нашел это внедрение скриншота страницы верхним слоем в макет. Как-то муторно имхо. Проще способов нет? Читал также про прозрачные окна на Ubuntu и Win7. У меня Win 10? а там вроде бы прозрачность окон отменили.

    Asked by NubyNub, January 22, 2016

    • psd
    • макет
    • контроль
    0 votes
    2 answers
22. Прокрутка Внутри Таблицы

    Всем привет, делаю шаблон. идея такова...внутри фиксированной таблицы должно прокручиватся содержимое. Черный цвет на месте, зеленый крутится, черный я застопорил через fixed, а вот как закрутить центер хз...бросаю в центер табтицу, даю ей стиль пустой, и нихера. что делать?

    Asked by stone86, September 14, 2010

    0 votes
    10 answers
23. Обтекание текста вокруг изображения при "position:absolute;"

    У меня не получается сделать обтекание у картинки которая расположена поверх двух http://powerslave.name/question/yes.gif. Прич?м т?мно фиолетовая часть динамическая, т.е. она полз?т вниз и может обтекать картинку полностью. Если текста в т?мно фиолетовой части не много (как в примере), картинку должен обекать текст в светло фиолетовой части. Так вот, при установке "position:absolute;" у дивного блока картинки, не получается обтекание. Может кто сталкивался, прошу помощи )). Вот что у меня получилось - http://powerslave.name/question/no.gifА вот и код : <div style="margin-top:10px;"><table border="0" cellspacing="0" cellpadding="0"> <tr style="height:5px…

    Asked by Powerslave, July 13, 2007

    0 votes
    12 answers
24. Не работает height:100%!

    Есть проблема: не работает параметр height:100%. Пробовал разные браузеры и доктайпы. Че делать? Примерный код: <div id="right">tra-ta-ta</div> #right {float:right; height:100%}

    Asked by mozart, October 8, 2008

    0 votes
    8 answers
25. Как оформить элементы SELECT на css

    Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?

    Asked by okunev2, July 24, 2007

    0 votes
    4 answers