HTML Coding

29542 questions in this forum

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

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

   Asked by Walk, October 28, 2010

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

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

   Asked by Guest Margo, August 25, 2008

   0 votes
   8 answers
3. Настроил файл .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
4. Прижать элемент вправо

   Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - 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
5. Убрать подсветку submit-а

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

   Asked by Dotod, February 5, 2010

   0 votes
   12 answers
6. Всплывающая 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
7. мигающий текст

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

   Asked by Rilo, February 8, 2008

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

   Привет друзья. Пытаюсь сделать такой список: 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
9. Основы технологии CSS

   Дубаков М. - Веб-мастеринг средствами CSS (.pdf) Основы технологии CSS; Отделение контента от дизайна; Легкая верстка слоями; Советы профессионала Каскадные таблицы стилей (.chm) Климонтович. В. - CSS справочник (.chm) Мержевич. В. - Справочник по CSS (.chm) 16.74 MB http://depositfiles.com/files/itk2flt5e http://s3.filesdump.com Для распаковки архива нужен архиватор WinRAR Если нуждаетесь, скачайте Winrar 4.65 (Crack + Rus) 3.58 MB

   Asked by base239, June 8, 2009

   0 votes
   35 answers
10. Статистика браузеров

    Возможно тему кто то уже создавал но всетаки рискну создать свою, как создателя веб сайтов меня очень интересует всемирная статистика их использования, Россия, запад, восток, все все даже браузеры для жирафлов сойдут!!! Давай те тут будем вместе ее отслеживать и выкладыввать информацию в виде скриншотов, вместе будем ждать того же великого момента когда "великий" и костлявый ие6 опуститься ниже минимума! Вот то что я нашел за декабрь 09 на liveinternet ИЕ6 потерял за месяц 0,6% и сейчас 11,1%

    Asked by TonKhaO, December 18, 2009

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

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

    Asked by okunev2, July 24, 2007

    0 votes
    4 answers
12. div вместо iframe

    кто знает как отображать инфу не во фрейме а в слое???(к примеру нажимаешь на ссылку и информация отображается поочередно, первая ссылка-в слой отображается первый документ, вторая ссылка-в слой отображается второй документ и тд., либо вместо документов в слой рисунки отображать?помогите плиз оч. нужно!!!!!пишите в личку или http://vkontakte.ru/id28045377?20637, ну можно и здесь обсудить

    Asked by Aleksandrid, March 16, 2009

    0 votes
    5 answers
13. Прокрутка Внутри Таблицы

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

    Asked by stone86, September 14, 2010

    0 votes
    10 answers
14. вопрос по тегу <hr>

    Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается

    Asked by finn55, May 8, 2009

    0 votes
    66 answers
15. проблема с google chrome, пропадает clear: both

    Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.

    Asked by Mich, November 30, 2011

    0 votes
    4 answers
16. Как растянуть фон по вертикали?

    Подскажите, можно ли сделать вот такую вещь: мне нужно , чтобы фон растягивался на всё содержимое страницы, у меня создана рамка на фоне , и я хочу, чтобы всё помещалось в эту рамку.

    Asked by Kuma, October 14, 2008

    0 votes
    5 answers
17. Обтекание текста вокруг изображения при "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
18. Вопрос по техническому алгоритму создания сайта

    Привет Я начинающий ("чайник") Подскажите алгоритм создания сайта с нуля и до финала. Я напишу, поправьте, если я неправ 1. В Фотошопе сначала создается дизайн сайта (например шапка, цвет общего фона, отдельные графические элементы и т.п.) (?) - а как создавать блоки с меню, их сразу в фотошопе рисовать? Потом файл сохраняется в формате (?) - я думаю, что jpeg 2. А что делать потом (?). Как вставлять текст в графический файл? Когда начинается верстка? 3. После дизайна нужно "резать" сайт, а я не понял, что это такое и в какой программе выполняется и для чего? 4. После верстки прикрепляем сайт к CMS (здесь вообще темный лес...) Буду благодарен, если поясните мне, спасибо.

    Asked by Палиндром, December 26, 2007

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

    Не могу убрать верхний отступ у фоновой картинки в хэдере с помощью 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
20. 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
21. Как лучше сравнить сверстанную страницу с макетом?

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

    Asked by NubyNub, January 22, 2016

    • psd
    • макет
    • контроль
    0 votes
    2 answers
22. Не работает 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
23. Серая полоска сверху страницы в Firefox и IE

    Приветствую! Нужна помощь опытных людей: на странице (http://semena.by/) вылазит серая полоска (#c0c0c0) сверху в Firefox 3.0.11 и IE 6.0.29, в Опере 9.51 всё нормально В стилях стоит везде белый фон: body, html { height: 100%; background: #FFFFFF; } div#page { background: #FFFFFF; } В коде после <body> сразу начинается <div>, также с белым фоном. <body linkifying="false" linkified="0" linkifytime="21">  <div id="page" valign="top" align="center"> Откуда эта фигня может вылазить, кто знает? Firefox: IE: Opera:

    Asked by Ратмир, June 27, 2009

    0 votes
    20 answers
24. В чём разница между menu и nav в HTML5?

    Я прочитал, что menu используется для размещения меню, а header для размещения навигационных ссылок. А в чём разница-то?

    Asked by sifilis, May 2, 2012

    0 votes
    7 answers
25. Правильная анимация блока неизвестной высоты на transition?

    http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?

    Asked by Zverushka, December 12, 2013

    0 votes
    12 answers