HTML Coding

29,542 questions in this forum

1. три колонки на div для разного фона по краям

   был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …

   Asked by severum, December 28, 2009

   0 votes
   8 answers
2. выпадашка в bootstrap

   помогите пожалуйста решить проблему в примерах бутстрапа на этой страничке вы верхнем меню есть выпадающий пункт 'Dropdown' я взял эту страничку и вставил в верхнее меню html выпадающего пункта. в результате в меню появился пункт "Голосования", но после клика не происходит выпадание пунктов. вот пример моей странички на моей страничке после клика по пункту "Голосования" firebug показывает мигание класса dropdown, а должно происходить преобразованиие класса в dropdown open

   Asked by cyklop77, August 1, 2015

   • bootstrap
   0 votes
   3 answers
3. относительное позиционирование

   Есть блочный элемент, который активируется изменением свойства display (block | none) с помощью JavaScript. Как сделать так, что бы все следующие за ним блоки не сползали вниз при появлении данного блока. Т.е. что бы динамический блок отображался поверх остальных блоков. З.Ы. Все элементы находятся внутри родительского блока (position: relative).

   Asked by chi, June 20, 2009

   0 votes
   9 answers
4. В IE не видно пунктирное подчеркивание ссылок

   Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…

   Asked by begin3, March 8, 2010

   0 votes
   6 answers
