HTML Coding

29542 questions in this forum

1. Неправильное растягивание блока с плавающим содержимым

   Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.

   Asked by iReD, September 19, 2012

   0 votes
   2 answers
2. Задать размеры картинок так, чтобы их ширина была не больше ширины колонки таблицы

   Здравствуйте, Давно не практиковался в резиновой верстке и тут меня настигла следующая проблема. http://krytim.ru/shop/ - здесь есть код, о котором пойдет речь. Основная часть страницы занимает 70% ширины браузера, оставляя по 15% по бокам. Это делается через след блок: .wrapper { margin: 0px auto; min-width: 1000px; width: 70%; } И еще 280 пикселов под правый контейнер (панель): .contain { padding-right: 280px; } У части с товаром забирается еще по 20 пикселов по бокам #dle-content { padding: 0px 20px; } В итоге на узких мониторах остается 680 пикселов под 3 колонки товаров, учитывая отступы ячеек = 665 пикселов или почти 222 пиксела на картинку. Оригинальная ширин…

   Asked by olegsuv, October 3, 2012

   0 votes
   7 answers
3. Что рамку вокруг кнопки рисует Opera ?

   В опере последней версии нашел такой сюрприз, рисуется черная рамка вокруг кнопки, я ей пробовал назначать outline:0, border:none, что-то ни одно из этих свойств не помогло, изза чего то ?

   Asked by ilyas, October 28, 2013

   0 votes
   8 answers
4. подскажите что не так

   Подскажите, пожалуйста, почему тут http://textdeposit.ru/podat-zayavkuв форме после кнопки Отправить столько места и при нажатии на кнопку бегунок и текст под ней странные?

   Asked by fowl, August 11, 2015

   0 votes
   12 answers
5. Очень крутое слайдшоу

   Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru

   Asked by Eugenice, January 11, 2016

   0 votes
   2 answers
6. Подскажите селектор

   Есть такой html: <div class="cards" > <div class="slide">menu</div> <input type="checkbox" id="toggle"> </div> Нужно при нажатии на чекбокс, чтобы к корневому div'у (у которого class==cards) применялся css. input[type=checkbox]:checked selector { color: red; } Можно ли такое, подскажите какой селектор?

   Asked by torsar, September 7, 2017

   0 votes
   6 answers
