HTML Coding

29,542 questions in this forum

1. уменьшается ширина в firefox

   Всем привет!) происходит что-то не объяснимое.) Ширина в firefox 15.01 почему-то отображается немного меньше чем та которую я установил в коде. В остальных браузерах все в порядке. подскажите что не так? вот ссылка

   Asked by Bava, September 13, 2012

   0 votes
   6 answers
2. Placeholder на странице xhtml не проходит валидацию в w3

   Имеется xhtml страница с формой отправки сообщений. При проверке на валидацию w3 выдает ошибку в строке <input name="title" class="comments-name b-comments__name-i" placeholder="Ваше имя" maxlength="100"/> страница с ошибкой находится по адресу http://dorogadushi.narod.ru/uslugi/otzivi_i_predlozheniya/ Ругается валидатор именно на placeholder. Говорит, что там нельзя чтобы был такой. привожу отчет валидатора w3: Помогите понять в чем проблема.

   Asked by Daiver, September 15, 2012

   0 votes
   6 answers
3. различная длина страница в разных браузерах

   Добрый вечер, уважаемые форумчане! Я никогда не занимался версткой, но недавно попросил о помощи человек, которому невозможно отказать. Вроде бы все отредактировал, все хорошо, но возникла такая проблемка: есть три страницы, длина которых отражается по разному в разных браузерах. Точнее во всех нормально, кроме фф (в нем страница короче). При этом первая страница http://vista-edu.ru/galery.html отображается во всех одинаково, вторая - http://vista-edu.ru/buh-nalog.html - короче в фф пикселей на 200 (на глаз), третья - http://vista-edu.ru/buh-basic.html - пикселей на 400. Буду очень благодарен, если сможете подсказать как ее решить.

   Asked by Паштет, September 17, 2012

   0 votes
   6 answers
4. что-то с текстом

   Привет всем!) Вот я тут верстанул немного и столкнулся с проблемой с текстом Текст(под заголовком Aliquam Etiam Tempus во втором столбце) отображается немного не так (криво как-то, и он длиннее) по сравнению с оригиналом. Я пробовал разные свойства, такие как letter-spacing, word-spacing, чтобы исправить эту кривоту, но не вышло.. Из-за этого не получается кроссбраузерно вставить этот второй синий разделитель.(можно, конечно, установить height для блока, содержащего этот текст, но я читал в книге, что этого лучше не делать) Хотя в ie6, ie7 текст отображается точно как на макете) подскажите, можно ли что-нибудь сделать, чтобы они стали идентичными? сайт, картинка макета, с…

   Asked by Bava, September 17, 2012

   0 votes
   6 answers
5. Проблема в опере

   Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше:…

   Asked by Tsybin, September 22, 2012

   0 votes
   6 answers
6. Стоит ли закрывать не парные теги в HTML5?

   Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?

   Asked by tini.kRyptoNite, September 22, 2012

   0 votes
   6 answers
7. Фон больше чем разрешение монитора

   Создаю новую страницу с размером body 1280px на 1800px. хочу добавить фон-картинку в верху страницы по всей ширине размером 1280px на 545px. Используя такой стиль: body { margin:0; width:1280px; height:1800px; background:url(img/fonbody.jpg) no-repeat red; background-position:top; } картинка размещается не по всей ширине, а только по той части, которую видно в браузере. Если прокрутить страницу в право, то там нет картинки. Как сделать, что бы она размещалась по всей ширине?

   Asked by GstarMax, September 23, 2012

   0 votes
   6 answers
8. Лишнее в меню

   как убрать кусок в конце меню вот код

   Asked by xenux58, September 25, 2012

   0 votes
   6 answers
9. текст поверх картинки

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

   Asked by MrDel, September 29, 2012

   0 votes
   6 answers
10. Как верстать нестандартную шапку для таблицы?

    У шапки таблицы скруглённые углы, внутренняя тень, единый паттерн на фоне и произвольная высота. Как это можно сверстать?

    Asked by LittlePony, October 1, 2012

    0 votes
    6 answers
11. Ширина блока по тексту

    Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…

    Asked by vlasenkov, October 1, 2012

    0 votes
    6 answers
12. В чём ошибка кода )

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script > function one (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } function two (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } </script> <body> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛО…

    Asked by Zeferot, October 2, 2012

    0 votes
    6 answers
13. Строка бразера "сохранить пароль" наезжает на шапку сайта

    Добрый день. Проблема такая: при сохранении пароля при регистрации, вверху окна появляется строка браузера "сохранить пароль". при этом она наезжает на шапку сайта, а все ссылки, расположенные в хедере, сдвигаются вниз. Как можно сделать, чтобы шапка тоже сдвигалась вниз? Структура шапки такая: <body id="bg"> /*закрывается строкой бразера*/ <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <a href="/"><div id="logo"></div></a>/*сдвигается вниз*/ <div id="menu1"></div>/*сдвигается вниз*/ <div id="menu2"&…

    Asked by alekspol, October 3, 2012

    0 votes
    6 answers
14. Плавающие элементы "плывут" :)

    Обнаружил такую проблему. При уменьшении (иногда увеличении) размеров страницы через Ctrl +/- элементы, у которых задано правило float (пункты меню и не только) начинают "плыть". Для ясности приложу пару скринов. Если будет нужно - выложу код. Версткой занимаюсь недавно, поэтому взываю о помощи Раз двас

    Asked by sjinks, October 5, 2012

    0 votes
    6 answers
