HTML Coding

29,542 questions in this forum

1. Блочная вёрстка

   Всем привет. Пожалуйста, помогите в затруднительной ситуации. Прилагаю картинку - Дано: 3 дива. В первом диве текст и ещё пара дивов. Страничка с плящющей шириной (min-width, max-width). Надо: При уменьшении/увеличении окна браузера, первый блок тянется, второй и третий не изменяются и остаются у правого края. Никак не получается. Получается как на картинке 2 - при уменьшении окна браузера, блоки 2 и 3 перескакивают вниз.

   Asked by Chepolino, November 20, 2009

   0 votes
   6 answers
2. Background

   Подскажите пожалуйста такую штуку - можно ли начинать repeat с любой точки экрана? и ещё: можно ли одну и ту же картинку вставить и копировать по Y снчала слева, а потом справа?

   Asked by Travis44, November 20, 2009

   0 votes
   11 answers
3. див в ссылке

   Помогите пожалуйста, див взятый в ссылку опера ссылкой не считает и експлореру он тоже не особо по душе, как заставить их видеть его ссылкой? <a href="#" onmouseover="this.parentNode.style.backgroundImage = 'url(siteimg/rpbg.jpg)'; this.parentNode.style.backgroundRepeat = 'repeat-x'; $('#inpq').show(); return false; this.style.menunew.color = '#ffffff ';" onclick="$('#inpq').hide(); return false;" onmouseout="this.parentNode.style.backgroundImage = 'none';"> <div class="menunew" valign="middle">hfbhbhbhb</div></a>

   Asked by Likan, November 20, 2009

   0 votes
   10 answers
4. Абсолютное позиционирование и IE6

   Вопрос в следующем. Если в ЦСС задать примерно такое: position:absolute; top:10px; bottom:10px; left:10px; right:10px; , то 7й эксплорер и мозила "растянут" див таким образом, что он будет "не доставать" до края экрана по 10 пикселов с каждой стороны. 6й эксплорер не видит одновременно параметров left и right для одного элемента - читает только первый. Его можно от этого вылечить?

   Asked by Raiden-=DM=-, November 17, 2009

   0 votes
   52 answers
5. Убрать прозрачность дива

   Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо

   Asked by kirhost.com, November 20, 2009

   0 votes
   12 answers
6. Проблема с выравниванием объекта в линию..

   Добрый день. Я так чувствую я уже 145 человек, приходящий с такой проблемой, но честно перепробывал все известные танцы с бубном, ничего не помогло. Есть Полоса: Вот так её плющит при маленьком разрешении экрана: #information { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle; color:#fff; font-weight: bold; list-style: none; padding-top: 4px; background:#10347B; margin:0px; margin-bottom:1px; margin-left:0px; height:20px; border:0px; white-space: nowrap; } #information li{ float:left; padding-left: 8px; padding-right:16px; background: url('img/crosser.png'); background-position: right center; background-repe…

   Asked by Feiron, November 8, 2009

   0 votes
   5 answers
7. Помогите создать меню

   В идеале должна была получится меню со скрытыми списками подменю, которые будут появлятся при наведении мышкой на тот или инной пункт меню, ну или при нажатии на онные, подскажите плиз, что делаю не так и почему сами пункты меню не кликабельные? <table width="100%" height="100%" class="menunew" border="0" cellspacing="0" cellpadding="0"> <a href="#" onclick=" document.getElementById('menuw').style.display=''; return false;" <tr> <td colspan="4" height="49">dsadsad</td> </tr> </a> <span class="smenu" id="menuw" style="display:none"> <tr class="smenu" id="v1"> <td>&…

   Asked by Likan, November 20, 2009

   0 votes
   2 answers
8. Как сделать такую форму?

   Нужно сделать форму, как на картинке Уже замаялся подскажите как сделать

   Asked by aJaX, November 18, 2009

   0 votes
   10 answers
