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
-
Полное центрирование блока
Вроде все элеметарно...если позиционированый блок с фиксированым размерами, а если %, то возникает непонятной косяк при вертикальном центрировании. Собсна, хватит слов, вот код body,html { height: 100%; } body { background: rgb(240,240,240); width: 100%; min-width: 1000px; max-width: 1600px; margin: 0 auto !important; } div.wrapper { background: rgb(255,255,255); width: 40%; height: 40%; position: fixed; top: 50%; left: 50%; /* margin-top: -10%; */ /* Opera, FF, IE */ margin-top: -20%; /* Chrome */ margin-left: -20%; } div.wrapper p { padding: 20px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…
0 votes1 answer -
Сайт с нуля (или почти нуля)
Всем добрый день! Я вернулся, как и обещал. Вот пришол к созданию сайта полностью правильного, без ошибок. Но сайт я выбрал не простой. Тоесть я хочу сайт, который, как по мне верстать будет не просто. Сайт на подобии такого ВОТ В чем сложность и каковы мои первые вопросы. 1. В принципе, как сделать сайт резиновым, тоесть, дабы он умещался во все мониторы (или хотя-бы в основные) 2. Сложность такого сайта в большом количестве картинок, как их все выставить так ровненько (css?) Ну в общем хотел бы услышать Ваши мысли по этому поводу) Думаю тема станет для многих интересна)
0 votes7 answers -
Последний пункт меню
Здравствуйте! CMS генерирует меню. у этого меню есть свой css class в нём определён отступ от правого края меню: padding-right: 23px; отступ получается соотв. у всех пунктов меню. В итоге я не могу "прижать" правый край меню к правому краю сайта, идёт отступ в эти 23px. Есть ли какой нибудь способ у последнего пункта меню этот padding отключать? Меню вызывается так: <?php wp_list_pages('depth=-1&title_li=');?> (это Wordpress). Заранее спасибо!
0 votes5 answers -
Тянущиеся блок
Помогите с версткой! Ссылка В макете контент слева - тянется в зависимости от количества текста. Как сделать, чтобы меню справа тянулось с контентом? Ставлю height: 100% - не выходит. <div id="content"> <div id="content_left">Текст</div> <div id="menu">Меню</div> </div>
0 votes4 answers -
Проблема со шрифтами
При одинаковых значениях у меня почему-то получаются разные шрифты в браузерах, разница особенно с эксплорером. Вот, допустим в IE: А вот, в лисичке: В ИЕ у меня текст более сглаженный(приятный на вид)и немного жирнее всегда выглядит, а в других какой-то пиксельный. Попробовала !important(не знаю уместно было или нет), не помогло. Как бы мне их к одному виду привести? Спасибо!
0 votes7 answers -
Хочу сделать космос
Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.
0 votes4 answers -
Начинающий с 0-0
Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)
0 votes2 answers -
Большая площадь ссылки при наведении курсора
Помогите, пожалуйста с таким вопросом: Есть горизонтальное меню, при наведении мыши на ссылку цвет меняется, но также и меняется площадь действия ссылки, по высоте уходит прилично вниз. Это особенно хорошо видно на IE 8.0 при нажатии на ссылку. Ссылка на сайт Эридан Аудио Пробовал анализировать код при помощи Chrome, нахожу этот участок, но никак не пойму откуда эта площадь берется
0 votes2 answers -
Проблемма с выпадающим меню IE
Добрый день. Помогите пожалуйста разобраться. Проблема следующая В хроме и фоксе при переходе на выпадающие пункты меню все нормально. А в интернет эксплоере при переходе на выпадающие пункты они исчезают из под мышки. Ломаю голову не могу понять в чем дело может кто подскажет Разрабатываю локально ссылку дать не могу <div class="navbar"> <div class="navbar-inner"> <a class="brand left" href="/"><img src="images/img_css/vespa_logo.png"></a> <div class="nav-collapse left"> <ul class="nav"> <li class="first dropdown"> <span>1Каталоги</span> …
0 votes0 answers -
Выравнивание строк таблицы по высоте
Всем привет! Есть ли какое решение проблемы по выравниванию высоты строк в таблице, для браузеров хром и опера. Внизу на картинке 1 табличка из IE, там работает автовыравнивание, а 2-я из хрома, там нижняя строка со значениями растянута по высоте. А хочется что бы во всех браузерах было как в IE и мазиле.
0 votes2 answers -
Стилизация вывода текста
Всегда пугает работа связанная с форматированием текста. Хочется использовать какой либо "шаблонизатор" или что-то подобное. Но в моём понимании "шаблонизатор" это такой скрипт на php или js, который при передаче ему текста вида: Заголовок 1 уровня === Заголовок 2 уровня ___ Обычный абзац с автоопределением переноса строки, т.е. ему даешь текст с отступами самого редактора(табами например), а он их сам распознает и соответствующе отображает. <img>ссылка на картинку</img> Сам расставляет теги и просчитывает отступы. Видел нечто подобное на гитхабе при создании страницы проекта, но не понял где его достать и как им пользоваться "изнутри". Рад буду любым ссыл…
0 votes1 answer -
Шрифты, однако
Здравствуйте. Такой вопрос, как прописать шрифты для отдельной части страницы, при двух раскладах. 1)Шрифты не являются стандартными для всех ОСей и тем более браузеров 2)Чтобы два <h1></h1>, к примеру имели разные шрифты. Заранее благодарю
0 votes4 answers -
Фон для страницы
Здравствуйте гуру сайтостроения, хотелось бы узнать, каким способом можно сделать такой фон, в частности аквалангист ( код http://jsfiddle.net/n7W6p/ )
0 votes6 answers -
Что за эффект?
Всем привет! Подскажите, как можно сделать такой вот эффект: http://joxi.ru/n2YY0kKcwb5526- левая картинка без ховера, правая с ховером. Может, кто делал подобное, кажется, что не трудно, но нормальных идей нет=( Заранее, спасибо!
0 votes3 answers -
Как сделать, чтобы при наведении картинка затемнялась?
Использую этот код: http://bootsnipp.com/snippets/K3al А как сделать, чтобы при наведении картинка затемнялась? (Картинки, которые в индикаторе?) Пыталась применить код отсюда: http://bootsnipp.com/snippets/K3al...но, к сожалению, не работает..(((( Спасибо.
0 votes1 answer -
Что за ошибка?
Код: var numPool = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15 ]; var x1 = document.getElementById("11") function shuffle(numPool) { for(var j, x, i = numPool.length; i; j = parseInt(Math.random() * i), x = numPool[--i], numPool = numPool[j], numPool[j] = x); return numPool; }; var randomResult = shuffle(numPool); while( randomResult.length > 0 ) { x1.value = randomResult; — тут ошибка } Консоль выдаёт ошибку Uncaught TypeError: Cannot set property 'value' of null(…). Никак не могу понять из-за чего и как пофиксить.
0 votes1 answer -
Передёргивание страницы на чекинг радио инпут
1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…
0 votes3 answers -
Проблема вёрстки
https://jsfiddle.net/8tybdkz0/ Я только начал верстать, в общем всегда справа остаётся место, хз как убрать.
0 votes1 answer -
магия?
привет * кто-нибудь сталкивался с такими чудесами: текст по какой-то причине становится bold. в исходниках прописано <p>текст</p> то есть никакого <b></b> или стилей нету нигде, javascript тоже этот тект не трогает. firebug показывает каким-то образом <p><b>текст </b></p> просмотри исходного кода тоже никаких <b> не показывает во всех браузерах. на машине linux, apache, nginx, php что это??? о_О
0 votes3 answers -
проблема с таблицей
Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…
0 votes9 answers -
Подскажите в чём может быть проблема
В режиме совместимости у IE - отступов нет, без совместимости и во всех остальных браузерах появляются одинаковые отступы. Табличная верстка. В самом верху ячейка с картинками (4 шт), под ней тоже ячейка с картинками (10 шт). Получается после верхней и нижней ячейки появляются отступы. Ячейки залил чёрным цветом чтобы было яснее видно где проблема. Не прошу решить проблему, прошу высказать предположения по проблеме. Спасибо! <tr> <td bgcolor="#000" height="131" width="990" colspan="2"><img alt="" width="163" height="191" src="/sm_full.aspx?guid=17993" /><img alt="" width="182" height="191" src="/sm_full.aspx?guid=18813" />&l…
0 votes7 answers -
Див ростянуть до низу
Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера
0 votes3 answers -
Раскрывающийся список
Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю
0 votes5 answers -
Интересный вопрос про javascript
Увидел на сайте интересную картинку в теге head <!-- <script type="text/javascript" src="/js/modernizr.custom.12270.js"></script> <link rel="stylesheet" type="text/css" href="/css/all.css" media="all" /> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/jquery.disable.text.select.js"></script> <script type="text/javascript" src="/js/complex-popup.js"></script> <script type="text/javascript" src="/js/call-order.js"></script> <script type="text/javascript" src="/js/manager-order.js"></script> <script type="text/javascript…
0 votes6 answers -
Как быть с высотой в резиновом макете?
Привет! Кто и как решал такую проблемку? Если блоку дать 100% то он не вытягивается без содержимого в высоту, а нужно сверстать плашку которая бы тянулась. Подскажите как?!
0 votes7 answers