HTML Coding

29542 questions in this forum

1. Влияние статичного блока на абсолютно позиционированные псевдоэлементы

   Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…

   Asked by Sigizmund, September 2, 2014

   0 votes
   7 answers
2. Как расположить форму поиска на одной линии с логотипом?

   Что-то оно не хочет у меня в ряд вставать. Скриншот http://i.imgur.com/MmhcYyB.png Код тут https://github.com/l1nx/CorporateBlue

   Asked by L1nx, October 24, 2014

   0 votes
   3 answers
3. inline-block гуляют по вертикали

   http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?

   Asked by Veseloff, June 25, 2015

   0 votes
   3 answers
4. Добавление блока и перестановка последующих

   Можно как-то с помощью HTML & CSS сделать так что когда добавляешь новый блок на страницу, то предыдущие сунуться в бок, а последний переходит на другую страничку, и так далее. Например если добавить новый товар в интернет магазин, то все товары по итогу посунуться на один, а последний перейдёт на следующею страницу. А если только с помощью JS или еще как то какой самый простой способ.

   Asked by Serhii Durov, February 17, 2020

   0 votes
   1 answer
5. Как вставить 3D-тур на сайт?

   Всем доброго времени суток. Имеется 3D-тур для заведения предоставленный по ссылке - http://fotospy.ru/3d/demo/grill-grad/domiki/tour.html. Каким образом мне вставить его на мой сайт так чтобы могли просматривать этот тур на нем? Буду благодарен за помощь.

   Asked by guram07, March 30, 2021

   0 votes
   1 answer
6. Высота таблицы

   Здравствуйте. У меня опять проблема. Что-то не могу понять как высоту таблицы задать. Нужен эффект примерно как на http://ya.ru т.е. что бы строка с копирайтами была строго внизу окна, а не тела документа. Задавал height=100% для table и работало, как надо, а в спецификации сказано, что это свойство для тега table не поддерживается. Как на том же яндексе это сделано, так и не понял.

   Asked by UNIX, February 23, 2009

   0 votes
   1 answer
7. Текст

   Добрые люди помогите! Я не могу сделать так чтобы, на странички двигался только текст, без заднего плана, как его закрепить подскажите в HTML. Заранее спасибо!

   Asked by Павел777, April 10, 2009

   0 votes
   1 answer
8. Позиционирование элемента

   Имею затруднения в изображении одного из элементов сайта. Вот эскиз: Весь макет выравнивается по центру, "жесткий" макет, с определенной шириной. С чем проблема: серая панель, на которой располагается слайдшоу. Слайдшоу будет реализовано в виде готового скрипта javascript и помещено в контейнер (эту самую серую панель). Нужно, чтобы серая панель справа всегда была в край окна браузера, а слева - на определенном расстоянии от центра окна (т.е. чтобы также равнялась по центру (с левой стороны) со всем остальным сайтом; иными словами, чтобы левый край панели был "привязан" к правому краю всего макета). Как такое выравнивание описать на css?

   Asked by freefly, July 5, 2011

   0 votes
   4 answers
9. Повтор изображения по вертикале

   Подскажите есть изображение Делаю так: <table cellpadding="0" cellspacing="0" width="100%" style="margin: 15px 15px 15px 15px"> <tr> <td valign="top" style="float:left;height: 15px;width:20px;background:url(/images/png/enti.png) no-repeat 0px 2px"></td> <td valign="top"> 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> </td> </tr> </table> Изображения в первом <td> появляется новое, можно как нибудь скрыть его, чтобы только именно то которое прописано (0px 2px)? Вот слева картинка задана положение 0px 2px, а оно повторяется вниз по списку (как сделать чтоб…

   Asked by uExpo, July 7, 2011

   0 votes
   2 answers
10. Библиотека и FLash

    Доброго времени суток, у меня такая проблема Есть таблица, которая находится в библиотеке <!-- #BeginLibraryItem "ссылка где находится библиотека" --> <!-- #EndLibraryItem --> В ячейках присутствую flash объекты <object> <embed src="ссылка?normal=ссылка&pressed=ссылка&hover=ссылка&clipboard=9605902" width="100" height="15" /> </embed> </object> Если таблица будет не в библиотека, то flash Объекты работают. Если таблица будет в библиотеке, то то flash Объекты не работают. Помогите разобраться, чтобы в библиотеке все объекты работали.

    Asked by SLameN, September 8, 2011

    0 votes
    5 answers
11. Как такое сделать?

    Привет всем! Вот делаю свой сайт на ВП и там пхп, который я еще не совсем гуд понимаю. Дело в том чтобы в выпадающем меню, нада сделать много пунктов (в ширину) Вот само меню Вот отгрызок из пхп <div class="header-menu"> <?php wp_nav_menu( array('fallback_cb' => 'blue_and_grey_page_menu', 'menu' => 'primary', 'depth' => '3', 'theme_location' => 'primary', 'link_before' => '<span><span>', 'link_after' => '</span></span>') ); ?> </div> А вот из ксс. Пробовал менять стили, но даже увеличив ширину понял, что если написать пять слов ширину, они всеровно будут одной ссылкой, так что надо менять пхп отгрызок, но я н…

    Asked by Shader, September 11, 2011

    0 votes
    2 answers
12. очистка флоатов))флоат под флоатом

    привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…

    Asked by dostel1, September 25, 2011

    0 votes
    2 answers