9. Помогите советом, сложная верстка

   День добрый, подскажите пожалуйста как сверстать такой дизайн. Определенные области (окно, дверь) должны быть ссылками и чтобы при наведении на них эта область менялась на другую картинку (РНР в помощь, для подмены имени картинки). Вся сложность в форме этих областей.

   Asked by vladi_goal, November 18, 2009

   0 votes
   8 answers
10. Программное изменение типа ссылки

    Задача программно изменить тип ссылок на файлы с относительных на абсолютные. Т.е. заменить не сами ссылки, а создать какой-то внешний управляющий модуль, который бы в зависимости от ситуации менял их тип. В частности, надо изменить путь к некоторым файлам изображений, которые в теле html-файла прописаны просто как "/папка/файл". Но html-файл и сопутствующие файлы располагаются на компьютере и еще на нескольких сайтах. В результате на одном сайте прописывается путь типа: "http://сайт/index/папка/файл", где "index/" надо убрать из пути. Т.е. надо переопределить ссылки под конкретное местоположение файлов, не меняя основного блока исходного html-файла (там, где прописаны вс…

    Asked by Joerrigo, November 18, 2009

    0 votes
    6 answers
11. Разные таблицы в браузерах

    Вот код <!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" lang="ru" xml:lang="ru"> <head> <title>Структурированные продукты</title> <style> .t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} .t-calc1 th div {padding:5px 10px 6px; background:#59B6D7} .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;} .t-calc1 td span {display:block; margin:0 0 3px;} .t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:…

    Asked by Lincky, November 19, 2009

    0 votes
    7 answers
12. отображение в FF и IE6 блка информации

    Здравствуйте уважаемые коллеги. Проблема вот в чём Есть блок content в нём ещё три блока сontainer в которых распологаются всякие <h1><h2><p> и <ul> Собственно в FF отображает всё как надо IE6 не отображает ничего. Вот код #content { float:right; overflow:hidden; width:589px; } #content .сontainer{ float:left; overflow:hidden; width:589px; background:url(../images/bg-c-cont.png) repeat-y 0 0; margin:0 0 10px 0; } Мне кажется что не дописал какой-то хак специально под IE. Буду благодарен тому кто поможет решить эту задачу.

    Asked by taran, November 19, 2009

    0 votes
    3 answers
13. выравнивание в линию нескольких div-ов по центру

    Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.

    Asked by drimer, November 19, 2009

    0 votes
    7 answers
14. ul и img float

    В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..

    Asked by mailmoney, November 19, 2009

    0 votes
    12 answers
15. a:active{} не правильно работает в ие6

    как исправить ошибки a:active { } в ие6? в опере или firefox'e нажимаю на ссылку - все в порядке, active работает(background меняется), отпускаю кнопку мыши background возвращается в исходное состояние(т.е. как был до нажатия) .... В ие6 же при отжатии кнопки мыши background остается как при a:active ((

    Asked by dvs, November 19, 2009

    0 votes
    0 answers
16. Имитация нажатия F11

    Привествую Ребята, есть кнопка <input type="submit" value="F11"> при нажатии нужно с имитировать реальное нажатие на клавиатуре клавиши F11. Как это сдлеать на js или может по-другому?

    Asked by okunev2, November 18, 2009

    0 votes
    9 answers
17. О создании сайта

    Здравствуйте. Около года назад писал свой первый сайт - интернет магазин. Немного научился php/mysql. Сделал форму обратной связи, авторизацию на сайте и т.д. Писал почти ручками - в Dreamweaver. Сейчас есть задача написать сайт - это не интернет магазин, попроще, которая даже будет оплачена. Но вот главный вопрос - имеет ли смысл опять мучиться и писать все ручками, когда руки тянутся сделать все в Joomla или wordpress? Благодарю за высказанное мнение.

    Asked by ruletka131, November 18, 2009

    0 votes
    2 answers
18. Цена по правому краю

    Как ни крутил, никак не придумаю, как сделать. Есть список услуг, нужно прицепить цены к правому краю, и промежуток заполнить чем-либо. если прибить цену к правому краю, то размер блока (или спан) с ценой ограничивается собственно текстом, внутри него содержащимся. Как добиться такого эффекта: Возможно ли вообще?

    Asked by d0ublezer0, November 16, 2009

    0 votes
    21 answers
19. Выравнивание элементов с обтеканием

    Есть такой код: <div style="width: 400px;"> <div id="ft1"><img src="images/foto1.jpg"></div> <div id="ft1"><img src="images/foto2.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto4.jpg"></div> <div id="ft1"><img src="images/foto5.jpg"></div> <div id="ft1"><img src="images/foto6.jpg"></div> </div> стиль: #ft1 { float: left; margin-right: 15px; margin-bottom: 15px; } При разности восоты картинок, происходит такое смешение: Подскажите как …

    Asked by okunev2, November 17, 2009

    0 votes
    9 answers
20. Firefox не показывает border в списке

    Mozilla Forifox границы не показывает. В Opera и IE все нормально. Подскажите почему и как это исправить? Разметка: <td class="menu1"> <ul> <li> <a href="">menu 1</a></li> <li> <a href="">menu 2</a></li> <li> <a href="">menu 3</a></li> <li> <a href="">menu 4</a></li> </ul> В стилях: .menu1 ul { list-style: none } .menu1 ul li { border-bottom: 1 dotted #c0c0c0; padding:0; margin:0; line-height: 2em; } .menu1 ul a { text-decoration: none; color: #000066; display: block; } .menu1 ul a:hover { background: #F4F4F4; }

    Asked by nor4ik, November 18, 2009

    0 votes
    5 answers
21. Открытие WORD-документа во фрейме

    Здравствуйте. Прошу помочь в следующем. Вот код фрейма: <iframe <?php echo $row->load; ?> id="blockrandom" name="iframe" src="<?php echo $row->url; ?>" width="<?php echo $params->get( 'width' ); ?>" height="<?php echo $params->get( 'height' ); ?>" scrolling="<?php echo $params->get( 'scrolling' ); ?>" align="top" frameborder="0" class="wrapper<?php echo $params->get( 'pageclass_sfx' ); ?>"> <?php echo _CMN_IFRAMES; ?> </iframe> Сначала во фрейм загружаю страницу со ссылками на WORD-документы (через jump menu) Вот код ссылок: <form name="form7" id="form7"> <selec…

    Asked by quake3, November 18, 2009

    0 votes
    11 answers
22. Что за тэг?

    Интересует что это за тэк и как влияет тег на поисковиков? <!-- sig --> здесь URL например <!-- / sig -->

    Asked by mantrid, November 18, 2009

    0 votes
    2 answers
23. Позиционирование фона

    Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

    Asked by CCron, November 17, 2009

    0 votes
    13 answers
24. Что раньше : JavaScript или XML ?

    Уважаеиые знатоки, прошу минутку вашего внимания, нужна ваша помощь! Я изучаю XHTML и CSS уже больше полугода, вышел на более менее неплохой уровень, теперь хочу двигаться дальше. Помогите разобраться, что раньше мне нужно начать изучать, JavaScript(немного изучал, более менее имею представление) или XML(никогда не изучал.) У меня есть много хорошей литературы по обоим предметам, только вот не знаю от куда начать, так как времени уйдет много и чтоб потом не возвращаться назад и не начинать учить что-то из этих языков заново, понимая, что сначала нужно было уделить время другому, я прошу вашей помощи, помогите пожалуйста начинающему! Всем спасибо!

    Asked by DarkKnight, November 17, 2009

    0 votes
    8 answers
25. td берет 100% высоты всего окна

    В таблице из средняя ее строка должна съедать все ее свободное пространство. из ниже приведенного кода, в фф она съедает его вполне правильно. заполняя собой все свободное пространство и не раздуваясь за пределы окна, а в ие и опере она берет высоту 100% окна в целом, а не просто раздувается на все доступное ей пространство. как ее заставить во всех бразуерах вести себя аналогично фф. <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <style> html, bod…

    Asked by oibeer, November 17, 2009

    0 votes
    1 answer