HTML Coding

29542 questions in this forum

1. Два блока(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
2. Инверсия цвета части текста (в зависимости от фона)

   Доброго времени суток. Пытаюсь добиться эффекта, как на изображении Картинка взята с поста на Хабре, там реализация меню с плавным переходом от одного пункта к другому. Мне нужно нечто попроще: есть блок фискированной ширины (назову "родитель"), внутри него еще один блок (ширина любая, не превышающая родительскую — "потомок"). Внутри текст. Та часть текста, что не выходит за границы потомка - одним цветом. А та часть, что выходит - должна быть другим цветом. Как можно добиться этого эффекта? JS можно использовать. Получается что-то вроде прогресс-бара с надписью внутри.

   Asked by FRUTALITY, February 20, 2014

   • color
   • background
   0 votes
   1 answer
3. Подскажите пожалуйста. Смена картинки через кнопку

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

   Asked by Gazaret, October 31, 2013

   0 votes
   4 answers
4. Картинка в div'e и текст рядом

   Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!

   Asked by postoianniy, January 29, 2014

   0 votes
   2 answers
5. Выравнивание 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
6. Анимация чисел

   Здравствуйте! Подскажите пожалуйста, как реализовать быструю прокрутку чисел от 0 до 100 например. Можно это сделать на css3 или jquery, может уже есть готовый плагин?

   Asked by coolhtml, August 20, 2014

   • css3
   • animate
   0 votes
   3 answers
7. Горизонтальное меню картинками при помощи 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
8. Не растягивается 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
9. 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
10. В меню не отображается русский текст

    Уважаемые форумчане, загвоздка в том что русский текст отображается везде кроме меню, там отображается только английский текст. Подскажиет где может быть ошибка. В самом первом раздела меню в коде я написал "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
11. "Обрезка" и выравнивание картинок (как сделать?)

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

    Asked by d0ublezer0, February 25, 2014

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

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

    Asked by SoFuWa, August 24, 2010

    0 votes
    10 answers
13. 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
14. Кроссворд на HTML, CSS

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

    Asked by MePHiSto, October 11, 2015

    • Кроссворд HTML
    • CSS
    0 votes
    6 answers
15. Вёрстка футера на движке Xenforo

    Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .…

    Asked by Mondeus, November 13, 2023

    • изменить футер
    • xenforo
    • футер
    • вёрстка
    0 votes
    0 answers
16. div-ы - граница компонента тянется вниз

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

    Asked by zaero, October 14, 2010

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

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

    Asked by Shar, August 15, 2007

    0 votes
    20 answers
18. 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
19. Изображение на изображение

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

    Asked by SkaZzzz, April 25, 2011

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

    Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на 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
21. Помогите выровнять текст по вертикали

    Вот код: <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
22. содержимое по центру страницы

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

    Asked by iipo, May 30, 2007

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

    Хочу сделать логотип межу пунктами меню как на изображении 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
24. Как сверстать меню?

    Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?

    Asked by psywalker, June 6, 2009

    0 votes
    56 answers
25. редактирование swf

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

    Asked by mx4ever, February 5, 2011

    0 votes
    3 answers