HTML Coding

29542 questions in this forum

1. Div под divом

   Здравствуйте. Есть небольшая задача, которую я со своим уровнем знаний не могу решить. Необходимо там, где на скрине отмечено желтым написать 14 Кб, 456х235. Я не знаю, как туда вставить еще один div, чтобы он шел строго параллельно с картинкой и равнением посередине. Вот код: <div class="reply"><a id="33206"></a><div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');"></div>03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения</div> .reply { background : #ddd; border : 1px solid #ccc; margin: 5px; padding: 5px; overflow: hidden; } .thumb { float : left; border…

   Asked by 7ion, April 3, 2011

   0 votes
   3 answers
2. В каких браузерах тестировать верстку

   Воспользовался статьей с Хабрхабр Браузерный зоопарк для того что бы установить 6,7,8 версии IE на свой ноутбук. Но возник вопрос относительно Opera и Firefoх, статье с Хабрхабр уже год, какие версии этих браузеров использовать для верстки на сегодняшний день? В каких браузерах тестируете верстку вы?

   Asked by Drunk_Monkey, July 8, 2012

   0 votes
   4 answers
3. Меню сайта картинками

   Хотел сделать меню сайта как здесь -> _http://www.mighty-sport.ru/ то есть меню состоит полностью из картинок и наползает на шапку, а при наведение на пункт одна картинка меняется меняется на другую (получается, что пункт под курсором выделяется). Долго мучился, но никак не получается, а на том сайте больно хитромудрый код, никак не могу разобраться. В общем то я знаю как сделать одинаковый background ко всем пунктам меню, если оно состоит из слов -> http://jsfiddle.net/7Jp2q/ Но в данном случае меню полностью состоит из готовых картинок и background присваивать просто не к чему. Гуглил, но точно таких готовых решений нет. Как это можно реализовать?

   Asked by pitbull522, July 28, 2012

   0 votes
   4 answers
4. Блик, не мешающий ссылке

   https://taxi.yandex.ru/?from=morda — при первом посещении этой страницы можно наблюдать модальное окошко, в котором находится слайдер. Он выполнен в виде смартфона. По клику по экрану смартфона или на кружочки справа от него, слайдер будет листаться. Я делаю нечто похожее. И столкнулся с такой проблемой: если делать блик на девайсе в виде png с прозрачной вырубкой (скажем, в виде телефона, в котором прорублено прозрачное окошко с бликом для картинок слайдера) и блок (<div>) с этим девайсом поместить над картинками (при помощи z-index), то ссылки (у каждой картинки в слайдере своя) работать не будут — ну, само собой: ведь png с телефоном наверху лежит. Если же положи…

   Asked by serdeles, April 5, 2013

   0 votes
   6 answers
5. Пошаговая анимация

   https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.

   Asked by aqua.77, January 16, 2017

   • css3
   • jquery
   0 votes
   1 answer
6. Помогите разобраться в sass @import

   Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта

   Asked by azaqwerty, October 18, 2019

   • html
   • sass
   • адаптация
   • css
   • vs
   • code
   0 votes
   2 answers
7. При увеличении и уменьшении масштаба экрана, элементы плывут как хотят

   При увеличении и уменьшении масштаба экрана, элементы плывут как хотят, те которые в px плывут по своему те которые в % по своему, но суть одна и почему backgraund-image в body, занимает всю ширину экрана, независимо от указаной ширины?Спасибо

   Asked by Вячеслав петров, April 19, 2022

   0 votes
   4 answers
8. Проблема с selectом

   В и задаю фон с помощью CSS через вот часть кода: background: url(../images/gold_sem.gif) center center; все нармально, а вот в не получается.Что вы об этом думаете?

   Asked by vl@dvk, February 27, 2008

   0 votes
   5 answers
9. Распорка в IE6

   Код: <style> #left { float: left; width: 300px; height: 512px; background: transparent url('images/ear.png') no-repeat left top; } #right { margin-left: 300px; height: 512px; background: #FFFFFF; } </style> <div> </div id="left"> </div> <div id="right"> </div> </div> Суть проблемы: в IE6 между этими двумя div'ами идет распорка в 2-3 пиксела. Уже не в первый раз с этой проблемой встречаюсь, не могу понять, в чем дело. Параметры border, padding, margin у всех div'ов проставлены в 0. Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления. Заранее спасибо за ответ.

   Asked by my-name-is-Max, May 5, 2008

   0 votes
   1 answer
10. как задать цвет текста в <b> при условии что ...

    как задать цвет текста в при условии что находится в ??? <center><b>нужен другой цвет текста </b></center> я помню что где то видил как в стилях дать такое свойство , но не помню где ...

    Asked by Kos87, June 8, 2008

    0 votes
    3 answers
11. особенности map area в Firefox

    Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, подскажите, пример простой, ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width…

    Asked by dubist, September 18, 2008

    0 votes
    0 answers
12. не отображаются все елементы страницы в IE

    opera- IE- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <div id="left"> <div class="vv">Содержимое для class "vv" здесь</div> <div class="ss"> …

    Asked by kolorimage, December 10, 2009

    0 votes
    6 answers
13. Menu span, блокирует все что сзади

    Здравствуйте. У меня проблема. В браузерах Opera и FireFox, на сайте из-за Menu span, блокируется все что сзади находится. А в IE нормально. Подскажите как можно это испавить? http://slik.biz/mail.php Спасибо.

    Asked by BoB, March 7, 2010

    0 votes
    5 answers
14. Обтекание изображения.

    Привет всем! Как сделать без тега <br> так чтобы часть текста обтекала изображение, а другая была под самим изображением... Сами понимаете, если изображение большое, сидеть строчить 2 десятка <br> это не дело.. Я где-то читал, токо вот забыл...

    Asked by mrBulka, March 25, 2010

    0 votes
    5 answers
