HTML Coding

29542 questions in this forum

1. 3 колонки поломались в safari

   помогите пожалуйста поправить вёрстку страница в большинстве браузеров отображается так. но в win safari 5.1.7 - так

   Asked by cyklop77, April 28, 2013

   0 votes
   1 answer
2. Подскажите плагин

   Какой плагин добавляет такие вот штуки к любому элементу. Например класс добавляешь, и сверху при наведении это

   Asked by aquapasha, January 23, 2014

   0 votes
   2 answers
3. Модальное окно плагина jq UI

   Как заставить модульное окно закрыться при щелчке по любому месту за пределами окна? $('.dial').dialog({ autoOpen:false; //Изначально закрыто }); $('img').click(function(){ $('.dial').dialog("open"); //По щелчку по картинки открывается }); $(document).click(function(){ $('.dial').dialog('close'); //По щелчку на любом месте закрывается });

   Asked by aqua.77, January 31, 2017

   0 votes
   0 answers
4. Позиционирование блок

   Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?

   Asked by kent666, September 30, 2011

   0 votes
   1 answer
5. dreamweaver_cs5

   привет всем) не судите строго за вопрос может для кого-то он покажется тупым но я только изучаю и прошу помощи разобраться в программе dreamweaver_cs5 потом мне не понять как залить свой сайт в нет,где найти нормальный домен с хостингом(бесплатный) что-бы работал с dreamweaver_cs5 если кто сможет обьяснить буду очень благодарный!!!

   Asked by kachka, April 11, 2012

   0 votes
   1 answer
6. оцените верстку!

   оцените пожалуйста мою первую верстку верстку, буду рад всем замечаниям!!!! http://webfile.ru/5953814 файл нужно скачать

   Asked by olechic, May 14, 2012

   0 votes
   1 answer
7. Передать скрытый параметр формы

   У меня на сайте есть скрипт который открывает определенные страницы по адресу вида: <домен>/index.php?catalog/<пункт меню каталога>/<пункт меню каталога>/<пункт меню каталога>/ На сайте необходимо организовать поиск по этому каталогу. Подскажите как можно генерировать ссылки подобного рода из HTML формы.

   Asked by _TyZ_, August 8, 2012

   0 votes
   0 answers
8. Как решить данную проблему

   Как в данный java скрипт посставить свои переменные http://jsfiddle.net/gvkXB/ <div class="process"> <div class="bar" id="bar"></div> <div class="text" id="text">0%</div> </div> [JS](function(){ var bar = document.getElementById('bar'), text = document.getElementById('text'), p = 0, t; t = setInterval(function(){ p += 1; text.innerHTML = bar.style.width = p + '%'; if (p >= 100) clearInterval(t); }, 500); })();[/JS] [CSS].process { border: #999 solid 1px; background: #fff; position: relative; width: 200px; } .process .bar { position: a…

   Asked by VTVTima, August 18, 2012

   0 votes
   0 answers
9. Одно разрешение, разные размеры экрана.

   Собственно, вопрос. Будет ли разница в вёрстке, если разрешение у ноутбуку (17 дюймов) 1600 на 1200, и у десктопа (22 дюйма) тоже 1600 на 1200. Подскажите, в чем будет отличие и как это проверять/фиксить

   Asked by YaroslavLyzlov, November 10, 2012

   0 votes
   1 answer
10. помогите с прозрачностью

    Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…

    Asked by vladmih, January 24, 2013

    0 votes
    2 answers
11. Эскизы в браузерах

    Добрый день. Подскажите пожалуйста как браузер выбирает эскизы со страниц. Например хром на закладке "сайты" или опера в экспресс-панели?

    Asked by Ururu, November 4, 2013

    0 votes
    0 answers
12. при создании страниц админки адаптивность не соблюдалась и...

    Всем привет, Есть админка выполненная на основе bootstrap темплейта (отсюда http://themeforest.net/item/business-admin-template/6674668) Но при создании страниц адаптивность не соблюдалась и получилось вроде http://s017.radikal.ru/i415/1412/3f/820cbf96f25c.png Слева меню навигации Правая часть состоит из списка элементов и страницы просмотра Также есть страница редактора одного элемента http://s020.radikal.ru/i703/1412/6c/24454324470e.png И на странице просмотра(1я ссылка) кликом на многих кнопках открывается попап окно для ввода данных вроде : http://s018.radikal.ru/i527/1412/23/933a255cba40.png Так же есть страница с недельным календарем выполненный с помощью компоне…

    Asked by mstdmstd, December 9, 2014

    0 votes
    0 answers
13. Проблема с выпадающим вертикальным меню

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

    Asked by alex_avd, December 10, 2015

    0 votes
    1 answer
14. Разное отображение списков у WebKit и НЕ WebKit. Помогите разобраться....

    Здравствуйте! Есть хтмл: <ul class="lister"> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> </ul> и есть ксс к нему: * { margin:0; padding:0; } body { margin:1em; } ul { margin: 5px 24px; } .lister { list-style-type: upper-alpha; } .lister li{ font-family:"Courier New", Courier, monospace; } проблема в том, что у WebKit-браузеров(chrome, safari) маркеры списка чуть-чуть съезжают влево. как это исправить? ато открываешь страницу, например, в фоксе - всё ок, в опере тоже ок, и даже, прости господи, в ие6 всё ок, а вот хром и сафари сдвигают маркеры-буквы…

    Asked by ChesterHTML, August 22, 2011

    0 votes
    2 answers
15. Прелоад изображений

    Наткнулся на статью, о проблеме с подгрузкой изображений для элементов, которые по умолчанию display: none; http://www.xiper.net/collect/html-and-css-tricks/css-tricks/preload-images.html Статья эта датирована 2009 годом (хотя, почти 2010), но технологии то, на месте не стоят. В связи с этим, вопрос: эта проблема актуальна на сегодняшний день? И если да - то может вы знаете какие-нибудь более изящные/легкие способы решения этой проблемы, чем те, которые приведены в статье?

    Asked by Evkaky, September 1, 2012

    0 votes
    1 answer
16. Красивый сниппет для Яндекса

    Подскажите, пожалуйста, как сделать такую штуку (отображение основных разделов, адреса и телефона в отдельной строке)?

    Asked by maritca, January 31, 2013

    0 votes
    3 answers
17. Горизонтальное выпадающее меню, помогите исправить

    Помогите в существующем горизонтальном меню сделать выпадающие вкладки. Уже два дня мучаюсь, не могу сообразить, как исправить. Вот ссылка на страничку: permyakov.org/ru - надо сделать именно в этом меню, новое я сам могу создать, но оно не будет таким красивым.

    Asked by Konstantin, June 22, 2013

    0 votes
    2 answers
18. Position: absolute и Opera(а также IE 8)

    Добрый день. Помогите пожалуйста решить проблему. Есть главная страничка по адресу http://roof-store.su/. На этой страничке большой слайдер, а у него белая овальная картинка, которая служит фоном для точек переключателей(посередине-внизу слайдера). Во всех браузерах точки переключатели по центру этой картинки, а в опере и точки влево съехали и нижний контент постоянно дёргается. Код для этой картинки #slider-image { position: absolute; top: 600px; left: 620px; z-index: 100; } Как можно это решить?

    Asked by Falcon, October 2, 2013

    0 votes
    1 answer
19. Наложение уголков

    Есть вот такая картинка. Как считаете, можно ли обойтись в данном случае одним элементом? Всякие :before тоже не считаются. Как только задал вопрос, сразу же пришло решение. Надо использовать радиальный градиент. height: 100px; width: 100px; background: radial-gradient(#FFFAC0 49px, #6DC065 50px);

    Asked by Vlad, October 8, 2013

    0 votes
    1 answer
20. как обрезать изображение?

    В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…

    Asked by anton41k, October 27, 2014

    0 votes
    1 answer
21. Полная замена кода страницы

    Доброго времени суток! Буду краток : обучаюсь верстке, наткнулся на такой пример (на кодопене, внизу, если не открывает - codepen.io/colewaldrip/pen/MKmKEJ) Проблема: На сайте и в скаченных исходниках (архиве) совершенно разные коды, хотя открывается та же форма (можете попробовать экспортировать). Соответственно я так понял, что код где-то должен заменяться, только я не понимаю где. Будьте любезны, объясните почему так происходит, где происходит замена и что можно почитать/ посмотреть на эту тему. Заранее спасибо.

    Asked by Antigr, June 14, 2017

    0 votes
    0 answers
22. Помогите с меню справится

    Здравствуйте! проблема с меню при наводке на ссылку не работает :hover в chrome и safari работает в FF IE Opere. здесь можно посмотреть меню ghost1981.co.cc Помогите если не сложно... спасибо! <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th…

    Asked by ghost198119, August 17, 2011

    0 votes
    3 answers
23. Не видна панелька от кнопки "Мне нравится"

    Разместил на странице http://www.green-pan.ru/ru/page-2613.htm кнопку от facebook "Мне нравится". Когда на нее нажимаешь, появляющаяся панелька не видна полностью на экране. Подскажите, как это можно поправить?

    Asked by evshi, November 18, 2011

    0 votes
    4 answers
24. Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную, последняя переносилась на вторую?

    Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную первую страницу, последняя на этой странице переносилась на вторую?

    Asked by saswat, May 24, 2012

    0 votes
    0 answers
25. Есть ли разница?

    Есть ли разница между элементами :after и ::after,и тому подобных им?если нет,то какие актуальнее использовать?

    Asked by Aleksey19881988, June 14, 2012

    0 votes
    2 answers