HTML Coding

29542 questions in this forum

1. Подскажите пожалуйста. Смена картинки через кнопку

   Добрый день! Подскажите пожалуйста в одном вопросе. Пишу сайт, в нем каталог товаров. Немогу реализовать кнопку или иконку, при нажатии на которую идет смена основной картинки товара. Пример реализации http://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)

   Asked by Gazaret, October 31, 2013

   0 votes
   4 answers
2. Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок

   Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:

   Asked by Rossi25, March 22, 2011

   0 votes
   6 answers
3. Выравнивание DIV-ов по низу таблицы

   Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…

   Asked by zhukovia, August 14, 2007

   0 votes
   7 answers
4. трудно устроиться верстальщиком работать на дому со свободным графиком?

   Я просто изучаю html, css, java script, чтоб начать карьеру в интернете с должности верстальщика. А ответ на вопрос насколько реально найти работу, так и не выяснил

   Asked by jentlmen, July 7, 2012

   0 votes
   20 answers
5. Не растягивается div по содержимому

   Не могу понять почему div c классом Content, не хочет растягиваться по содержимому. Внутренние блоки, почему-то располагаются снаружи этого контейнера. html <div class="header"> </div> <div class="LineOne"> </div> <div class="Content"> Текст для проверки <div class="leftside"> Текст для проверки </div> <div class="rightside"> <div class="Right"> </div> </div> </div> <div class="LineTwo"> </div> <div class="footer"> HOME | ABOUT US </div> css * {margin: 0;padding: 0;} html, body {background: url(../img/background.jpg) repeat;} .h…

   Asked by solistcomru, April 28, 2012

   0 votes
   3 answers
6. Горизонтальное меню картинками при помощи CSS

   Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.

   Asked by Goldie, March 17, 2011

   0 votes
   9 answers
7. CSS: альбомная ориентация при печати

   Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…

   Asked by tambourine, March 28, 2011

   0 votes
   2 answers
8. В меню не отображается русский текст

   Уважаемые форумчане, загвоздка в том что русский текст отображается везде кроме меню, там отображается только английский текст. Подскажиет где может быть ошибка. В самом первом раздела меню в коде я написал "1 Шняга My", но отображается только английский язык, однако в строке меню в правом верхнем углу русский текст "advanced ПОИСК" прекрасно распознаётся. Начало кода такое <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Фотостудия PTsudio</title> <meta http-equiv="Content-Type" content="text/html…

   Asked by Waterman, October 31, 2010

   0 votes
   9 answers
