HTML Coding

29,542 questions in this forum

1. Увеличение картинки при наведении

   Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…

   Asked by Tchorteg, July 6, 2011

   0 votes
   10 answers
2. <footer> и InternetExplorer

   С новыми тегами HTML5 Internet Explorer по ходу не дружит? HEADER, ARTICLE, FOOTER... "все в сад", т.е. IE8 их наверху все оставил друг за дружкой. Получается, что сделать кроссбраузерность, нужно для IE всё дописывать ручками?

   Asked by LuxCore, July 6, 2011

   0 votes
   2 answers
3. Верстка необычного ul

   Основная проблема графика Для начала хотел сделать с jquery, но может кто сталкивался и находил более легкое решение такой верстки. Желательно конечно чтобы было в одном ul Или дайте направление куда копать и как выгоднее сделать

   Asked by gibigate, July 6, 2011

   0 votes
   9 answers
4. Несколько вопросов

   Добрый день! Я хотел бы задать несколько вопросов по вёрстке. 1. Могу ли я в блочной вёрстке (в дивах) применять таблицы? 2. Как верстать макет под КМС Stress Web? Там свои какие-то особенности или что? 3. Аналог 2-ого вопроса, только под DLE.

   Asked by Feers1de, July 6, 2011

   0 votes
   4 answers
5. Расширение файла для HTML5

   Здравствуйте все! Подскажите, пожалуйста, можно ли у файла с HTML5 расширение оставлять .xhtml? Существует ли строгая (внутрення своя) проверка для HTML5? Спасибо. Прошу прощения, что не в ту ветку написал.

   Asked by LuxCore, July 6, 2011

   0 votes
   8 answers
6. Съезжает колонка

   Добрый день. Не могу разобраться, устанавливаю lightbox вот этот: http://www.huddletogether.com/projects/lightbox2/ Все устанавливается легко и просто, но при увеличении картинки практически все элементы съезжают: В оригинале должно быть всё ровно. Залез посмотрел в css: http://aquadom.info/templates/def/css/style.css В строке 552 конфликтующий код: div{ padding: 0 !important; } Если удалить этот код, то в lightbox все получается ровненько как и должно быть: Но вылазиет проблема с правой колонкой, некоторые элементы съезжают вправо: Уже все перепробывал, не знаю что делать. Спасайте.

   Asked by Neograff, July 6, 2011

   0 votes
   4 answers
7. шаблоны для вёрстки

   Здравствуйте Может кто нибуть подсказать где можно накачать себе бесплатных .psd шаблонов так сказать для практики в вёрстке

   Asked by MaferoK, July 6, 2011

   0 votes
   5 answers
8. Кнопка в виде текста

   Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.

   Asked by prowoke, July 5, 2011

   0 votes
   3 answers
9. Позиционирование элемента

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

   Asked by freefly, July 5, 2011

   0 votes
   4 answers
10. Фон сайта

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

    Asked by Beliy-Linuxoid, July 5, 2011

    0 votes
    12 answers
11. Вопрос знатокам

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

    Asked by Leonidk, July 5, 2011

    0 votes
    114 answers
12. не могу разобраться с margin

    Всем привет. Помогите пожалуйста. Использую margin для того что бы установить отступы от основного дива, но почему-то он рвет структуру. Смещает слой на 5px вниз!!! уже и clean:both в стили ставил. Ему все пофиг!!! Мне говорили что даже лучше верстать таблицами. не все браузеры нормально отображают CSS

    Asked by kent666, July 5, 2011

    0 votes
    8 answers
13. Капризы IE

    Здравствуйте! Есть еще два вопроса. 1.Недавно повесил Flash-анимацию у себя над столбцом меню с параметрами position: absolute. Анимка стоит и функционирует отменно на всех браузерах, а IE образует вокруг нее поля и "раздвигает" дизайн сайта, превращая его в непонятно что. Шапка сдвигается вверх, меню вниз, а правый блок "уползает" далеко вправо. Что с этим можно сделать? 2.Теги. IE предполагает начинать каждый новый тег с новой строки. Так я захотел поставить себе менюшку на верх сайта, которая базируется на повторяющемся <li> для каждого пункта (понятное дело, стили для <li> расписаны в CSS). Все браузеры показывают меню в виде горизонтальной полоски с графи…

    Asked by Xelborg, July 5, 2011

    0 votes
    2 answers
14. Не пойму в чём разница

    Вот два кода div#status-bar { background: url('../img/status-bar-bg.png') repeat-x; border-bottom: 2px groove #ffffff; height: 40px; width: 100%; } и #status-bar { background: url('../img/status-bar-bg.png') repeat-x; border-bottom: 2px groove #ffffff; height: 40px; width: 100%; } Они ведь оба будут работать если применять <div id="status-bar"> , тогда зачем в css дописывается div перед # ?

    Asked by antoxa-ua, July 5, 2011

    0 votes
    2 answers