13. проблема с наложением блоков

    Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }

    Asked by triton, December 27, 2011

    0 votes
    3 answers
14. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien, February 12, 2012

    0 votes
    3 answers
15. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt

    Asked by garicktry, February 24, 2012

    0 votes
    4 answers
16. href и oncliсk

    Есть ссылка <a style="cursor:pointer;" onclick="newWind=window.open('/1.html', '', 'width=750,height=560,left=200,top=100,status=no,location=no,toolbar=no,menubar=no,resizable=no,scrollbars=yes');">Страница</a>, при нажатии на которую должно открыться отдельное окно определенных размеров. Но, как я понял, роботы не обрабатывают такие страницы, так как они не видят здесь самой ссылки(href). Как обойти это? Возможно ли обойтись без javascripta и открыть окно средствами html?

    Asked by stationfuk, March 25, 2012

    0 votes
    4 answers
17. Почему футер слева при увеличении обрезается?

    при обычном размере шрифта выглядит так а при увеличении шрифта урезается все что слева от меню без появления полосы прокрутки, почему? как исправить? почему футер обрезается слева, а справа не обрезается? вот css страницы width:960px; text-align:left; background:transparent; margin: 0 auto; а вот футер: #footer { position:relative; z-index:-1; margin-top:-100px; float:left; width:1280px; height:232px; margin-left:-160px; background: url(../images/footer.jpg) no-repeat; }

    Asked by nikki4, April 23, 2012

    0 votes
    1 answer
18. mootools fx.slide

    Добрый день! У меня на сайте установлена небольшая раскрывающаяся/закрывающаяся панель. Раскрывается она при помощи fx.slide, по умолчанию раскрытие идет от верха к низу, мне же нужно наоборот, чтобы открывалось от низа к верху. Вот мой код window.addEvent('domready', function() { var fx = new Fx.Slide('footer-snif').hide(); $$('#footbut h3').addEvent('click', function(event){ /* // w/out Fx.Slide var fx = new Fx.Morph($('footer-snif')); if ($('footer-snif').getStyle('height').toInt() == 0 ) { fx .start({'height': [0,200]}); } else { fx .start({'footer-snif…

    Asked by ninJo, May 9, 2012

    0 votes
    0 answers
19. Линия под элементом

    Добрый день! Как с помощью CSS сделать рисованную (картинку) линию под или над элементом?

    Asked by lexx, July 2, 2012

    0 votes
    4 answers
20. Прозрачная, закругленная рамка

    Подскажите, пожалуйста, как сделать вот такую рамку:

    Asked by uteelers5, July 4, 2012

    0 votes
    1 answer
21. как это сделать?

    подскажите пожалуйста как это сделать http://itmages.ru/image/view/589435/529acf80 что бы при наведении менялась картинка?

    Asked by olechic, July 10, 2012

    0 votes
    5 answers
22. Родительский контейнер не растягивается в IE6-9

    Есть внешний контейнер, в котором расположены кнопки и текстовые поля регистрационной формы. Также контейнер содержит ряд скрытых дивов, которые перестают быть таковыми в случае некорректно введенных данных (javascript-проверка). В FF, Opera, Webkit внешний див корректно растягивается, а вот в IE6-9 не хочет, и внутрение дивы вылезают за границу. Вот так: .tbl { width:100%;background-color:#f3f3f3;display:table; margin:10px auto;padding:15px 0px;border:1px solid #d4d0c8; } .string{display:table-row;width:100%;font:13px Tahoma;color:black;} #login_error, #pass_error, #mail_error{display:none;width:100%;font:11px Tahoma;text-align:center;color:red;} <form m…

    Asked by Streuner, September 27, 2012

    0 votes
    1 answer
23. Подвал

    Гляньте пожжалуйста сайт: http://kofe.16mb.com/. при разрешении примерно от 1600x1300px и ниже футтер отлипает от низа экрана и отображается как будто на нём стоит position: fixed; Подвал должен лежать всегда после контента. Как это исправить? Сам сайт: http://webfile.ru/6141563

    Asked by vova.a99, September 29, 2012

    0 votes
    2 answers
24. Помогите со стилями в IE и Google Chrome

    Здравствуйте... Пытался придать внешний вид мониторингу. Столкнулся с проблемой. Отображения в IE и Google. Проблема в том что блок с названием карты и кол-вом игроков расположен по верх картинки вот такими свойствами style="position:relative; top:-23px; left:24px;" И во всех браузерах а то Opera Mozilla Safari отображается нормально А в ие и гугле на месте где был блок образовалось пустое пространство.. из-за которого мониторы занимают больше места и + Вообще из шапки сьехали.... Вот полный код мониторинга. [online]<div style="color:#fff; text-align:center; width:165px; order:2px solid purple;"> <div> <div><div style="width:100%; backgroun…

    Asked by cheatoff-strike, November 27, 2012

    0 votes
    0 answers
25. Background

    Здравствуйте. Задал Background в css у body. Размер Background 2000x1197. На некотором участке картинки есть нарисованное место, куда нужно с помощью уже слоя div поместить другую картинку. Поместил, но тут и оказалось, что на широкоформатнике положение у div другое, что и естественно. Возможно ли div как то расположить так, чтобы во всех мониторах он был на нужном месте?

    Asked by immortal2305, December 4, 2012

    0 votes
    4 answers