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
29,542 questions in this forum
-
Опять про резиновый слой
Может не все перерыл, но не смог найти решения под свою задачу, а задача такова, отображение имени файла, потом куча точек, потом размер файла, выровненный по правому краю: 1. file1.doc........................................19 Кб 2. file1 long name.doc........................19 Кб 3. file1 very very long name.doc..........19 Кб Самое близкое решение - в слое контейнере с фоном-точкой разместить два слоя с float:left и float: right, но получается криво, т.к. точки налазят на текст имени файла и размер. А засунуть слой с точками между двумя слоями (left и right) так, чтобы он растянулся по краями соседних слоев мне не удалось, подскажите как же сделать красиво???
0 votes11 answers -
Ответы на тесты с сайта
Не подскажете, где найти ответы на тесты с сайта? http://htmlbook.ru/test/ А то непонятно где мои ошибки?
0 votes9 answers -
Активная ссылка
Толи туплю то ли просто не догоняю ! Суть такая идет меню ! Настроены классы для ссылок вот нада сделать так чтоб при открытой той или иной странице то или иное меню менялся фон ! Хороший пример Здесь
0 votes23 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 -
Взаимное расположение маркера checkbox и его текста
Для списков имеется свойство CSS list-style-position с параметром outside. Имеется форма с несколькими checkbox или radio-кнопками. Можно ли с помощью CSS сделать так, чтобы маркеры checkbox или radio находились за пределами их текстового блока, подобно списку с параметром outside?
0 votes9 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 -
Горизонтальный список блоками в IE и не только)
Вот В IE7 выводится вертикально. LI делаю блоками, потому что они должны ограничивать ширину внутренних элементов li inline не помогает Что не так? Как-то я криво сверстал, а где накосячил - не пойму, пятница видимо И еще, бонусом вопрос - как убрать подчеркивание у текста в круге? text-decoration не помогает Вариант - смысловой текст ссылки в spаn - и уже ему назначать подчеркивание а самой ссылке установить text-decorationЖтщту В общем, ребята, если подкинете совет, то буду признателен.
0 votes22 answers -
Помогите мне, как понять верстку?
Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(
0 votes24 answers -
Можно ли заменить behavior другим свойством?
Доброго времени суток. У меня на сайте используется фишка PNG behavior, которая корректно отображает PNG-24 в IE5.5/6. (http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) При прохождении теста на валидность, валидатор указал на ошибку: Т.е. проблема в использовани свойства behavior: Видимо, валидатор не понимает специфичное для IE свойство и сообщает об ошибке. Есть ли возможность использовать альтернативное свойство? Надеюсь на помощь.
0 votes9 answers -
Большая картинка в меньшем диве
Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.
0 votes12 answers -
Помогите с проигрывателем
В общем, написал на сайте страничку креативов, куда человеки могут закинуть флэшки, видео или музыку. Но возникла проблема с проигрывателем для видео и аудио - перерыл кучу скриптов, везде одно и то же "УСТАНОВИТЕ ПЛАГИН". Разве что медиаплеер11 в седьмом эксплорере работает:) Подскажите мне решение этой проблемы, плиз.... Вот например сайты серии Ютуба - заходишь - работает под всеми браузерами, не без глюков, конечно, но работает
0 votes10 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 -
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 -
мини-чат
наверно плохо искал подобную тему.. не нашел. нужно созать мини-чат. окошко для написания текста, внизу окошко где будут отображаться сообщение.. можно описать это? поможите?
0 votes25 answers -
Превью Флеш ролика (в html)
Столкнулся с проблемой добавления фото превью для флеш ролика. тоесть не создание во флешке первого кадра с превью и шкалой загрузки а именно в html (JS) коде добавление картинки нажав на которую вместо нее будет загружатся флешка (чтобы не грузить тяжелый флеш ролик до того как пользователь не захочет его просмотреть и показать что на его месте будет ролик а не просто дырка (ошибка) в дизайне) кто знет решение проблемы просьба помочь или указать на то где об этом уже обсуждалось (и есть решение) заранее всем спасибо.
0 votes8 answers -
bootstrap адаптивность и абсолютное позиционирование.
Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)
0 votes6 answers -
календарь на сайте
а как календарик на сайт добавить? что бы сам обновлялся, конечно явой или пхп можно??)) помогите ламеру кодом, если можно) заранее спасибо)
0 votes20 answers -
Линия на карте мира в Google maps
Добрый день всем. Нужна помощь над задачей, которую не могу решить уже второй день. Суть такая: нужно провести линию между городами из разных континентов на карте мира, используя google maps api v3. Только линию эту надо провести в пределах одной карты, а как видно в примере линия уходит за один край карты и возвращаеться из другого http://jsfiddle.net/Dzhav/m3Dn9/1/ Я понимаю, что линия между точками проводиться кратчайшим путем и пролегла через тихий океан, но мне нужна такая, что проходит в пределах одного экрана не обрываясь ( в моем примере нужно через Африку и Атлантический океан) Не могу никак найти решения задачи и даже вопросов похожых на форумах не вижу . Може…
0 votes5 answers -
Кнопка не выравнивается по центру
Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!
0 votes5 answers -
Несколько внешних шрифтов
Добрый день. Понадобилось вставить внешние шрифты в сайт. воспользовался этим : @font-face { font-family: "Rounded"; src: url(fonts/rounded.ttf); } Вопрос в том, как допустим 2 и более шрифтов загрузить?
0 votes7 answers -
заезжает один div под div
Всем привет, ребята подскажите почему может блок 4 уезжать под блок 1 Блоки 2 и 3 наезжают на 1, а блок 4 почему то уходит под блок 1 вот картина: css: #1 блок{ width:960px; margin-top:8px; border:1px solid red; background:url('../image/menubg_4.png') no-repeat; height:90px; text-align: center; } #2 блок { float: left; width: 180px; margin-top: -45px; margin-right: 10px; } #3 блок { float: right; width: 180px; margin-left: 10px; } #4 блок { border:1px solid red; float: right; width: 578px; margin-bottom: 10px; margin-top: -45px; } html в коде хтмл обычные дивы
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 -
Простой кредитный калькулятор (помогите с PHP)
Пытаюсь сделать простенький кредитный калькулятор на сайте... Три поля ввода (Цена товара, Первый взнос, Срок кредита), две кнопки (Рассчитать, Сброс) и три поля вывода данных (Сумма кредита, Ежемесячный платеж, Сумма переплаты)... Знания в PHP мягко говоря поверхностные... наваял такую штуку.. не пашет... подскажите где я не туда иду... <form nale="calcform" method="post" action="<?php echo $_SERVER ['PHP_SELF'] ; ?>"> <table> <tr> <td>Цена товара, грн.</td> <td><input name="price" type="text" value="0"></td> </tr> <tr> <td>Первый взнос, грн.</td> <td><input name="vz" type…
0 votes10 answers -
:root
Насколько понял, псевдокласс :root аналогичен селектору HTML.
0 votes6 answers -
Виснет ie при просмотре сайта.
Собственно сабж. http://grandreklama.ru.equinox.neolocation.net/pkat13_136/ ——— сайт Если нажать кнопку подробнее то ie зависает. При этом в остальных браузерах все работает отлично. В верстке сайта принимало участие достаточно большое количество несвязанных людей, но последним был я (( поэтому и спрашивают с меня ( а я реально не пойму почему так происходит (( И понятия не имею как отловить место, в котором IE капризничает ((( Может кто знает каие-нить средства или алгоритмы анализа кода под IE? Ну или хоть что-нить, может подсказать,буду благодарен за любую информацию. Заранее спасибо.
0 votes9 answers