15. я не лодырь, просто не знаю

    Доброго времени суток! есть форум на бесплатном сервисе (все сделано до нас), в движке есть такая функция как "система очков" - начисляются очки за активность на форуме, за посещение, за сообщения и т.п. задался я идеей сделать возможность обмена этих очков на какие-то презенты, ну например скидку. а именно сделать кнопку со ссылкой на страницу под названием "бонусы" (это вот я сам могу), где будет панелька с выбором обмена... ну и все на этом. помогите пожалуйста реализовать идею (саму страничку "бонусы" голую сделал http://www.spokupkami.com/h1-page)

    Asked by viteran, October 6, 2012

    0 votes
    6 answers
16. Верстка email-рассылок

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

    Asked by sjinks, October 6, 2012

    0 votes
    6 answers
17. как одним кликом развернуть подкатегории и уйти на ссылку?

    У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..

    Asked by rafael, October 7, 2012

    0 votes
    6 answers
18. Слепые зоны у кнопок

    Я кодер, а не верстальщик, но по воле судьбы приходится верстать. Вот возникла проблема у нас на сайтах (http://stranadobra.ru http://bysmile.by - впринципе, они одинаковы, разве что для разных стран). Браузер Chrome. На картинке показаны некоторые из зон (уверен, что их больше даже на этой кнопке), нажимая на которые никаких действий не происходит. Разве что утапливание кнопки срабатывает (active), hover срабатывает, но ставка не делается. Тоже самое наблюдается на многих других кнопках на сайте. За основу взят bootstrap + навешивал свои стили. Увидеть на практике, в принципе, можно лего: незалогиненным (чтобы не поставилась ставка) попробуйте отыскать эти зоны. <bu…

    Asked by Mone, October 7, 2012

    0 votes
    6 answers
19. фоновый рисунок в tr для IE7

    Добрый день, есть конструкция с двумя фоновыми рисунками: <style> #left{background:url(images/left.jpg) no-repeat transparent; min-height:550px;} #left_menu_bg{background:url(images/leftbg.jpg) 180px center repeat-y;} </style> <tr id="left_menu_bg"> <td id="left"> ... </td> <td id="content"> ... </td> </tr> в IE7 фоновый рисунок строки не отображается. Подскажите, пожалуйста, чем это может быть вызвано и как с этим бороться?

    Asked by culver, October 8, 2012

    0 votes
    6 answers
20. показать/спрятать элемент не выходит?

    Всем привет. Я совсем новичок. Подскажите, если не сложно. Ниже пример кода (упростил как мог). Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением. Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед. Ведь наверняка что-то на поверхности, но не вижу?! Стиль: <style> .help1{ visibility: hidden; } .icon_style { width: 45px; height: 45px; background: rgba(200, 200, 200, .1); } .icon_style a { display:block; } .icon_style a:hover { background: rgba(200, 200, 200, .3); } .icon_style a:hover + .help1 { visibility: visible; } </style> ХТМЛ: <body> …

    Asked by lomax, October 8, 2012

    0 votes
    6 answers
21. Меню наезжает на блоки

    Подскажите пожалуйста, как сделать тут Моя ссылкатак, что бы меню и хедер не наезжали на блоки слева и с права?

    Asked by hea8y, October 10, 2012

    0 votes
    6 answers
22. Проблема с размещением

    Не получается растянуть по всей ширине и поднять вверх до максимума. Без отступов Сразу прошу простить за плохочитаемый код Вставка изображения ? <table class="shapka" > <tr><td background="img/fon_1.png"> <div align="center"><img src="img/logo.png"></div> </td></tr> <br> </table> Css ? .shapka { width: 100%; }

    Asked by Immortal, October 10, 2012

    0 votes
    6 answers
23. Обращение к элементу

    Добрый день, как обратиться к элементу если у нет ни класса ни id? Возможно ли через onclick? Нужно подменить src у картинок. Вот пример: <div onclick="simpletag('b')"><img title="$lang[bb_t_b]" src="{THEME}/bbcodes/b.gif" width="23" height="25" border="0" alt="" /></div> <div onclick="simpletag('i')"><img title="$lang[bb_t_i]" src="{THEME}/bbcodes/i.gif" width="23" height="25" border="0" alt="" /></div> <div onclick="simpletag('u')"><img title="$lang[bb_t_u]" src="{THEME}/bbcodes/u.gif" width="23" height="25" border="0" alt="" /></div> <div onclick="simpletag('s')"><img title="$lang[bb_t_s]" src="{THEME}/bb…

    Asked by inex, October 12, 2012

    0 votes
    6 answers
24. Рамка в виде изображения

    Есть некая рамка, в которую заключены по всему сайту фотографии. Изображения имеют фиксированную ширину и длину. Вроде бы ничего сложного нет. Но по углам идет вырез, и все бы хорошо, но фон, на котором расположена эта рамка, не повторяющийся, а значит просто вставить как рисунком рамку нельзя. И прозрачной тоже соответственно не сделать, так как будет видно уголки фотографий. Как поступить, подскажите? Вот фото: http://joxi.ru/Zi5mBv3

    Asked by Bryant-24, October 15, 2012

    0 votes
    6 answers
25. Расположение блоков и полоса прокрутки

    Исходный код: html <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> css body { background-color:#FFFFFF; padding:0 auto; margin:0 auto; } #wrapper { /*Выравнивание всех вложенных блоков по центру*/ } #header { width: 1000px; background: black; opacity: 0.8; height: 35px; top:0; position:fixed; } #footer { width: 1000px; background: black; opacity: 0.8; height: 35px; bottom:0; position:fixed; } Вопросы: 1) Создал блок "wrapper" чтобы с помощью него центриров…

    Asked by Feel, October 18, 2012

    0 votes
    6 answers