Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. вывод картинок, приклееных к краю

    Есть код, но он почему-то не выводит обе картинки по правому краю экрана, выводит только одну. Почему? <!--ask question--> <? if (get_the_ID() != 2181) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/zadat-vopros-po-stroitelstvu-bani" class="question_btn"><img src="<?php bloginfo( 'template_url' ); ?>/pics/ask_question.png" alt="" /></a>'); </script> <?}?> <!--end question--> <? if (get_the_ID() != 6141) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/bani" class="str_bir_btn"><img src="<?php bloginfo( 'template_u…

    Asked by fowl,

    0 votes
    4 answers

  2. Проблема с событием убирания мышки

    Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…

    Asked by Heijey,

    0 votes
    1 answer

  3. Инвертация значений нескольких кнопок

    Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…

    Asked by Ser8191,

    0 votes
    0 answers

  4. Помощь верстки новостного сайта

    Здраствуйте, Нужна помощь в верстке новостного сайта, есть вопросы на которые нужны ответы С Уважением Сергей

    Asked by Mastos,

    0 votes
    0 answers

  5. помогите передвинуть модуль

    используя css модуля корзины и css нижнего модуля пс желательно без использования css нижнего модуля

    Asked by kote,

    0 votes
    4 answers

  6. Блок с округлением

    Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…

    Asked by Rambo2045,

    0 votes
    1 answer

  7. Съехал весь сайт

    Заменил гугло скрипт один на другой и сайт весь съехал Помогите узнать почему. Сайт: http://twiu.ru/h92

    Asked by Tchorteg,

    0 votes
    3 answers

  8. Аспекты позиционирования

    меня интересуют все моменты выравнивания по центру внутреннего элемента: например <div class="one"><div class="two"> </div> </div>, пусть размеры у них заданы явно сразу 500 х 500 px для внешнего и 200 х 200 px для внутреннего. я знаю следующие способы: 1. установить внутреннему стиль margin:0 auto; //внутренний встанет по центру горизонтальному 2. используя для внешнего позицию relative и для внутреннего absolute с указанием стиля left:50% top:50% и минус margin'ы равные половине длины и ширины соответственно //внутренний элемент встанет по центру веб страницы как вертикально так и горизонтально. 3. установить html атрибут align для внешнего эле…

    Asked by Hell&Heaven™,

    0 votes
    2 answers

  9. Выравнивание по вертикали блока внутри блока

    Всем доброго дня. Имеем код: <div style="width:500px; height:250px;" class="container"> <div class="content">Произвольный, меняющийся контент, высоту блока задать явно не получится.</div> </div> Вопрос: можно ли div.content выровнять внутри div.container ? vertical-align:middle не работает...

    Asked by goooooch,

    0 votes
    1 answer

  10. div по центру

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

    Asked by DImas95,

    0 votes
    2 answers

  11. Разный масштаб сайта с компа и с сервера

    Кто-нибуть, подскажите, почему когда я смотрю свой сайт с винчестера он показывается правильно, а когда с сервера, то нужно 2 раза клацать уменьшение масштаба? Спасибо! Сайт: http://www.simmix.in.ua Попутно: что-то с "галереей" не так, и рекламный блок съехал и картинки "упали все" в ряд.

    Asked by Vicoff,

    0 votes
    1 answer

  12. Загрузка "резиновой" картинки

    Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними: <p>Абзац 1</p> <img style="max-width: 100%; height: auto;" src="http://pic1.jpg" /> <p>Абзац 2</p> Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая. При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку. Меня интересует как поступить грамотно в такой ситуа…

    Asked by type,

    0 votes
    3 answers

  13. Кривая верстка в IE 8 лишь на движке

    Сверстал макет, в IE8 отображается вполне сносно. Вот пример верхнего меню http://jsfiddle.net/aTWq5/1/ Натянул на движок, вроде как код не поменялся, или я слепой... но выпадающего меню как не бывало... отображается он бог знает как.(в режиме совместимости ещё более-менее) а так, лишь первый элемент меню отображается нормально... Кто что может подсказать? Пациент: _libraryshop.ru p.s. на картинки с товарами внимания можно не обращать, это пока лишь небольшой косяк.

    Asked by NightHawk,

    0 votes
    2 answers

  14. display: table-cell, table или div

    В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?

    Asked by binomer,

    0 votes
    4 answers

  15. Несколько ul в nav

    Вопрос: футере сайта, сложное меню в несколько строк и столбцов. Можно ли все обернуть тегом nav и туда поместить несколько ul и их расположить столбиками, или нет. Вроде в спецификации не написано, что нельзя, но я все равно мучаюсь выбором - то ли в один nav все ul, то ли несколько nav создавать. А вы бы как сделали?

    Asked by anastasia1981,

    0 votes
    2 answers

  16. Перемещение ровно на 20 пикселей правее

    Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

    Asked by xTODx,

    0 votes
    1 answer

  17. смещение картинок

    Есть блок такого типа: делаю так: http://jsfiddle.net/Lola89/rkrhphzm/1/ в браузере отображается вот это: Подскажите что необходимо переделать? Спасибо!

    Asked by Lola89,

    0 votes
    3 answers

  18. Как центрировать блок

    Вот небольшой пример - https://jsfiddle.net/zpLhab6z/ Как можно выставить по центру экрана сам блок с ссылкой? Желательно без использования дополнительных контейнеров и структуры типа <center_></center_> Спасибо.

    Asked by alleclf,

    0 votes
    6 answers

  19. Меню

    Здравствуйте! Подскажите пожалуйста как сделать чтобы меню выпадало при наведении на графический объект (кнопку) Вот меню: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> #navi { margin: 0px; padding: 0px; list-style-type: none; } #navi a { display: block; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica; color: #000099; padding: 3px; margin-top: 0px; border-bottom: 1px dashed #cccccc; width: 150px; } #navi a:hover { color: #000; background-color: #99CC…

    Asked by Angela,

    0 votes
    0 answers

  20. Подгон высоты нескольких колонок под наибольшую по высоте колонку

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

    Asked by rscout,

    0 votes
    2 answers

  21. Пересекаемые объекты, дивы

    Есть два дива! Первый пересекает область второго! Как сделать, что бы первый див не блокировал содержимое от свойств мыши второго?

    Asked by gargon2008,

    0 votes
    1 answer

  22. Flash и IE

    Всем привет.У меня возникла как на мой взгляд странная проблема с IE.Во всех браузераз кроме всех IE mp3 плеер подключеный с помощю SWFobject работает. Предоставляю ссылку на сайт _melofon.ms

    Asked by Mr.Black,

    0 votes
    0 answers

  23. Основные инструменты для верстки?

    Какие основные инструменты нужны для верстки?

    Asked by Sergey410,

    0 votes
    2 answers

  24. Не подключается функция из jQuery

    Имеем: <ul class="menu"> <li><a href="#">О предприятии</a> <ul> <li><a href="#">Наша история</a></li> <li><a href="#">Награды</a></li> <li><a href="#">Совет директоров</a></li> </ul> </li> </ul> Чтобы меню второго уровня плавно разворачивалось при наведении, прицеплен jquery.js и в нем для .menu должна работать нижеследующая функция, но она не работает (нужный кусок кода начинается с комментария //smooth drop downs): function k_menu() { // k_menu controlls the dropdown menus and improves them with javascript jQuery(".me…

    Asked by Squidward,

    0 votes
    1 answer

  25. Движется хедер, а не должен.

    Делаю меню списком, меню вложено в хедер. При выставлении margin-top для меню,движется весь хедер, вместе со списком. Немного кода: #header {width:100%; height:167px; background:#353a33; position:relative;} ul{ list-style:none; background:url(images/menubg_06) repeat-x; width:1024px; height:64px; margin-top:103px;} Помогите пожалуйста

    Asked by skygazer,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept