HTML Coding

29542 questions in this forum

1. картинка+ссылка, наведение другая картинка

   Итак.... У меня возникла проблема. Мне нужно сделать ссылку в которой будет небольшая картинка и возле нее текст, но как сразу на нее навести то картинка меняется на другую.... буду очень признателен если подскажете как это сделать.

   Asked by sedrik, August 13, 2010

   0 votes
   5 answers
2. При наведении на ссылку меню пропадает часть содержимого страницы

   Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника

   Asked by h2choh, March 1, 2011

   0 votes
   3 answers
3. Как сделать transform:scale поверх соседних элементов?

   Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

   Asked by d0ublezer0, August 23, 2015

   0 votes
   7 answers
4. Неправильная работа margin-top у заголовка

   Почему margin не отодвигает h2 от верха родительского элемента, как положено, а добавляет ему отступ, как показано на картинке?

   Asked by DeuS7, June 23, 2017

   • html
   • css
   • margin
   0 votes
   3 answers
5. Как правильно задавать расстояние между однотипными блоками

   Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…

   Asked by BezMizinca, March 23, 2019

   0 votes
   5 answers
6. как можно сделать видимый scale на элементах внутри overflow:scroll?

   Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.

   Asked by d0ublezer0, March 14, 2023

   0 votes
   1 answer
7. Z-index в IE6

   Работает во всех браузерах, кроме IE6. В IE6 фон меняется местами с контентом. Может, кто сталкивался с проблемой? сайт http://lemali.ru

   Asked by Koshak, December 30, 2008

   0 votes
   1 answer
8. z-index и отрицательный margin

   Привет всем Пытаюсь первый блок разместить поверх второго. Объясните плиз, почему в данном случае не работает z-index? особенности отрицательного маржина или я не понимаю чего-то? css: #one { background-color:Green; width:600px; height:100px; z-index:1; } #two { background-color:Red; width:500px; height:100px; margin-top:-50px; z-index:0; } html: <div id="one">ONE</div> <div id="two">TWO</div>

   Asked by cronopio, May 21, 2009

   0 votes
   3 answers
9. Внесение формы

   Здравствуйте, вопрос конечно не совсем по теме но хотелось бы узнать ответ на такой вопрос: Я создал форму внесения данных на С++6 и хотел бы ее прикрепить к web приложению, подскажите как это сделать - каком формате эту форму сохранить в С++6 чтоб можно было ее прикрепить в web, или может ее нужно как-то сконвертировать? Ответ в инете я так и не нашел.

   Asked by raiden, June 10, 2009

   0 votes
   5 answers
10. переполнение ячейки

    Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась. Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться. А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество. Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как. Что посоветуете, форумчане, какие мысли решения? …

    Asked by Sober, December 7, 2010

    0 votes
    7 answers
11. Проблема верстки для мобильного браузера.

    суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …

    Asked by To_wave, December 23, 2013

    0 votes
    3 answers
12. Как сделать форму подписки на Landing Page?

    Здравствуйте уважаемые форумчане! В програмировании я не разбераюсь и поэтому мой вопрос может показатся глупым для опытных людей, но всё же имеет место быть. В крации объясню проблему. На днях мне понадобился Landing Page, но так как уже говорил, что я в програмировании не "бум-бум" , то естественно решил рипнуть шаблон с другого сайта ( да постигнет меня кара небесная за столь отчаяный поступок). И столкнулся с проблемой. Как мне настроить форму обратной связи, что бы оповещения о заказе приходили ко мне на почту ? Что куда нужно вписать и какие именно строчки в коде мне нужно искать ? Заранее благодарю за ответ!

    Asked by Zakonoposlushniy, October 1, 2015

    • Landing Page
    • Одностраничник
    • Форма подписки
    0 votes
    3 answers
13. Не работает суб меню

    Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/

    Asked by viliksar, November 9, 2018

    0 votes
    5 answers
14. Выравнивание ширины плавающих блоков

    Добрый день. Есть набор из произвольного количества блоков. Каждый блок состоит из: - картинки (всегда одной и той же) - строки текста под картинкой (количество символов ограничено сверху, т.е. всегда не больше некоего заданного числа); суммарная длина строки может быть больше ширины картинки Блоки выводятся один за другим: float: left; padding: 0 2em 2em 0; Картинки в блоках: position: relative; left: -4px; Блоки выводятся внутри ограничивающего контейнера, и мне надо, чтобы они равномерно распределялись по нему. То есть и по ширине, и по высоте они должны быть одинаковыми. (Можно представить себе сетку таблицы, и вне зависимости от количества блоков, размера шрифта и ве…

    Asked by Evgenia, September 3, 2007

    0 votes
    1 answer
15. Проблемы с IE iframe style

    <iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!

    Asked by joohny, September 10, 2008

    0 votes
    2 answers
16. IFRAME и border

    Есть таблицы шириной 100% и рамкой, заданной с помощью CSS. Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница. <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none"> <tr><td>content</td></tr> </table> <iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe> По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела. Пробовал сделать так: <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid"> <tr><td> <table cellp…

    Asked by ZooY, March 12, 2009

    0 votes
    1 answer
17. Почему после onblur элемент улетает вверх

    Здрасте, на поле логин стоит onblur. http://vvsh.ru/register/ Сначала крестик, после того как сделать поле логин активным, а потом перейти на другое, он переходит вверх, почему? причем старый не убирается, хотя должен, вот код: <tr> <td width="29%" nowrap="nowrap" valign="top">Логин *:</td> <td><input class="reg" onblur="logСheck();" type="text" name="username" style="width:200px;"> <span id="chf1"><img src="/style/images/er.png" title="Такой логин уже используется" border="0" height="16" width="16"></span></td> </tr> заранее спасибо

    Asked by vvsh, June 3, 2009

    0 votes
    4 answers
18. Скролбар в Div'e

    Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?

    Asked by monkeymafia, March 13, 2010

    0 votes
    3 answers
19. Не Могу Указать Стиль Для Простой Html Структуры

    Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.

    Asked by _duke_, September 12, 2010

    0 votes
    6 answers
20. SOS ! Не отобраается шапка joomla 1.5 в ie6

    Не отображется шапка joomla 1.5 в ie6 (в хроме тоже не работает). Бьюсь неделю. Сайт надо срочно сдавать а шапка не работает. В опере, мазилле, Ie8 норм, но в офисе стоит IE6

    Asked by merchspb, April 7, 2011

    0 votes
    19 answers
21. Помогите пожалуйста СРОЧНО

    Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя…

    Asked by NikNak, June 20, 2011

    0 votes
    14 answers
22. Резиновый макет как застваить сжиматься-разжиматься

    Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…

    Asked by param, June 29, 2012

    0 votes
    8 answers
23. Как теперь наблюдать за стандартами?

    Так как W3C не имеет никакого дела уже к HTML5, а им занимается WHATWG то как я понимаю W3C ж уже не документирует HTML5, по этому подскажите пожалуйста где можно следить за офф. стандартами. И как дело обстоит с CSS? W3C им же еще занимаются и на их сайте можно следить за стандартами?

    Asked by tini.kRyptoNite, June 29, 2012

    0 votes
    3 answers
24. как уместить текст в размер экрана opera mini?

    есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.

    Asked by mitiya, July 22, 2012

    0 votes
    3 answers
25. Проблема со вставкой своего шрифта в CSS

    Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, др…

    Asked by iIntUser, November 4, 2013

    • CSS
    • Шрифт
    • HTML
    • Страница
    0 votes
    3 answers