15. Помогите с выбором материала

    Добрый день! Помогите пожалуйста подобрать качественный материал по обучению созданию сайтов. Уровень почти нулевой, в сети столько всего, что глаза разбегаются, а когда начинаю читать что-то одно то натыкаюсь на непонятные мне вещи и термины. Хотелось бы изучать все по порядку, распишите если не сложно этапы по которым стоит вникать. Заранее всем огромное спасибо! P.S Вообще планирую создать сайт на бесплатной CMS типа joomla, drupal.

    Asked by 4 e k, July 5, 2011

    0 votes
    2 answers
16. Помогите с шапкой сайта

    Помогите разобраться с такой ситуацией. Зараннее благодарю) http://storage7.static.itmages.ru/i/11/0705/h_1309855176_fc935b8cde.jpeg

    Asked by Rambo2045, July 5, 2011

    0 votes
    4 answers
17. IE7 - scrollLeft, лишний сдвиг

    При перемотке картин они начинают сползать. Не получается найти закономерность сдвига, добавляю пиксели - сползает в другую сторону. В других браузерах кроме IE7 все нормально. Заметил что между DIV-ом и таблицей появляется расстояние. (между #image-window и #picture_item) Может нужно обнулить где-то что-то? Вот ссылка на сайт Заранее благодарен за любую помощь.

    Asked by Pumych, July 5, 2011

    0 votes
    11 answers
18. Вёрстка таблицы CSS

    Доброго времени суток!! Делаю первые шаги в html/css/ Столкнулся с такой проблемой. Порылся в нете, почитал. Но так и не нашел ответ на свой вопрос. У меня есть таблица, которой задан CssClass main_table, для ячеек шапки таблицы задан класс table_head. В table_head указано, какие границы у ячеек должны быть, какого цвета. Но они перекрывают границы таблицы справа! Таким образом у правой ячейки шапки таблицы граница как у ячеек, а не как у таблицы! Как убрать перекрытие границ? border-collapse пробовал. Но ячейки продолжают перекрывать границы таблицы((( Вот класс ячеек шапки и таблицы: .table_head { border-bottom: 1px solid #цвет1; border-right-style: solid; …

    Asked by K_V, July 5, 2011

    0 votes
    16 answers
19. не работает перенос

    код: <a href="?do=chat" class="blockset"><img src="messenger.png" alt="Иконка"><p>Чат</p></a> <a href="?do=static" class="blockset"><img src="window_2.png" alt="Иконка"><p>Страницы</p></a><br> <a href="?do=users" class="blockset"><img src="users.png" alt="Иконка"><p>Пользователи</p></a> css .blockset,.blockset a { text-decoration: none; color:black; display:block; text-align:center; border-radius: 5px; border: 1px solid black; width:100px; height:85px; margin-left:10px; float:left; font: 11px Arial; background-color:#eeeeee; margin-bottom:10px; } когда на …

    Asked by AquaGen, July 5, 2011

    0 votes
    5 answers
20. Онлайн обучения

    было бы круто еслиб автор проводил (за отдельную плату) курс по html-css онлайн. набрать группу желающих и в определённое время проводить обучение.Я записался бы первым

    Asked by eloty, July 4, 2011

    0 votes
    7 answers
21. Изчезает слайд в ИЕ

    Вот сайт Проблема в том что в ИЕ8 третий слайд просто напросто изчез

    Asked by NeoMurderer, July 4, 2011

    0 votes
    3 answers
22. background-image и кривые руки

    Всем привет, наткнулся на такую проблемку. Верстаю свой первый дизайн, предварительно пройдя самоучитель css. Сильно не бейте если вопрос очень нубский. Так вот. html код выкладывать не буду так как там просто стандартные классы footer header и т.д. в вот css код такой * { margin: 0; padding: 0; font-size: 100%; } body { background-color: #fff111; height: auto; min-height: 100%; } #header { padding: 30px; } #content { margin: 10px auto; width: 700px; color: #000; background-color: #fff; } #footer { height: 40px; width: 100%; position: absolute; left:0; bottom: 0; background-image: url(images/foot.png) repeat-x #000; } но картинка на фон футер…

    Asked by WabFad, July 4, 2011

    0 votes
    7 answers
23. li сделать квадратики ближе

    необходимо в списке вида <ul> <li><strong>Нагревательный элемент из высококачественной стали</strong> </li> <li>Автоматическое и ручное выключение </li> <li>Двусторонняя шкала уровня воды </li> <li><strong>Внутренняя подсветка</strong> </li> </ul> Сделать квадритики возле пунктов, очень близко. Как их можно двигать?

    Asked by Tchorteg, July 4, 2011

    0 votes
    12 answers
24. Text field + эмулировать работу свойств div`а

    Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?

    Asked by klierik, July 4, 2011

    0 votes
    24 answers
25. при width 100% дива появляется горизонтальная полоса прокрутки

    Приветсвую! Есть такой код: html <!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" /> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <div id="wrapper"> <div id="header">header</div><!-- END header --> <div id="navbar">navigation</div><!-- END navbar --> <div id="content">content</div><!-- END content --> </div><!-- END wrapper --> <div…

    Asked by stalker_2000, July 4, 2011

    0 votes
    2 answers