HTML Coding

29542 questions in this forum

1. 3-х колоночный резиновый макет, минимальная и максимальная ширина

   есть сайт с примерно таким шаблоном http://studioad.ru/divit/divit_4444.txt : плавающие блоки по бокам и резиновый центр. Проблема при использовании шаблона состоит в том, что если в средней колонке использовать свойство clear, то контент в этой странице опускается до уровня, где заканчивается правая колонка: <div style="clear:both;"> , нормальный вид Знаю, можно вместо clear использовать overflow, но это лишь способ обойти проблему, мы теряем возможность использовать clear Вопрос: это несовершенность шаблона, если да, то можно ли ее устранить? Существует другой, аналогичный по функционалу, шаблон без этой проблемы?

   Asked by abc_ua, August 25, 2010

   0 votes
   6 answers
2. Как сделать смену языка на сайте без перезагрузки страницы

   Хотел бы сделать смену языка с помощью 2 флажков английского и русского, хотелось бы это сделать на html и css, без подключения каких либо модулей, дайте мудрый совет как лучше это сделать.

   Asked by plower96, August 10, 2014

   0 votes
   3 answers
3. Как сверстать такую навигацию

   Здравствуйте, уважаемые форумчане! Сейчас я верстаю сайт, на котором мне нужно сверстать такую навигацию. Буду очень благодарен за помощь.

   Asked by misha709, December 4, 2014

   • навигация
   • верстка
   0 votes
   3 answers
4. float и вложенные слои

   <div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

   Asked by Cage, October 1, 2009

   0 votes
   6 answers
5. Селекторы

   Здравствуйте. есть к примеру элемент <div class="foo"></div> В чем разница между селекторами .foo и div.foo ?

   Asked by Avalon4eg, August 3, 2012

   0 votes
   20 answers
6. Чат

   Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.

   Asked by Mestniy96, February 28, 2015

   • чат
   0 votes
   19 answers
7. Почему не скроллится страница?

   Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?

   Asked by borus, April 25, 2017

   0 votes
   1 answer
8. Позиционирование изображений через <div>

   Хочу сделать, чтоб не было видно разрыва между рисунками, но не могу удалить разрыв по горизонтали. Вот код: <div class="heather" align="center"> <img src="images2/heather1.jpg" width="244" height="154" /><img src="images2/heather2.jpg" width="536" height="154" /> </div> <div class="panel" align="center"><img src="images2/panel1.jpg" /><img src="images2/panel2.jpg" width="126" height="30" /><img src="images2/panel3.jpg" /><img src="images2/panel4.jpg" width="126" height="30" /><img src="images2/panel5.jpg" width="130" height="30" /></div> Пытался обнулить border у классов, но это ничего не дало

   Asked by westalka, January 8, 2008

   0 votes
   8 answers
9. В чем ошибка?

   Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.

   Asked by losso, August 29, 2008

   0 votes
   7 answers
10. Создание градиентного горизонтального меню в фотошоп.

    Недавно начал изучать фотошоп и html. И вот натолкнулся на загвоздку: как мне сделать меню с закругленными углами и еще при наведении на пункт меню чтобы менялся цвет? Я пробовал рисовать меню, в принципе все получилось нормально, но когда дело дошло до совмещения картинки со списком в html встал в тупик. Я пробовал задать абсолют картинке и списку и совместить их маргинами, но получилось плохо. Можете что нибудь подсказать или навести и указать в каком направлении копать?

    Asked by ВовчиГ, February 7, 2011

    0 votes
    17 answers
11. Как снять форматирование ссылок для картинки

    http://ktp-stankin.msk.ru/bak/?p=cat1&c=3&subc=13 вот тут надо чтобы картинки при наведении не подчеркивались точками..как это можно сделать? что-то самому не получилось картинки, как и текст лежат в блоке #content #content a{ color: #1512ad!important; text-decoration:none; font-weight: bold; } #content a:hover{ color: #1512ad; text-decoration:none; border-bottom: 1px dotted #1512ad; font-weight: bold; } зы вариант убрать подчеркивание ссылок точками вообще не принимается) ззы сайт еще пишется...так что на все остальное не обращайте внимания) а ... и еще..помещать картинки в отдельный тег, у которого прописывать стиль, тоже не вариант так как эта область з…

    Asked by paShaman, March 23, 2008

    0 votes
    6 answers
