HTML Coding

29,542 questions in this forum

1. текстовое содержание дива наезжает на соседней див

   текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…

   Asked by dmr, March 2, 2012

   0 votes
   6 answers
2. DIV "вываливается" за пределы родительског DIV

   есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…

   Asked by TrueTrue, March 2, 2012

   0 votes
   4 answers
3. Передать данные из PHP в XML - возможно ли?

   Здравствуйте, у меня есть ряд PHP переменных вида $example = '123'; $example1 = '321'; Каким образом эти данные можно передать в xml-документ? И возможно ли это?

   Asked by novickOk, February 27, 2012

   0 votes
   12 answers
4. Пунктирное подчёркивание многострочных ссылок

   Как быть, если ссылка должна занимать не 1 строку, а 2 и более, рамкой уже не получается?

   Asked by Tmin10, March 2, 2012

   0 votes
   4 answers
5. Сторонние шрифты

   Как можно добавить 2 сторонних шрифта сразу? С одним проблем нет, а вот второй не получается добавить.

   Asked by egoregor, March 2, 2012

   0 votes
   1 answer
6. Оптимизация моих трудов)

   Допустим у меня будет много страниц с одинаковым дизайном, в которых меняется только серединка. Какими способами можно размножить этот дизайн на много страниц, чтобы потом, например при правке, не менять +100500 страниц, а изменить в одном месте? Я знаю такой способ: В начале файла <?php require('na4alo.php') ?> Тут сама начинка страницы <?php require('konec.php') ?> Но мне кажется есть какой-то более рациональный способ.. Есть ли таковой?

   Asked by Dazar, March 2, 2012

   0 votes
   3 answers