15. Интервал между абзацами

    Подскажите, пожалуйста, как увеличить расстояние между абзацами? Сайт http://forwomans.ru/ Здесь нужно что-то добавить? html body { background: url(images/bg.gif); font-size: 13px; font-family: Tahoma, Georgia, Verdana, Times New Roman; line-height: 120%; } Всем заранее спасибо за помощь! Все спасибо!!! Не нужно на сайте нашла!!! Тему можно удалить, извините!

    Asked by Boginya, October 9, 2010

    0 votes
    0 answers
16. вред float'a

    Всем привет! Изучаю семантику, и вычитала на сайте у одного из отцов верстки, что float нужно исопльзовать строго по назначению, т.е. когда нужно чтобы было обтекание. Типа он не предназначен, чтобы располагать элемент слева и справа, что нет такого свойста float: center и бла-бла-бла... Так вот, а что тогда делать, когда например в каком-то блоке слева форма для входа, а справа поиск. Чем флоат заменять? не не postition:absolutе же

    Asked by vikusik, June 9, 2011

    0 votes
    11 answers
17. Inkscape

    Кто пользует для вёрстки макетов? Давайте обмениваться опытом. Очень удобный редактор, можно собирать макет из картинок, потом нарезать его, делать кнопочки, фоновые рисунки, градиенты и т.д.

    Asked by neznayka, December 14, 2011

    0 votes
    4 answers
18. Всплывающий текст

    Добрый день, в общем делаю такую фишку, Шапка сайта будет состоять из картинок (банеров), при наведении на которые должен появляться текст, всё бы хорошо, но текст появляется правее картинки, следовательно все банеры не помещаются, помогите подправить css #header #banner width: 730px;height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #header #banner:hover{line-height: 133px; color: #575858; } #header …

    Asked by McLotos, April 2, 2013

    0 votes
    7 answers
19. Рябята прошу вашей помощи по верстки странички

    ребята прошу вашей помощи! вобщем надо мне сделать такой же блок картинки (флеш) как на этом сайте надо чтобы при разном разрешении картинка уходила влево (резинилась) уже слыхал разные отзывы. одни говорят что это css слои другие что это спецыфика флеш-ролика. помогите с кодом конструкция сайта будет приблизительно такой же.

    Asked by sold@t, June 14, 2009

    0 votes
    4 answers
20. Как растнуть фон? (css)

    Есть картинка с градиентом, с двумя еле заметными полосками снизу, сверху и тенью снизу. Глянуть картинку . Нужно сделать её растягивающимся фоном (!), учитывая что нижние и верхние полоски должны полюбому быть как на оригинале-снизу и сверху, и обовъязково тень снизу. Левая и верхняя часть этой картинки должны быть зафиксированы, а правая и нижняя-растягиваться под разный экран. Ещё момент: картинка находится по центру экрана, занимая собой всю площадь от правого края экрана до левого, а снизу и сверху при любом разрешении должны оставаться зазоры примерно 10-15%. Решение желательно в div, если нет-то в таблицах или javascript. PS, Уже резал её на части, пытался прис…

    Asked by sergey1317, September 17, 2010

    0 votes
    4 answers
21. Как работает height: 100% для <div>?

    Почему тут работает height: 100% для <div>, а тут не работает?

    Asked by krokodily, June 29, 2011

    0 votes
    2 answers
22. Сделать swf анимацию под ссылкой

    Есть страница с swf анимацией http://cardterapia.ru/content/babochka. В этой анимации зашита ссылка на левый сайт. А мне нужно, чтобы при клике на эту анимация открывался другая страница на моем сайте. Вот сам код <object height="500px" id="Flash" width="920"><param name="movie" value="/sites/default/files/9.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object> Может как то z-index поможет отодвинуть на второй план анимацию, а сверху сделать ссылку на всю область анимации?

    Asked by smirn0ff, February 21, 2013

    • swf
    0 votes
    15 answers
23. Ограничение по ходам в игре "Виселица"

    Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/

    Asked by Алеся, November 7, 2021

    • js
    • javascript
    0 votes
    0 answers
24. Сложности с вёрсткой списка

    Прямо не знаю, как тему назвать, извините) Выглядит это всё так. Див-обёртка - фиксированной ширины. В нём примерно так всё выглядит: Ссылка 1-1 —- Ссылка 2-1 —- Ссылка 3-1 Картинка 1 —- Картинка 2 —- Картинка 3 Ссылка 1-2 —- Ссылка 2-2 —- Ссылка 3-2 Цена 1 ——-- Цена 2 ——-- Цена 3 Условия: 1. Весь контент, _в том числе и картинки_ подгружается динамически, то есть высота блоков заранее не известна. 2. Картинка N - это ссылка, ведущая туда же, куда и Ссылка N-2. Причём Ссылка N-2 подсвечивается, когда курсор наводится на картинку. Сейчас реализовано так: они обе в одном диве, при наведении на который ссылка подсвечивается. 3. Картинки центрированы по высоте и ширине ячейки…

    Asked by Gaspode, April 2, 2011

    0 votes
    11 answers
25. Как подсвечивать в таблице строку вместе со столбцом при наведении курсора

    Здравствуйте! У меня имеется большая таблица. Реализовать подсветку строки при наведении мышки получилось. Возможно ли реализовать "перекресток", чтобы подсвечивалась не только строка, но и соответствующий столбец? JS не владею, к сожалению. Подскажите решения с помощью css и html, если они имеются. Заранее спасибо!

    Asked by Dreiser, May 3, 2013

    • table
    • hover
    • tr
    • td
    0 votes
    4 answers