HTML Coding

29542 questions in this forum

1. Не работает код CSS для тега SPAN, для P работает

   В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?

   Asked by Омск, February 17, 2014

   0 votes
   3 answers
2. width: 25% + float

   приветствую. хотел поинтересоваться... какие есть способы для решения поставленой задачи. если не понятно о чем речь: имеем 3 колонки данных шириной 25%. при сужении окна под IE последний блок слетает. Знаю несколько вариантов решения данной проблемы но хотелось бы что то более универсальное. у кого какие идеи (или линки) есть на этот счет?

   Asked by klierik, October 9, 2008

   0 votes
   9 answers
3. Резиновый дизайн

   На данном сайте есть пример двухколоночного резинового макета. Там же есть место "подвалу". Так вот, если высота содержимого любого из столбцов меньше высоты страницы, то подвал будет висеть посередине страницы, прижавшись к самому "объемистому" столбцу. Воспользовавшись же различными советами в инете по размещению футера внизу страницы, абсолютно спозиционировав его внизу страницы или родительского блока, обнаружил, что столбец, спозиционированный с помощью float, не "толкает" его вниз, подобно элементу, спозиционированному как "relative", т.е. ведет себя как абсолютно-позиционированный. Получается, что если в столбце меню больше контента (часто бывает такое), то футер н…

   Asked by клот2, July 31, 2007

   0 votes
   3 answers
4. Скрыть последний разделитель в меню.

   В общем такая печальная картинка: Хотелось бы убрать лишнюю палку после последнего пункта. Заранее большое спасибо всем. Может меня почтит своим внимание PsyWalker... код вот такой: (leftmenu и rightmenu это боковые заглушки. Со скругленными углами.) case 'horizontal': default: echo '<div id="wrap"><div id="menu">'; echo '<table cellpadding=0 cellspacing=0 border=0 width="100%"><tr>'; echo '<td class="leftmenu"></td>'; foreach ($this->parent->children[0] as $v) { echo "<td class='cmenu'>"; echo $this->getFirstLevelItem($v); echo "</td>"; } echo '<td class="right…

   Asked by Lacosta, December 10, 2009

   0 votes
   6 answers
5. Возможно ли отцентрировать страницу по вертикали?

   Такая ситуация. Есть страница с фикс высотой. Нужно сделать так, чтобы при большом разрешении экрана она была вертикально отцентрирована, а не прижималась к верхнему краю. Такое вообще возможно сделать?

   Asked by Belovsan, October 6, 2010

   0 votes
   28 answers
6. DIV: в центре по вертикали, независимо от разрешения экрана.

   По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

   Asked by Kalisnik, May 6, 2011

   0 votes
   10 answers
7. Помощь в вёрстке "Шапки"

   Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?

   Asked by koekto93, October 23, 2015

   • header
   0 votes
   11 answers
8. Как float-элемент прижать к нижней границе родителя?

   Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp

   Asked by Goodman-77, January 18, 2017

   • float
   • bottom
   0 votes
   19 answers
9. VBScript + HTML

   Подскажите, пожалуйста, как могут взаимодействовать форма и VBScript?

   Asked by YOti, June 29, 2007

   0 votes
   3 answers
10. Jquery Всплывающее окно с затемнением фона.

    Помогите интегрировать на сайт Jquery всплывающее окно с затемнением фона, планируется использовать его для формы обратной связи. За помощь кину 200 рублей на телефон!

    Asked by Roman--1, January 7, 2014

    0 votes
    2 answers
11. проблема с фоном

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

    Asked by FLYERok, October 21, 2007

    0 votes
    7 answers
12. Как растянуть таблицу по всей высоте окна браузера?

    Здравствуйте! Как?

    Asked by Николай, March 25, 2009

    0 votes
    17 answers
13. Менюшка при верстке div-ным дизайном

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

    Asked by pulover, June 22, 2009

    0 votes
    12 answers
14. Почему в IE6 не происходит обтекание

    Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…

    Asked by W1nD, April 26, 2011

    0 votes
    16 answers
15. bootstrap Переключение слайдов BOOTSTRAP Carousel по клике по тексту

    Здравствуйте дамы и господа!) У меня к Вам такой вопрос, как можно правильно реализовать следующее: Мне нужно, чтобы при клике на строку/слово в тексте, галерея BOOTSTRAP Galerey переключалась на требуемый слайд и у слова, связанного с активным слайдов появлялось выделение в виде смены цвета текста, и подчеркиванием. Так же мне нужно, чтобы это работало и было связано с автоматической сменой слайдов. Т.е. слайды к примеру менялись бы каждые секунд 5-ть, при этом слова в тексте автоматически бы выделялись в зависимости от активного слайда. К примеру текст такой: И такая галерея: <div class="col-xs-12 col-sm-12 col-lg-offset-1 col-lg-4 car…

    Asked by UnWind, March 21, 2017

    • carousel
    • actions
    • java script
    • jquery
    0 votes
    2 answers