7. Увеличение картинок в IE 6.0

   Сам сайт Тут три картинки, наводишь мышь - увеличивается одна. В ИЕ6 картинки не увиличиваются. Это просто ИЕ древний или какая-то беда с кодом? CSS .megaweb { text-align:center; background:#ffffff; width: 490px; } .megaweb a img { width:160px; height:220px; display:block; border:0; position:relative; top:0; left:0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .megaweb a { display:inline-block; width:160px; height:220px; position:relative; } .megaweb a:hover img { width:320px; height:439px; position:absolute; top:-218px; left:-80px; z-index:2; } HTML <center> <div class="megaweb"> <!--CSS3 увеличение ка…

   Asked by Uvelirr, March 2, 2012

   0 votes
   2 answers
8. Помогите с браузерами

   В опере шапка отображается нормально Опера а в мазиле и гугле хроме Гугл мазила В чём проблема?помогите пож

   Asked by Gvard, March 2, 2012

   0 votes
   6 answers
9. В Opere заблокированы все поля ввода

   Здравствуйте! Тема такая: Opera блокирует набор абсолютно во всех полях ввода на сайте. Т.е., Поиск, Комментарии, Форма Связи, Подписка - не функционируют. Текст, просто, не набирается. При этом, во всех других браузерах - сайт работает в штатном режиме. В чем может быть проблема? Как ее решить? P.S. Настройки браузера выставлены по умолчанию. Заранее благодарю за ответ!

   Asked by Santorin, February 17, 2012

   0 votes
   9 answers
10. При увеличении масштаба разваливается меню.

    Подскажите пожалуйста как это поправить. Ширина пунктов меню не указана.

    Asked by skygazer, March 2, 2012

    0 votes
    8 answers
11. Вставить видео на страничку

    Добрый вечер! Люди помогите пожалуйста - как вставить видео на страничку.

    Asked by sparta, February 29, 2012

    0 votes
    8 answers
12. CSS свойство transition и Chrome

    Всем здравствуйте. Разрабатываю ресурс на Wordpress (если это важно). Работа пока проходил на локале. Решил применить CSS свойство transition для плавного изменения цвета названия категории при наведении курсора. Использовал код: ul#catmenu li a { text-align:center; font-size: 1.0em; font-weight: bold; color: #737373; transition: all .20s linear; -moz-transition: all .20s linear; -webkit-transition: all .20s linear; -o-transition: all .20s linear; } Сначала думал применить данное свойство совместно с псевдоклассом hover, но тогда плавность работает при наведении, но если убрать курсор, то цвет меняется к первоначальному резко, без анимации. Тому применил свойст…

    Asked by Dayks, March 1, 2012

    0 votes
    6 answers
13. Background и аккардеон

    Здравствуйте. Делал аккордеон и столкнулся с неожиданной проблемой, не отображается background в виде картинки, в тоже время если задавать просто цвет, то всё отлично работает. Html: <div id="eventaccordion"> <h4 class="mooblock-title mb1_1t">Заголовок</h4> <div class="mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div> <h4 class="mooblock-title mb1_2t">Заголовок</h4> <div class="mooblock-el mb1_2e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0…

    Asked by param, March 1, 2012

    0 votes
    16 answers
14. Размер картинки по размеру ячейки

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

    Asked by Oranskaya_Olga, March 1, 2012

    0 votes
    1 answer
15. Условные комментарии IE в XSLT

    Условные комментарии к браузеру IE вида <!--[if lte IE 7]><link href="ie.css" rel="stylesheet" type="text/css" /><![endif]--> не читаются совсем, хотя находятся внутри пространства имен xmlns="http://www.w3.org/1999/xhtml" В чем причина?

    Asked by hike, March 2, 2012

    0 votes
    2 answers
16. многоуровневое вертикальное раздвижное меню

    пытался найти код многоуровневого раздвижного вертикального меню, смысл очень просто, используя любые методы сделать вертикальное меню где много уровней раздвижения (именно верх, вниз ). думаю понятно. если не сложно помогите. извените если написал непонятно, спрашивате будц отвечать вам на вопросы

    Asked by supernet95, March 1, 2012

    0 votes
    16 answers
17. Столкнулся с проблемой (.swf)

    Вобщем, ситуация такая: Имеется файлик .swf, скомпилированный прогой для снятия видео с экрана (делаю уроки по CMS). Соответственно, никакого исходника нет, задать параметры в .fla не могу. А видео снято в большом разрешении (около 2000px по ширине). Если в object в html просто прописываю нужную ширину, то края обрезаются. Нужно, чтобы ролик резинился. Или я туплю, или нужно декомпилировать (и не факт, что все корректно потом обратно компильнется). Подскажите решение без декомпиляции. Ссылка на архив — http://freeway-design.ru/files/tutorial.rar Там сам .swf и html скомпилированный. Спасибо.

    Asked by Verder, March 2, 2012

    0 votes
    3 answers
18. Проблема с галереей

    Не могу разобраться, пробывал по разному, ничего не выходило, прошу помочь. Нужно чтоб галерея располагалась посередине сайта или в две колонки. css body { background-color: #f2f2f2; width:500px; border:10px solid #D3D3D3; margin:0 auto; padding:10px } h1 { font-family: lobster two, cursive; font-size: 50px; font-style: italic; text-shadow: 2px 2px #adadad; text-align: center; color: #f2f2f2; onmouseover="this.style.color='#FFFFFF'; onmouseout="this.style.color='#000000'; } /* Менюшка */ #nav { position: absolute; top: 110px; left: 390px; } #nav li { float: left; display: block; } #nav li a { padding: 8px 14px; border-right: 4…

    Asked by Ergonav, February 26, 2012

    0 votes
    4 answers
19. Скруглённое поле ввода

    Как сделать скруглённое поле ввода типа этого без css3: иконка поиска не активна, пытался просто на фон поставить, так как в этом случае задать смещение указателя, чтобы не было текста на иконке и голках?

    Asked by Tmin10, March 1, 2012

    0 votes
    3 answers
20. Как это работает?

    Приветствую...Помогите мне просветится. Как вот такой код может создать треугольник? Ну как? width:0; height:0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 200px solid blue; —-- Код взят из http://tantek.com/CSS/Examples/polygons.html

    Asked by Mr.Black, March 1, 2012

    0 votes
    2 answers
21. как выровнять текст в блоке

    http://jsfiddle.net/Q8cGj/ Как сделать так чтобы текст не вылазил под низ первого блока? Пробовал указать 2 блоку длинну, результата не последовало, подскажите пожалуйсто.

    Asked by JastinB, February 28, 2012

    0 votes
    3 answers
22. редактирование модуля последних новостей Joomla 1.5

    Не могу справиться с CSS стилями для модуля Последние Новости в Joomla 1.5. Прописал модулю суффикс _lastnews, в css шаблона добавил: div.moduletable_lastnews{ list-style-image: none | url('../images/orange/menu_arrow.png') | inherit font-family:Verdana; font-size:10px; } все ок, шрифт и размер его поменялись. Но вот: исчезли графические маркеры над каждой новостью, не могу задать ширину блока....например новость "Обновлен раздел оборудование" прописывается в две строки, а нужно в одну без обрыва,

    Asked by xSPiRiTx, March 1, 2012

    0 votes
    1 answer
23. Есть несколько вопросов

    1.Почему не работает тень для img при задании inset? 2.Возможно ли стандартными средствами изменить вид <select> там стрелочку поменять и т д? 3.Валидно ли применять id и class к form? 4.Как вставить нестандартный шрфит в сайт? есть файл Futuris Cyrillic.ttf и нижеприведённый код, но ничего не работает, шрифт не меняеться? * { margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align:baselinebaseline; } @font-face { font-family:"Futuris Cyrilic"; src:local("Futuris Cyrilic"), url(../fonts/Futuris Cyrillic.ttf) format("ttf"); font-style: normal; font-weight: normal; } p, html, body, #all { font-size:14px; font-family:"Futuris Cyrilic"; line-heigh…

    Asked by strangerliquid, March 1, 2012

    0 votes
    4 answers
24. горизонтальное выравнивание <div> внутри <div>

    Нагуглил много тем с похожими обсуждениями, но в моём случае никак не получается. Код, который генерит php примерно такой: <td colspan="5" width="707" align="center"> <div id="container"> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> </div> CSS: #container { width: 705px; text-align: center; border: 1px solid black; overflow: auto; margin: 0px; } #leftcol { width: 200px; height: 200px; float: left; color: white; background: #8d7588; …

    Asked by terrrible, July 12, 2011

    0 votes
    20 answers
25. Google chrome min-height , height:auto не робит!

    #container { width:900px; height:auto !important; height:100%; min-height:100%; background-color:white; margin: 5px auto 0; } <div id="container"> [indent]<div id="header"></div> <div id="leftmenu"> <div id="logo"></div> <ul> <li><a href="index.php">Главная</a></li> <li><a href="index.php?p=articles">Статьи</a></li> <li><a href="index.php?p=about">Обо мне</a></li> <li><a href="index.php?p=feedback">Обратная связь</a></li> </ul> </div> <div id="content">много текста</div>[/indent] &l…

    Asked by danial72, August 16, 2011

    0 votes
    5 answers