7. дизайн формы

   есть такая форма decman. ру/contact/ хочу поменять вид формы а именно полей ввода в php прописал на одну из полей <td><input type="text" name="message" maxlength="164" height="100" vspace="100" class="mess'" value="<?php echo $message ?>" /> </textarea></td> в сss .mess { background-color:#666; } не работает исправите мою ошибку

   Asked by Deca, April 20, 2010

   0 votes
   2 answers
8. Расположение флеш объекта под картинкой-заголовком

   Всем доброго времени суток! Мой вопрос из разряда начинающих, помощь нужна, кто знает - прошу написать. Вопрос следующий. Есть картинка в заголовке сайта, в формате PNG, с вырезанным овальным окном размером примерно 600х250px. Есть код объекта флеш-слайдшоу, размером чуть больше (примерно 640х300px). Задача стоит такая: расположить флеш - объект (теги объекта - <object></object> ПОД картинкой-заголовком. Сайт сверстан блочной версткой>, файлы на PHP + CSS. Пример варианта реализации такой задачи - nwa-business.ru Прошу помочь. Олег

   Asked by Oldpepper, October 9, 2010

   0 votes
   4 answers
9. Не влазит...

   Скрин1 Как видите Картинки не Лезут в окошко, вставляю правильно, перед </div>, может это из за того, что трём колонкам float: left прописан? Как бороться?

   Asked by epog333, September 6, 2011

   0 votes
   7 answers
10. Margin (padding) для img

    Добрый вечер. Подскажите пожалуйста, вот такая схема: <ul> <li><span><img /><a></a></span><li> ... <ul> Почему если применять к img или a - margin или padding - смещаются оба элемента и img и a?

    Asked by Arinden, October 14, 2011

    0 votes
    7 answers
11. Как устанавить курсор pointer в пределах элемента

    День добрый! Я хочу установить курсор pointer в пределах кнопки "download" в редакторе html на wordpress. Вот код: <img class="size-full wp-image-40 aligncenter" src="Picture here" onclick="startGateway('00000000');" alt="" width="300" height="80" /> Когда пользователь нажимает "download" происходит вызов функции. Вариант сделать кнопку "download" ссылкой мне не подходит! Кто знает как это сделать пожалуйста помогите.

    Asked by trapstar, April 17, 2012

    0 votes
    4 answers
12. Как сделать image на все окно браузера?

    Вставил картинку через "<img></img>" на страницу, но она не захотела располагаться от левого верхнего пиксела страницы. Получился зазор. Скрин ниже: Подскажите, как можно это исправить? Дополнительный вопрос: Существует много сайтов, где нет необходимости скроллить - все умещается в рамки одного экрана, причем не видно чтобы фоновый рисунок, который является цельным, а не размноженной текстурой и.т.п., увеличивался при просмотре на большом мониторе. Например: http://www.thewildernessdowntown.com/ Подскажите, каким образом этого можно добиться?

    Asked by Feel, July 22, 2012

    0 votes
    12 answers
13. ошибка валидатора

    подскажите кто знает в чем проблема ? валидатор выдает ошибку 1) —————————————————————————-- required attribute "type" not specified …iv class="art-box-body art-blockcontent-body"><script language="JavaScript1.2"> ? The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. ——————————————————————————— как ее исправить я так понимаю надо указать па…

    Asked by gradusgradus, October 15, 2012

    0 votes
    3 answers
14. В Хроме и ИЕ на работает onclick

    <select> <option onclick="window.location.href='http://google.com'">1</option> <option onclick="window.location.href='http://yandex.com'">2</option> </select> В Опере и Мозиле onclick нормально срабатывает, а в Хроме и ИЕ - нет. В чем может быть проблема?

    Asked by saymon, November 26, 2012

    0 votes
    2 answers
15. Относительные ссылки

    Приветствую. Не могу разобраться с относительными ссылками. В корневом каталоге есть 3 каталога: aqua , css, fonts. В каталоге aqua есть index.html, в css - fontawesome.css, а в fonts - fontawesome-webfont. В файле index.html подключен наш css файл fontawesome.css, в котором прописаны ссылки на шрифты из папки fonts. Когда в коде странички я прописываю класс на иконку шрифта, она не отображается в мозилле, хотя в хроме работает ок. В общем я думаю это связанно с относительными ссылками на файлы которые находятся параллельно в корневом каталоге. Содержимое index.html <link rel="stylesheet" type="text/css" href="../css/font-awesome.css">Содержимое fontawesome.css …

    Asked by edwinkkc, May 26, 2014

    0 votes
    3 answers
16. css присвоение объекту класса

    Здравствуйте. у меня есть два класса .text_color_blue{ color: #37c1d0; } .text_color_white{ color: #FFFFFF; } и есть такая структура <ul> <li><a>1</a></li> <li><a>2</a></li> </ul> как сделать так чтобы сначала <a> принимал класс text_color_blue а при наведении на него менялся на text_color_white знаю что по средством js я просто меняю у объекта класс но как можно обойтись css и присвоить <a> сначало один уже существующий класс а при hover заменить его спасибо всем

    Asked by bgraf, July 18, 2017

    0 votes
    2 answers
17. Помогите составить шаблон

    В общем, такая проблема. Нужно залить сайт, адаптированный под джумлу. Но для этого нужно составить шаблон, чтобы его установить. У меня есть отдельные файлы расширения css, js, картинки, их я рассовал по соответствующим папкам. Ну и индекс.пхп, это само собой понятно. Нужен файл хмл и как мне сказали еще несколько файлов, в их числе и темплейт.пхп. Помогите плиз сделать шаблон. Я в долгу не останусь))))))

    Asked by master#1, March 18, 2011

    0 votes
    1 answer
18. Маркер в тексте

    Доброго времени суток форумчане. Нужна помощь в решении одной задачки. И так, текст в начале которого стоит маркер (1. 2. 3. 4.)и т.д нужно сделать так, что бы текст полностью обтекал эти маркеры. Т.е что бы вторая и последующие строки не залазели под маркер. Списки не подходят. Заранее спасибо.

    Asked by yujin11, July 13, 2011

    0 votes
    7 answers
