HTML Coding

29542 questions in this forum

1. Выровнять текст возле картинки

   Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

   Asked by StOK, July 2, 2015

   • выравнивание текста возле
   0 votes
   11 answers
2. Разбиение чисел по 3 разряда

   Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.

   Asked by Sergey Polevich, November 12, 2008

   0 votes
   3 answers
3. Выстроить блоки в круг

   Задача: в одном блоке расположить 3 штуки или больше по кругу или по треугольнику острием вниз. В блоках информация от постов, код <div class="my-blok"> <div class="1"> <div class="2"> <div class="3" style="background: none center center no-repeat !important;"> <a href="<?php the_permalink(); ?>"><img src="<?php echo $src[0]; ?>" alt="" onmouseover="this.src='<?php echo nimble_portfolio_get_meta(''); ?>'" onmouseout="this.src='<?php echo $src[0]; ?>'" /> </a> </div&gt…

   Asked by OLGANICHIC, November 25, 2013

   0 votes
   12 answers
4. Обрезание и разворачивание текста

   Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?

   Asked by RK3DNP, April 10, 2015

   0 votes
   12 answers
5. Про вложенные DIV и width

   Прошу помочь, вроде искал но что-то безупешно. Проблема такая: есть 4 блока, один родитель, три остальных ? дети. CSS: .navnotselected { width: auto; height: 51px; float:left; } .navtext { text-align: center; width: auto; margin-top: 5px; margin-left: 17px; margin-right: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:none; } } .navnotselectedbar1 { width: 100%; margin-top:1px; height:2px; background: #dcf1ff; } .navnotselectedbar2 { width: 100%; height:4px; background: #dcf1ff; width:100%; } и HTML <div class="navnotselected"> <div class="navtext">Text</div> <div class="navno…

   Asked by Northwood, January 28, 2008

   0 votes
   7 answers
6. Картинка по центру строки

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

   Asked by Walk, October 28, 2010

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

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

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

   • адаптивная верстка
   0 votes
   46 answers
8. 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
9. неполучается опустить вниз 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
10. мигающий текст

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

    Asked by Rilo, February 8, 2008

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

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

    Asked by Guest Flashist, September 3, 2008

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

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

    Asked by darg, November 5, 2009

    0 votes
    9 answers
13. Заполнение пустого места точками.

    Привет друзья. Пытаюсь сделать такой список: 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
14. Убрать подсветку submit-а

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

    Asked by Dotod, February 5, 2010

    0 votes
    12 answers
15. горизонтальное выравнивание в 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
16. Вертикальный Текст

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

    Asked by Guest Margo, August 25, 2008

    0 votes
    8 answers
17. Настроил файл .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
18. Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу

    Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…

    Asked by sejunctus, April 5, 2016

    0 votes
    20 answers
19. Помогите проблемку решить

    Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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=utf-8" /> <title>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…

    Asked by nicotin, March 10, 2008

    0 votes
    40 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. Обтекание текста вокруг изображения при "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
23. полосы с обех сторон возле названия

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

    Asked by akkota, April 14, 2013

    0 votes
    4 answers
24. Всплывающая 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
25. Не работает 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