9. Можно ли посавить метку <label> на изображение?

   Всем доброго времени суток! Подскажите, может кто знает, каким образом можно поставить метку <label> на изображение в форме? Задача такова: есть форма, в ней необходимо выбрать одно из нескольких изображений, выбор организован при помощи элементов radio. Возможно ли сделать так, чтобы при наведении и кликании на изображении выделялся сам элемент формы (кружок radio)? У меня пока сделать такое не получается (((

   Asked by M_A_X, February 12, 2010

   0 votes
   59 answers
10. "Обрезка" и выравнивание картинок (как сделать?)

    Здрасте всем. вот пример: http://brendov.com/news-actions часть картинок в каталоге имеет разные пропорции. из-за этого строки с товарами получаются разной высоты. заранее делать предобработку картинки клиент не сможет, там просто некому. подскажите решение, как сделать картинки одинаковыми по высоте, при этом перекрывая обрамляющим элементом "уши" картинки? P.S. есть подозрение, что очень просто, но видимо я заработался, и не вижу решения в упор.

    Asked by d0ublezer0, February 25, 2014

    0 votes
    11 answers
11. CSS под разные разрешения

    Сделал CSS под разные разрешения, подгружаются скриптом. А если у когото будет JavaScript отключен, как сделать чтоб грузился стандартный CSS, а то без файла стилей вообще ничего не будет видно, а есть всё же люди без JavaScript

    Asked by SoFuWa, August 24, 2010

    0 votes
    10 answers
12. FAQ по Smarty

    Итак, разные советы, трюки и рецепты по Smarty. Кто что знает, кидайте сюда. Как сделать, чтобы на всех страницах логотип был ссылкой на главную, а на главной, чтобы ссылки не было? Используем переменную $smarty.server.REQUEST_URI и проверяем ее значение на "/", что и будет соответствовать главной странице. {if $smarty.server.REQUEST_URI != "/"} <a href="/"><img src="/images/title.gif" width="213" height="60" border="0" alt="htmlbook.ru"></a> {else} <img src="/images/title.gif" width="213" height="60" alt="htmlbook.ru"> {/if} Как сделать, чтобы автоматически заполнялся значением какой-то параметр HTML-кода? Надо сделать следующее. Если есть знач…

    Asked by Vlad, September 10, 2007

    0 votes
    18 answers
13. Кроссворд на HTML, CSS

    Здравствуйте! Нужен кроссворд на HTML и CSS, JQuery. Подскажите как, что, каким образом делать. Может у кого-нибудь рабочий пример есть?...

    Asked by MePHiSto, October 11, 2015

    • Кроссворд HTML
    • CSS
    0 votes
    6 answers
14. Колонки одинаковой высоты.

    Хочу вас озадачить, друзья. Дано: 2 колонки с текстом (фиксированные или нет не важно) У каждой есть фон ну и прочие примочки. Нужно: создать эффект того, что эти колонки всегда одинаковы по высоте не зависимо от того сколько контента в каждой. Понятно, что блок он блок и в африке, и фактически его высота будет зависеть от того сколько в нём текста, но пользователь должен видеть, что они одинаковой высоты, притом мы не знаем в каком из них будет больше контента в каком меньше. Как-то давно попадалась эта задачка, сам её решил, но в упор не помню как. Получается сделать так, чтобы у них была одинаковая высота, но при этом у меня строго определённый блок обязательно долже…

    Asked by Игорь Ермаков, November 8, 2009

    0 votes
    55 answers
15. input type text выравнивание текста в ie

    Помогите справиться с такой вот проблеммой. В ие текст, который вводится в поле <input type="text">, выравнивается по верхнему краю, а нужно сделать, чтобы он выравнивался по середине поля css для инпутов задан такой: float: left; display: block; font: 13px Tahoma; color: #000; width: 300px; height: 25px; margin-right: 50px;

    Asked by theo_, January 11, 2010

    0 votes
    5 answers
16. Эффект нажатой кнопки

    Нужно реализовать вот такой эффект активной ссылки, как его можно реализовать, а то все уже отверстано а тут еще не решено как делать:

    Asked by Shar, August 15, 2007

    0 votes
    20 answers
17. Логотип внутри меню

    Хочу сделать логотип межу пунктами меню как на изображении http://storage9.static.itmages.ru/i/15/0830/h_1440960187_5020454_95be8f1766.jpg Но не до конца понимаю как это все сделать грамотно. У меня есть два варианта, как это реализовать. <header> <nav> <ul class="navigation"> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="/" class="logo"><img src="" alt=""></a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню&lt…

    Asked by anvyd, August 30, 2015

    • css
    • html
    • responsive
    • adaptive
    • logo
    • верстка
    0 votes
    1 answer
18. div-ы - граница компонента тянется вниз

    Доброго времени суток, уважаемые знатоки css. При верстке у меня возникла довольно странная проблема. Описать ее непросто, но я постараюсь. Шаблон сайта сверстан в 3 колонки с помощью div-ов. При открытии одного из компонентов в FireFox, Chrome или Opera происходит довольно странная вещь - главная область компонента растягивается вниз так, чтобы нижний конец стал вровень с нижней границей правой или левой колонки. При этом в IE все отображается как надо. Проблема в картинках: Вот как это выглядит в IE (как оно должно выглядеть): Нижняя граница компонента заканчивается там, где кончается текст компонента. Нижние границы правой и левой колонки ни на что не влияют. А вот к…

    Asked by zaero, October 14, 2010

    0 votes
    22 answers
19. Помогите выровнять текст по вертикали

    Вот код: <div class="menu"><a href="......">Новости</a></div> .menu { float: left; text-align: center; width: 116px; height: 28px; border-left: 1px solid white; border-bottom: 1px solid white; font-weight: bold; font-family: Verdana, sans-serif; font-size: 10px; color: white; } .menu a { color: white; }

    Asked by Zuma, November 6, 2008

    0 votes
    11 answers
20. Изображение на изображение

    Здравствуйте, я бы хотел узнать как можно с помощью CSS наложить одно изображение на другое (при наведении). То есть, допустим у меня есть картинка, а при наведении на неё она чуть чуть тускнеет, а поверх неё появляется (плавно) другое изображение. Пример: 1. До наведения 2. После наведения 3. Вторая картинка такая: Вот собственно вот так вот... Помогите пожалуйста =)

    Asked by SkaZzzz, April 25, 2011

    0 votes
    18 answers
21. Резиновая шапка сайта

    Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на DIV-ах. Код сделал примерно следующим, index.html: <div id="header"> <div id="header_left"> </div> <div id="header_logo"> </div> <div id="header_right"> </div> </div> И собственно style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { background: url(images/header_left.png)…

    Asked by Bryant-24, August 30, 2011

    0 votes
    16 answers
22. редактирование swf

    есть задача отредактировать swf... нашел на офф сайте adobe такую статью но вот тут возник вопрос как в дримвьювере открыть swf если при попытке его открыть он ругается, что типа не могу открыть файл swf выберите html, xml или другой совместимый файл. или же подскажите другой вариант изменения пробовал так же через эту штуку Sothink SWF Decompiler ничего толкового не вышло.

    Asked by mx4ever, February 5, 2011

    0 votes
    3 answers
23. содержимое по центру страницы

    Как сделать так, чтоб при больших разрешениях все содержимое смещалось по центру? И свободное пространство справа и лева заполнялось нужными элиментами (изображениями)? Заранее благодарен!

    Asked by iipo, May 30, 2007

    0 votes
    26 answers
24. Полезные темы

    Создание градиента в Фотошопе Вложенные селекторы Фотошоп. Простые вещи Часто возникающие ошибки Прозрачный PNG в IE6 Одинаковый текст (или код) на нескольких страницах Главная страница домена Показать/скрыть текст по клику Установил Денвер, хочу локально установить форум - такой как здесь Дизайн select'а Как нужно исправлять ошибки в коде, пошагово, с примерами. Свой шрифт на странице Как выложить свой сайт в интернет FAQ по кодировкам

    Asked by Vlad, February 18, 2011

    0 votes
    0 answers
25. Body не растягивается на всю страницу!

    Здравствуйте товарищи, своё первое сообщение, как водится на подобных форумах, начну с вопроса, который мучает меня уже 2 недели Никак не могу добиться что бы BODY растягивался в зависимости от содержимого страницы. Привожу 3 наглядных примера вида окна браузера в разрешении экрана монитора 1152x864(оранжевый бордер - граница html, красный - body) Тут как бы всё нормально выглядит А если прокрутить чуть ниже... то уже совсем не нормально и видно что боди и не собирается растягиваться вслед за содержимым А теперь сбросим масштаб Тут уж вообще ужас HTML <body> <div class="conteyner"> <div class="fon"> <div class="fon2"> <di…

    Asked by SnowWind, May 10, 2011

    0 votes
    7 answers