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
-
Ответы на тесты с сайта
Не подскажете, где найти ответы на тесты с сайта? http://htmlbook.ru/test/ А то непонятно где мои ошибки?
0 votes9 answers -
Как риализовать следующий каркас
Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка
0 votes9 answers -
Подскажите, как выровнять картинки по вертикали в списке li?
Необходимо картинки разных размеров в теге li, выровнять по высоте, чтобы было красиво Но ничего не получается. Был уверен, что всё должно быть просто). Уже запарился, неужели в li не работает vertical-align: middle; ? Проблему можно увидеть на сайте, например, в описании товара: http://www.foto-cam.ru/catalog/videokamery...110e-black.html на странице описания товара есть куча превьюшек разных размеров, но все они не более, чем 100 на 100. Я в li задал, чтобы этот элемент был размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо. Если нетрудно, м…
0 votes4 answers -
base64-кодирование
Узнал о возможности внедрения картинок с помощью base64-кодирования. Поскольку статьи я читал стары, то хочу уточнить остаётся ли сейчас ограничение в размере картинок в 20kb? Существует ли падение производительности при отображении закодированных изображений? Можно ли внедрить в css шрифты с помощью base64-кодирования?
0 votes23 answers -
Имитация фреймов (картинка внутри)
Камрады, тут возникла такая вот задачка: Сайт по дизайну имеет вид примерно такой: Вверху - контент, внизу - меню. Все в "резине". Контент должен "прокручиваться" независимо от меню, которое вседа будет прилегать к нижнему краю экрана. Для набора "классических" фреймов задача обыденная, однако тут фреймами пользоваться нельзя - вот та менюшка внизу по нажатию на кнопочку должна будет "складываться" в одну строку и соответственно при повторном нажатии обратно "раскрываться" в высоту. Вот сижу и думаю... как прикрепить меню к нижнему краю экрана - знаю, как его складывать-раскладывать - знаю... а вот как в таком случае реализовать "прокрутку" верхнего контентного блока, уч…
0 votes14 answers -
a:hofer; a:active;
Здравствуйте. Так я вам выложу CSS и если не трудно посмотрите в ч?м проблема. Почему ОПЕРА и МАЗИЛА игнорируется. А в ИЕ вс? показывает нормально. Значит проблема в том что не отоброжается при нажатии и при наведении мышки на ссылку.(не отоброжается нужным мнe цветом) #base_ul { margin: 2em; width: 10em; padding: 5px; } ul { position: relative; top: 22px; left: -26px; /*margin-left: 5px;*/ list-style-image: url(./img/li.gif); } html>body ul {top: -1px; left: -26px;} li { margin-top: 5px; } ul a { font-size: 130%; color: #00a2ff; text-decoration: underline; font-weight: bold; } #base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gi…
0 votes11 answers -
css reset
Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…
0 votes30 answers -
реально ли сверстать такой дизайн?
проблема у меня возникла в пространстве между верхом билборда и началом домов, там юзается градиент, при размножении получается кака . Честно говоря уже стал сомневаться что данный диз можно вообще сверстать 1к1 чтобы он был резиновым.
0 votes11 answers -
Фиксирование высоты ячеек по их содержанию в IE и Mozilla
Здравствуйте! Скорее всего моя проблема обсуждалась на этом форуме уже не раз, однако поиск не помог найти решения, т.ч. если вдруг повтор, извините. Проблема, собственно, вот в чём... Есть довольно элементарная и простая часть таблицы вида: <tr> <td width="665" rowspan="8">1</td> <td width="285">2</td> </tr> <tr> <td width="285" height="29">3</td> </tr> <tr> <td width="285">4</td> </tr> <tr> <td width="285" height="29">5</td> </tr> <tr> <td width="285">6</td> </tr> <tr> <td width="285" height="29">7</td> </tr> <…
0 votes7 answers -
bootstrap адаптивность и абсолютное позиционирование.
Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)
0 votes6 answers -
Margin-left в IE и FF
Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)
0 votes4 answers -
не могу открыть сайт виртуально с компьютера
не могу открыть сайт виртуально с компьютера Сразу скажу сайт я не делал, у меня задача натянуть измененный дизайн на него. Проблема стала в том что индекс.хтмл не откывается полностью тоесть не видно текста, рекламных модулей и всего остального. видно только фоновую картинку и то без подвала. Хотя сайт рабочий и с интернет домена запускается. Индекс.пхп нет файла так как только хтмлки и тпл. разместил сайт таким образом: C:\WebServers\home\test.co\www если в браузере набираю http://localhost/test.co то выходит такой текст Not Found The requested URL /test.co was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL…
0 votes7 answers -
Помогите с проигрывателем
В общем, написал на сайте страничку креативов, куда человеки могут закинуть флэшки, видео или музыку. Но возникла проблема с проигрывателем для видео и аудио - перерыл кучу скриптов, везде одно и то же "УСТАНОВИТЕ ПЛАГИН". Разве что медиаплеер11 в седьмом эксплорере работает:) Подскажите мне решение этой проблемы, плиз.... Вот например сайты серии Ютуба - заходишь - работает под всеми браузерами, не без глюков, конечно, но работает
0 votes10 answers -
div display:inline в мозилле
Столкнулась с такой проблемой. Когда проставляешь у div свойство display:inline, в мозилле и опере он перестает видеть ширину.. я конечно понимаю что ширина у инлайновых элементов - это несколько неправильно... но все же.. может как-то можно обойти? Вот кусок кода <table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%"> <tr> <td><div style="display:inline;width:300; border:1px solid #00ff00;">Молоко</div> <div style="display:inline;width:300; border:1px solid #00ff00;">Ещ? порция</div> </td> </tr> </table>
0 votes8 answers -
Показать/убрать скрытый текст
<script language="JavaScript1.2"> var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } </script> <font onClick="expandit(this)">Посмотреть скрытый текст</font> <span style="display:none"> <br> Скрытый текст <br> <font onClick="ЧТО_ЗДЕСЬ_НАПИСАТЬ?">Убрать скрытый текст</font> </span> (Посмотреть) Подскажите, как сделать так, чтобы при нажатии на "Убрать скрытый текст" убирался скрытый…
0 votes9 answers -
Выпадающее меню не работает в IE
Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …
0 votes7 answers -
плеер на сайте чтоб серфинг не влиял на него
У Меня есть готовый плеер <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src= "http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNzMyMTc2OTI1MzEmcHQ9MTI3MzIxNzY5MzczNCZwPTE4MDMxJmQ9Jmc9MQ==.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mff-stick.swf" height="35" width="219" style="width:219px;height:35px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mff-stick.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /&g…
0 votes18 answers -
Прижать картинку к низу дива
Возникла такая проблема — есть футер прибитый к низу экрану, в нём расположена картинка, у которой указана только ширина в 100%. Т.е. при изменении ширины окна размер картинки будет пропорционально изменяться и высота при уменьшении окна будет уменьшаться, и надо чтобы картинка оставалась прибитой к низу окна, а между ней и дном окна появляется пустое пространство. Высота футера должна изменяться вместе с высотой картинки. Прибить картинку к низу футера с фиксированной высотой получилось, а вот надо чтобы у футера высота изменялась динамически. Как можно решить эту проблему?
0 votes4 answers -
Как взять нужные стили для блока?
Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?
0 votes10 answers -
Как лучше сверстать блоки разной высоты на Bootstrap?
Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!
0 votes3 answers -
overflow: hidden и z-index
У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?
0 votes7 answers -
Как сделать разные таблицы в одном документе?
Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…
0 votes5 answers -
Позиционирование фона
Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.
0 votes13 answers -
Margin И Padding
Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.
0 votes8 answers -
Побдробная справка по HTML и CSS
Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.
0 votes8 answers