HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Картинка по центру строки
Всем привет Что бы не объяснять на пальцах, сделал картинку: Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1. А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.
0 votes6 answers -
Вертикальный Текст
Здравствуйте! Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.
0 votes8 answers -
Настроил файл .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…
0 votes8 answers -
Прижать элемент вправо
Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …
0 votes1 answer -
Убрать подсветку submit-а
Кто-нибудь знает, как отключить подсветку submit-а? В IE и Opera при кликах на полях формы на submit-е появляется дополнительный контур - как бы подсветка. Нужно, чтобы submit никак не менялся. Полагаю, это делается через стили для стандартных submit-ов. Что интересно, button ведет себя "спокойно" пока его не трогают. Но надо отправлять данные, поэтому submit
0 votes12 answers -
Всплывающая 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; …
0 votes7 answers -
мигающий текст
как в html сделатьмигающий (меняющий цвет) текст?
0 votes13 answers -
Заполнение пустого места точками.
Привет друзья. Пытаюсь сделать такой список: 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…
0 votes8 answers -
Основы технологии 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
0 votes35 answers -
Статистика браузеров
Возможно тему кто то уже создавал но всетаки рискну создать свою, как создателя веб сайтов меня очень интересует всемирная статистика их использования, Россия, запад, восток, все все даже браузеры для жирафлов сойдут!!! Давай те тут будем вместе ее отслеживать и выкладыввать информацию в виде скриншотов, вместе будем ждать того же великого момента когда "великий" и костлявый ие6 опуститься ниже минимума! Вот то что я нашел за декабрь 09 на liveinternet ИЕ6 потерял за месяц 0,6% и сейчас 11,1%
0 votes42 answers -
Как оформить элементы SELECT на css
Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?
0 votes4 answers -
div вместо iframe
кто знает как отображать инфу не во фрейме а в слое???(к примеру нажимаешь на ссылку и информация отображается поочередно, первая ссылка-в слой отображается первый документ, вторая ссылка-в слой отображается второй документ и тд., либо вместо документов в слой рисунки отображать?помогите плиз оч. нужно!!!!!пишите в личку или http://vkontakte.ru/id28045377?20637, ну можно и здесь обсудить
0 votes5 answers -
Прокрутка Внутри Таблицы
Всем привет, делаю шаблон. идея такова...внутри фиксированной таблицы должно прокручиватся содержимое. Черный цвет на месте, зеленый крутится, черный я застопорил через fixed, а вот как закрутить центер хз...бросаю в центер табтицу, даю ей стиль пустой, и нихера. что делать?
0 votes10 answers -
вопрос по тегу <hr>
Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается
0 votes66 answers -
проблема с google chrome, пропадает clear: both
Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.
0 votes4 answers -
Как растянуть фон по вертикали?
Подскажите, можно ли сделать вот такую вещь: мне нужно , чтобы фон растягивался на всё содержимое страницы, у меня создана рамка на фоне , и я хочу, чтобы всё помещалось в эту рамку.
0 votes5 answers -
Обтекание текста вокруг изображения при "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…
0 votes12 answers -
Вопрос по техническому алгоритму создания сайта
Привет Я начинающий ("чайник") Подскажите алгоритм создания сайта с нуля и до финала. Я напишу, поправьте, если я неправ 1. В Фотошопе сначала создается дизайн сайта (например шапка, цвет общего фона, отдельные графические элементы и т.п.) (?) - а как создавать блоки с меню, их сразу в фотошопе рисовать? Потом файл сохраняется в формате (?) - я думаю, что jpeg 2. А что делать потом (?). Как вставлять текст в графический файл? Когда начинается верстка? 3. После дизайна нужно "резать" сайт, а я не понял, что это такое и в какой программе выполняется и для чего? 4. После верстки прикрепляем сайт к CMS (здесь вообще темный лес...) Буду благодарен, если поясните мне, спасибо.
0 votes31 answers -
Не могу убрать отступ
Не могу убрать верхний отступ у фоновой картинки в хэдере с помощью 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…
0 votes8 answers -
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…
0 votes3 answers -
Как лучше сравнить сверстанную страницу с макетом?
Друзья, как проще всего сравнить сверстанную страницу и исходный psd ? Искал инфу, но все, что нашел это внедрение скриншота страницы верхним слоем в макет. Как-то муторно имхо. Проще способов нет? Читал также про прозрачные окна на Ubuntu и Win7. У меня Win 10? а там вроде бы прозрачность окон отменили.
0 votes2 answers -
Не работает height:100%!
Есть проблема: не работает параметр height:100%. Пробовал разные браузеры и доктайпы. Че делать? Примерный код: <div id="right">tra-ta-ta</div> #right {float:right; height:100%}
0 votes8 answers -
Серая полоска сверху страницы в 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:
0 votes20 answers -
В чём разница между menu и nav в HTML5?
Я прочитал, что menu используется для размещения меню, а header для размещения навигационных ссылок. А в чём разница-то?
0 votes7 answers -
Правильная анимация блока неизвестной высоты на transition?
http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?
0 votes12 answers