19. Ширина страницы 1088px

    Здравствуйте, нужна помощь. Имеем страницу шириной 1088px. Как сделать так, чтобы при разрешении 1024*768px не появлялся горизонтальный скролл, т.е чтобы документ справа и слева обрезался? Можно ли сделать без помощи скрипта?

    Asked by web-monster, August 21, 2011

    0 votes
    8 answers
20. Фон в форме меню/список

    Суть проблемы в том, что фон к форме отображается только в осле и мозиле, и как изменить кнопку выбора в форме? Объясните кто знает!!! код: <div id="sort"> <select name="kom" class="sortform" > <option>По командам</option> <option>Яндекс</option> <option>Почта</option> <option>Рамблер</option> </select> <select name="data" class="sortform"> <option value="b" selected>По дате</option> </select> <select name="chemp" class="sortform"> <option value="c" selected>По чемпионату</option> </select> </div> CSS: #sort{ float:left; width:1000px; height:50px; b…

    Asked by kiz, October 14, 2011

    0 votes
    11 answers
21. behavior как бы заставить его работать...

    Доброго времени суток! По просьбе модератора создала новую свеженькую темку Не работает данная приблуда, хоть прибей Сколько на сайтах (разных) не смотрела.... у них всё сказачно. А тут качаешь, прописываешь... и не пашет Пробовала и в корень кидать к индексному файлу, и полный путь прописывать, результат один и тот же... Пробовала также разные скрипты PIE, border-radius.htc... А было бы хорошо, если б заработало. css: #menu .stripNav a.current { display:block; height:28px; border:1px solid #3586b4; background: url(../images/butt_active_c.png) repeat-x top left; border-radius:4px; behavior: url(PIE.htc); /* учим IE border-radius */ } файл лежит в…

    Asked by Anuksanomun, November 20, 2011

    0 votes
    3 answers
22. Скрипты и фреймы в полную новость DLE

    Здравствуйте! Обращаюсь с вопросом к профи! Облазил весь net - но решения данной проблемы найти не смог. А суть вот в чем: Сайт на DLE 9.2. материал размещает только админ, коменты модерируемые. В динамических страницах движок вырезает полностью или частично скрипты, фреймы и т.д., оставляет только кой какой HTML. В статических страницах есть возможность выбрать HTML без фильтрации и в этом случае выводится все, что вставили. Как сделать тоже самое с динамическими страницами? Вариант размещения материала через базу не подходит так как иногда приходится редактировать статью, а это значит лезть в базу, искать ее там ... Скрипты и фреймы всегда разные. К примеру такой: <…

    Asked by Leonidk, February 28, 2012

    0 votes
    1 answer
23. Как сделать расстояние между li блоками?

    проблема такая: нарисовал я себе сайт. С вот такой менюшкой. Движок сайта мне сгенерировал такой ХТМЛ код <div id="left_meny"> <ul class="menu"> <li class="item-101"><a href="/">Главная</a></li> <li class="item-111 current active"><a href="/index.php/otzyvy">отзывы</a></li> </ul> </div> Задал я фоновый цвет, высоту, ширину, фон и т д. Но я не могу сделать расстояние между li блоками. Как сделать расстояние между li блоками? А то у меня всё меню срослось в один большой бежевый квадрат.

    Asked by Лис3, July 16, 2012

    0 votes
    1 answer
24. Подскажите новичку,ПЛИЗЗ!

    Люди добрые! Подскажите! Только начинаю разбираться. На сайте появился чужой попандер (признаюсь, что только благодаря ему приняла решение изучить HTML,CSS). Так как плохо разбираюсь в кодах, просматривая редактор вводят в ступор: "...а что тут написано?" На самом деле, подскажите, что тут написано: </div> <!-- wrapper --> </div> <!-- container --> <div id="footer"> <div id="footer_credit"> Авторские права © <?php echo date('Y'); ?> <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>.<br> </div> <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?&…

    Asked by bond312, August 5, 2012

    0 votes
    4 answers
25. как наложить 2 блока

    сделал верстку эскиза: внизу блок контента наложил, создав иллюзию, как и 2 колонки одинаковой высоты, а вот как верхнюю часть контента, вернее меню, ума не приложу, вот образец: тыц! помогите доработать!

    Asked by Shaka13, February 9, 2013

    • позиционирование
    0 votes
    2 answers