5. Обьясните тупому, чем отличается id="" от class=""?

   Сколько не смотрю исходные коды страниц, везде вижу применение и id="" и class="", только не могу понять чем они отличаются, что в каких случаях применяется и т.д. и т.п. По функционалу вроде одно и тоже, единственная разница, которую заметил - это каким образом записывается в стилях (#id, .class). А еще то, что одному элементу двух и более id не присваивают, а с class история другая... Подскажите?! Может я вообще неправильно это все использую..

   Asked by mozart, May 24, 2008

   0 votes
   2 answers
6. Помогите с позицей блока

   Всем добрый день! Такая проблема, придумал примочку для своего сайта. У меня сайт с чертежами, делаю на него новый дизайн, вот у меня есть на заднем фоне кульман (линейки) я поставил ява скрипт который реализует ползун (это тот блок который я немогу сверстать) сейчас в css он задан вот так: #sidetab { background: url(images/polzun.png) top center no-repeat; width: 127px; height: 200px; position:relative; top: 250px; margin-left:10%; } Мне нужно чтобы при любых разрешениях этот ползун всегда был на ленейке, а как сделать не знаю( вот адрес тестовой площадки на всякий случай. Заранее спасибо.

   Asked by ws256, January 25, 2009

   0 votes
   9 answers
7. проблема с widgetkit gallery

   После размещения сайта на хостинге, нельзя изменить или добавить галерею widgetkit. Галерея открывается, но кнопки создать/добавить папку неактивны. Подскажите в какую сторону копать. P.S.: права доступа на папки установлены. На локальном сервере все было ок. Все что сделано на локальном сервере, отображается правильно, проблема появилась после переноса на хостинг.

   Asked by Mardok, June 6, 2013

   • widgetkit
   • gallery
   0 votes
   18 answers
8. Текст поверх картинки

   Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…

   Asked by Вадос Пёс, July 5, 2016

   • css
   • html
   0 votes
   4 answers
9. Помогите усовершенствовать скрипт!

   Хотите верьте, хотите нет, этот скрипт я придумал сам (знаю, может где-то такой и есть), но мой моск умудрился слепить 2 скрипта в одном Собственно сделал так, чтобы при клике на эскиз фото оно открывалось в оригинале. Вобщем дальше моск вскипел и перестал работать, собственно надо еще сделать так, чтобы при клике на этом открывшимся фото оно возвращалось в прежний эскизный вид. Помогите пожалуйста усовершенствовать код, хочу написать галлерею. <a href=images/mbike.jpg><img width="300" src="images/mbike.jpg"></a>

   Asked by Пятница, February 12, 2008

   0 votes
   10 answers
10. Срочно! Прыгает подвал в ИЕ6

    Друзья! Можно ли что-то сделать по-быстрому, не переверстывая, чтобы здесь: http://new.karo.spb.ru/authors.html в ИЕ6 подвал не прыгал в середину экрана при наведении мышки на верхнее меню? Ой, в ИЕ7 тоже прыгает о_0

    Asked by Yulia, December 23, 2008

    0 votes
    8 answers
11. Помогите пожалуйста

    Есть текст открытый с помощью fire bag (отрезок) <div id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Мне нужно сделать так: <div id="Proba" id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Вроде всё просто открыл файл html и прописал, но вот в чём проблема когда открываю файл html (view_doc.html) там вот такой текст <% Server.Execute( "include/access_init.html" ); curParams = new SafeObject; tools_web.set_web_params( curParams, curWebDesign.wvars, true ); Request.Session.Env.SetProperty( 'curParams', curParams ); if ( curObjectInitErrorText != '' ) { curErrorText = curObjectInitErrorText…

    Asked by gabdsh, November 20, 2012

    0 votes
    11 answers
12. параметры тега img в css и классы

    проблема-с... даже две. первая: надо перенести эти 3 параметра в css. какие есть ксс-ные аналоги? вторая: никак не пойму, почему у меня не работают классы. так выглядит часть моей хтмльки: а так - css-ки: img.ill {witdh: 160; height: 120} что не так?

    Asked by sham2, May 10, 2008

    0 votes
    2 answers
13. Лого

    Подскажите как исправить следующие: Пытаюсь сделать лого кликающим и вот что получилось .... До:+Скриншот <!-- begin ambience header--> <div align="center"> <table bgcolor="#f7f7f7" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="border"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="287" height="159" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_top_ls.jpg" width="287" height="159" alt="" /></td> <td width="170" height="159" align="left" valign="top"><img src…

    Asked by zThetis, May 1, 2009

    0 votes
    12 answers
14. Ограничение размера

    Люди. Помогите. Можно ли как-нибудь ограничить размер картинки? Если картинка, например, 200 пикселей, то она сократится до, например, 120 пикселей, а если 60, то она и останется 60? Так возможно?

    Asked by Rasie1, November 22, 2009

    0 votes
    5 answers
15. Некорректное отображение в IE

    Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:trans…

    Asked by Sven, July 12, 2010

    0 votes
    18 answers
16. выравнивание формы по низу таблицы

    Подскажите, как правильно расположить форму по нижнему краю таблицы. Между нижним краем таблицы и формой вс? равно остается пробел. ( <table border="1" width="100%" id="table1" height="162"> <tr> <td valign="bottom"> <form method="POST"> <input type="text" name="T1" size="36"><input type="submit" value="Отправить" name="B1"> </form> </td> </tr> </table>

    Asked by kibadachi, December 3, 2007

    0 votes
    3 answers
17. Выпадает Лишний Padding

    помогите, всю голову поломала уже делаю горизонтальное меню, вместо пунктов картинки <div class="navContainer1"> <ul> <li><a href="#"><img src="../../../_images/nav-btn01.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn02.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn03.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn04.gif"/></a></li> </ul> </div> вот css .navContainer1{ background:url('../../../_images/…

    Asked by Guest Ната, August 25, 2008

    0 votes
    9 answers
18. Три колонки в 100% - как добавить отступы?

    Здравствуйте. http://joomla.bardov.nnov.ru/ Верстка в три колонки, в контейнере columns колонки cleft(20%), cmiddle(80%), cright(20%) Как только добавляю padding к колонкам, правая колонкаслетает вниз, под среднюю. Как этого избежать? Пробовал добавлять margin к блоку wrap, в который обернут каждый блок контента в колонках - это свойство не отрабатывает.

    Asked by d0ublezer0, January 16, 2009

    0 votes
    12 answers
19. Запрет разрыва содержимого списка

    Есть такая структура: <div> <ul> <li><a><span>Текст про собак</span></a></li> <li><a><span>Текст про попугает</span></a></li> <li><a><span>Текст про удавов</span></a></li> ... <li><a><span>И про НЛО</span></a></li> </ul> </div> <div> имеет фиксированную ширину, элементы <li> выстроены горизонтально с помощью display:inline. Проблема в том что список большой и в одной строке не вмещается, а при переносе на другую разбивается содержимое, например "Тект про" остаётся на одной …

    Asked by pedrosoft, August 20, 2009

    0 votes
    12 answers
20. Как сделать этот сайт по центру?

    Сверстан сайтик был в Imageready и потом в Dreamweaver. http://simpsonsnow.narod.ru/ Как сделать, чтобы весь сайт всегда позиционировался по центру? Вот код html <html> <head> <title>Симпсоны только сейчас - Главная</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- ImageReady Preload Script (desing6.psd) --> <script type="text/javascript"> <!-- function newImage(arg) { if (document.http://simpsonsnow.narod.ru/images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changehttp://simpsonsnow.narod.ru/images() { if (document.http://simpsonsnow.narod.ru/images && (pr…

    Asked by delta7, November 8, 2010

    0 votes
    11 answers
21. Рендеринг шрифтов в IE9, it sucks.

    Даже не знаю с чего начать, хм... Проблема в том, что в IE9, очень плохо отображаются шрифты, без сглаживания, какие то даже может не четкие, размытые. В интернете находил много тем с обсуждением данной проблемы, но конкретного решения не встречал, об этом можно почитать на хабре или ixbt. Пример сравнение рендеринга шрифта в разных браузерах на картинке: Мне же интересно как решить данную проблему, что бы во всех браузерах шрифт отображался примерно одинаково, а если быть точней, что бы IE9 отображал нормально шрифт, как это было в IE8 или в других же браузерах. Тут уже как то пару раз спрашивал, не создавая новую тему, но ответа так и не получал, не ужели ни кто не зна…

    Asked by papay, January 14, 2013

    • font
    • ie9
    0 votes
    4 answers
22. Jquery Всплывающее окно с затемнением фона.

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

    Asked by Roman--1, January 7, 2014

    0 votes
    2 answers
23. float элемент выходит за нижнюю границу не float элемента

    Есть проблема. У меня есть div, в котором может находится любой текст, картинки, и вс? что угодно, так как это блок новостей, и администратор может размещать свою новость тут. Предположим, что новостной контент состоит из картинки и текста <div> <p><img src="test.jpg" alt="" />some text here</p> </div> Но это не самое красивое размещение текста относительно картинки, и администратор решает картинку сделать обтекаемой справа: <div> <p><img src="test.jpg" alt="" align="left"/>some text here</p> </div> И вот тут возникает проблема, картинка почему-то вываливается ниже нижней границы div'а. Немного поэксперементиро…

    Asked by Altex, June 19, 2008

    0 votes
    2 answers
24. Как без фрейма сделать?

    Мне для галереи надо сделать так: Есть див, в котором маленькие фото, мне надо так, чтобы в этом диве был нижний скролл, которым можно будет, как во фрейме прокручивать фотки Как сделать??

    Asked by vvsh, December 4, 2008

    0 votes
    8 answers
25. overflow

    Опрера и ie по разному понимают параметр overflow: auto; опера смещает содержимое дива ровно на ширину полосы прокрутки (отчего появляются проблемы с дизайном! а ie отображает нормально. Как обрзумить оперу? вот код: <body> <div id="center"> <div id="left"> <jdoc:include type="modules" name="left" /> </div> <div id="content" style=" overflow: auto; "> <div id="user2"> <jdoc:include type="component" /> </div> <div id="rigth"> <jdoc:include type="modules" name="right" /> </div> </div> </div> #center {width:100%; height:410px; } #left { width:24%; height:400…

    Asked by orchanini, January 7, 2009

    0 votes
    4 answers