12. html-ТЕСТЫ

    ПОМОГИТЕ СОСТАВИТЬ любые ТЕСТЫ ПО html используя как нам сказали вопрос ответ Заранее спасибо

    Asked by МАРИЯ 55, April 8, 2008

    0 votes
    11 answers
13. Есть пара вопросов по HTML

    1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь

    Asked by Михаил Кононенко, October 25, 2009

    0 votes
    13 answers
14. background и IE

    Не пойму почему IE не воспринимает ни background ни border для блока <div id="layout"> . <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Gor_spis</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; } </style>…

    Asked by ardjuna, February 5, 2010

    0 votes
    14 answers
15. Блоки съезжают в firefox

    Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …

    Asked by Stahanovec, December 3, 2010

    0 votes
    5 answers
16. подкачка изображений в кнопки

    У меня есть рисованая кнопка 1и такаяже ток для активации. кнопка подскажите скрипт как сделать подкачку изображения второй кнопки при наведении курсора на кнопку т.е чтобы при наведение создавался эффект мигания. может у кого есть своя метода.... подскажите

    Asked by perfvozovantes, November 22, 2007

    0 votes
    6 answers
17. Танцы со списками

    Доброе время суток! Может кто знает, можно ли сделать выравнивание списка не по левой стороне, а по правой, соответственно и маркеры перенести тоже на правую сторону? Задумка зделать меню полукругом обтекающий справа и слева груглый объект. С правым списком проблем нет, а вот с левым - проблема. Можно ли такое сделать списком?

    Asked by mozart, November 5, 2008

    0 votes
    8 answers
18. Текстовое поле под углом!

    Добрый день. Есть Проблемма и я надеюсь что может с этим кто то сталкивался и посоветует решение. По середине странцы лежит лист бумаги (не вертикально и не горизонтально а под неким углом). На этом листе должен быть расположен текст именно текстом а не рисунком. Но вся згвозда в том что текст долже быть расположен под углом так же ка к и лис на котором он как бы напечатан. Как сделать наклонное расположение текста ?

    Asked by sofo, April 16, 2009

    0 votes
    13 answers
19. Подскажите, как сделать в одну строчку

    Добрый день! Ребята, подскажите где поменять в коде чтобы было не так как сейчас: а в одну строчку, красиво)) Код: <div class="right"><b>Поделиться:</b><!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/ad…

    Asked by mafusail1900, November 23, 2011

    0 votes
    4 answers
20. Нумерация страниц CSS

    Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …

    Asked by daniluch, February 4, 2013

    • css
    • нумерация
    0 votes
    2 answers
21. Выравнивание внутри ячейки

    Доброе время суток! Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ronik-IP</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="rip_new.css"> </head> <body> <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu"> <tr> <td width="187px" align="right" class="bottom_menu_td"> <a href="/">1111</a> </td> <td wi…

    Asked by NickAssa, June 10, 2008

    0 votes
    1 answer
22. Как убрать вертикальный скролл если высота 100%

    Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…

    Asked by pati, October 20, 2011

    0 votes
    3 answers
23. Эффекты перехода страниц в Firefox

    Почему-то не работают эффекты перехода страниц в браузерах Opera (вполть до 9.20) и Firefox. IE отображает их правильно и красиво, но кому он сегодня нужен! Есть ли хитрый способ заставить работать переходики и в этих актуальных браузерах тоже? Заранее благодарен за отклик.

    Asked by MG, June 30, 2007

    0 votes
    3 answers
24. В IE прозрачная PNG берет не правильный бэкграунд

    И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…

    Asked by alex-ks, March 7, 2010

    0 votes
    5 answers
25. Разные анимации элемента по :hover

    Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

    Asked by Kelenar, June 4, 2015

    • :hover
    • @keyframes
    • animation
    0 votes
    5 answers