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
-
3 равных по ширине блока
Скажите, а как разместить 3 DIV'a по всей ширине страницы, при этом у всех них должна быть равная ширина? Можно, конечно, написать для каждого width: 33%. Но тогда останется 1%. Есть ли какой-то красивый способ?
0 votes30 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 -
Стандартный размер готового сайта
Всем привет! Воспользовался поиском по интересующему меня вопросу и ничего не нашел (возможно плохо искал). Поэтому спрашиваю: подскажите пожалуйста какой должен быть оптимальный размер сайта для комфортного (или терпимого) его просмотра через внешку? Конечно не для оптоволоконной связи, а для модемной - ориентировочно на технологии ADSL, ADSL2. Тут даже скорей речь о суммарном весе всех картинок, т.к. остальное мало весит. Сайт статичный, php модули наверно не берутся в расчет (типо гостевой книги)? Так же интересует размер сайта для хорошего просмотра на скоростях от 128Кбит/сек и до 15Кбит/сек.
0 votes21 answers -
Вертикальный Текст
Здравствуйте! Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.
0 votes8 answers -
Не работает height:100%!
Есть проблема: не работает параметр height:100%. Пробовал разные браузеры и доктайпы. Че делать? Примерный код: <div id="right">tra-ta-ta</div> #right {float:right; height:100%}
0 votes8 answers -
Обтекание картинки списком
поиском по форуму не нашел темы. поиском по интернету понял, что проблема актуальна есть <img style="float:left"> <ul> <li></li> </ul> значки списка в IE6 и Opere скрываются под картинкой ситуацию в ИЕ спасает: LI {display: inline-block} но при этом в Опере пункты выстравиваются в линию... какие варианты решения проблемы? мой CSS: UL {list-style:none;margin:0;padding-left:15px;} UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block} OL LI {margin-top:5px}
0 votes17 answers -
Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины
Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …
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 -
XHTML и 100%-ная высота таблиц.
Дублирую тему с раздела Таблицы, вдруг здесь помощи найду... Собственно, я полагаю вопрос многим знаком, но я таки обьясню... Существует эта страничка, которая в HTML тянется в высоту за счет средней ячейки (ряда). Однако, на станице я применяю меню, которое требует XHTML. И тут начинаются проблемы. Ячейка НЕ ТЯНЕТСЯ в XHTML!!!!!! И никак я не могу этому помочь! ((( По крайней мере пока что... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> XXXXXXXXXX </title> <meta http-equiv="Content-Type" content="te…
0 votes12 answers -
горизонтальное выравнивание в bootstrap3
подскажите пожалуйста как в bootstrap3 сделать горизонтальное выравнивание картинки <div class="doc_outer"><img class="img-responsive" src="images/doc.png" alt="" /></div>помню, что был специальный класс, но не могу найти
0 votes1 answer -
Настроил файл .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 -
CSS3
предлагаю делиться тут соображениями по поводу css3 - как я понял уже пора начинать применять, ибо появление его неизбежно, а 6го осла никто не переделает и нужно будет как то учиться дружить
0 votes29 answers -
Прокрутка Внутри Таблицы
Всем привет, делаю шаблон. идея такова...внутри фиксированной таблицы должно прокручиватся содержимое. Черный цвет на месте, зеленый крутится, черный я застопорил через fixed, а вот как закрутить центер хз...бросаю в центер табтицу, даю ей стиль пустой, и нихера. что делать?
0 votes10 answers -
Как лучше сравнить сверстанную страницу с макетом?
Друзья, как проще всего сравнить сверстанную страницу и исходный psd ? Искал инфу, но все, что нашел это внедрение скриншота страницы верхним слоем в макет. Как-то муторно имхо. Проще способов нет? Читал также про прозрачные окна на Ubuntu и Win7. У меня Win 10? а там вроде бы прозрачность окон отменили.
0 votes2 answers -
Всплывающий/выпадающий слой без JS
Реально ли сделать такой слой использую только CSS свойства? Для уточнения: чтобы при клике на ссылку, под ней (или рядом) открылось "окошко" -слой, но не сдвигая вниз уже ранее выведенные элементы, как это происходит при использовании свойств display:none display block или visibilety. Просмотрев много топиков по сходным вопросам, видел только решения с явскими скриптами.
0 votes10 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 -
Правильная анимация блока неизвестной высоты на transition?
http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?
0 votes12 answers -
<!--[if !IE]> - не работает
Зачем это нужно: <!--[if !IE]> <![endif]--> - для всех кроме IE Если это не работает. Добавил туда файл стилей и опера пропускает его мимо ушей. На других браузерах не проверял ибо какой смысл если уже не кроссбраузерно. Да IE тоже не читает это, но и опере пофиг на эту запись
0 votes13 answers -
Как повернуть HTML таблицу целиком на 90 град.?
Здравствуйте. У меня есть html таблица заполненная всякой информацией. Отформатирована достаточно сложно (имеется множество rowspan и colspan). Эта таблица должна быть выведена на печать в альбомном ориентации. По умолчанию у пользователя настроена книжная ориентация. В общем, чтобы пользователь не ставил каждый раз для печати этой таблицы альбомную ориентацию, хочу развернуть её целиком на 90 градусов и отправлять на печать в книжной ориентации. Сразу замечу, что переформировывать таблицу, меняя строки на столбцы в поворачивать в каждой ячейке текст, в этом варианте ОЧЕНЬ невыгодно. Необходимо повернуть весь объект-таблицу целиком. Подскажите пожалуйста как это можно с…
0 votes6 answers -
В чём разница между menu и nav в HTML5?
Я прочитал, что menu используется для размещения меню, а header для размещения навигационных ссылок. А в чём разница-то?
0 votes7 answers -
Как растянуть фон по вертикали?
Подскажите, можно ли сделать вот такую вещь: мне нужно , чтобы фон растягивался на всё содержимое страницы, у меня создана рамка на фоне , и я хочу, чтобы всё помещалось в эту рамку.
0 votes5 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 -
полосы с обех сторон возле названия
Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!
0 votes4 answers -
Выровнять иконки и текст
Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…
0 votes4 answers -
Как оформить элементы SELECT на css
Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?
0 votes4 answers