16. CSS+HTML помогите их воссоединить!

    Доброго времени суток! проблема с подключением CSS к HTML, ХТМЛ не воспринимает ссылку на CSS файл, все делаю по инструкции прописываю ссылку вида (после и перед ).браузер Mozilla FF и IE. заранее спасибо.

    Asked by brut, February 26, 2008

    0 votes
    14 answers
17. Как в JavaScript растянуть картинку только по ширине

    document.images[0].width+=1; вот это растягивает и высоту тоже, пропорционально можно ли скриптом растягивать ТОЛЬКО в ширину?

    Asked by OneginZheka, March 22, 2008

    0 votes
    4 answers
18. POSITION: absolute в IE7

    Здравствуйте. у меня есть блок div в нем естьвыпадающее меню UL li a при наведениии на ссылку выпадает подсписок ul ul li a. У этого списка абсолютное позиционирование. .topmenu ul li ul { display: none; position:absolute; top:38px; z-index:200; } ниже идет блок в неместь форма jNice в которой для оформления select используется абсолютное позиционирование. .jNiceSelectWrapper { WIDTH: 185px; margin:0 0 3px 0; POSITION: relative; HEIGHT: 20px; } .jNiceSelectWrapper DIV SPAN { OVERFLOW: hidden; WIDTH: 149px; background: url(/images/cms/sait/jform/select.gif) no-repeat left top; POSITION: absolute; color:#333333; font-size:11px; font-family:Verdana, Arial, He…

    Asked by ivanweb, September 23, 2009

    0 votes
    1 answer
19. Выпадающий список select

    Добрый день. Помогите решить проблемку: в форме регистрации на сайте сделал (а точнее переделал ненужный мне AOL) выпадающий список, в котором пользователи при регистрации должны выбрать марку телефона. <tr id="siM9"><td class="manTd1" id="siM10">$AOL_SIGN$</td><td class="manTd2" id="siM11"> <select size="1" id="siF11" name="aol"> <option>NOKIA</option> <option>SAMSUNG</option> <option>MOTOROLA</option> <option>SONY ERICSSON</option> <option>APPLE</option> <option>LG</option> <option>Другая марка</option> </select> Всё работает, но вот если вдру…

    Asked by AlexM, April 17, 2010

    0 votes
    8 answers
20. Как переносить текст?!

    Требования: должно работать под IE 6.0 Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span> Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку <table id="tabContent"> <tr> <td id="td1" style="background-color: red; width: 300px"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 1234567890123456789012345678901234567890123456789012345678901234567890 </td> </tr> </table> Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку. Может кто подскажет более…

    Asked by milvic, May 4, 2009

    0 votes
    12 answers
21. В шаблоне html инклудить еще html

    В общем есть шаблон странички в html (возможности php нет, "народ.ру"), которая должна включать в себя данные из отдельного файла html. На php все предельно ясно: <? include ("нужный файлик.htm"); ?> Вопрос: Как подобное можно реализовать в html, если вообще возможно?

    Asked by Cook, October 2, 2007

    0 votes
    9 answers
22. Отступ и border

    На сайте расположено 2 блока: слева - контент, справа - сайдабар. Хочу между ними провести вертикальную линию. Пытался с помощью тега border-right для контента. Но он естественно ложится сразу после текста, а мне нужен отступ для этой линии, чтобы было на ровне между первый и вторым блоком. Помогите советом.

    Asked by Ritter, August 19, 2010

    0 votes
    16 answers
23. float:left и выравнивание по центру

    Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

    Asked by bobo, April 20, 2011

    0 votes
    2 answers
24. Эффект перекатывания картинки

    Помогите пожалуйста правильно изменить код CSS. Имеется вот такой код <style type="text/css"> .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; color: inherit; vertical-align: top; width: 100px; height: 75px; margin: 2px; padding: 2px; border-color: #ccc; border-style: solid; border-width: 2px; } .hoverbox li { color: inherit; display: inline; float: left; position: relative; } .hoverbox .preview { border-color: #000; width: 20…

    Asked by _Ирина_, March 6, 2008

    0 votes
    8 answers
25. margin-top смещает родительский блок вниз

    Привет всем. Код: <!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" /> <style> * { padding: 0; margin: 0; } #wrapper { margin: 0 auto; width: 900px; } #header { width: 900px; background: #ABBEBE; } #content { /*border: 1px solid;*/ height: 300px; background: #ABFFFF; width: 900px; } #footer { width: 900px; background: #ABBEBE; } .stick { width: 100px; height: 100px; margin: 100px 0px 0px 10px; } </style> </head> <body…

    Asked by stalker_2000, September 17, 2008

    0 votes
    3 answers