HTML Coding

29542 questions in this forum

1. как верстать почтовую рассылку

   объясните пожалуйста как эффективнее проверить качество вёрстки почтовой рассылки я верстаю письмо в стиле 90-х, отправляю его с яндексовского почтового ящика на разные адреса. в результате адресаты получают письма в разном виде. кто то без картинок, кто-то без фона, кто-то только текст хотелось бы понять каким образом осуществляется рассылка? как я понимаю, нормальный заказчик будет рассылать письма не через обычный почтовый ящик. файлы, свзязанные с письмом(например изображения) будут вкладываться в отправляемое письмо не через обычную ссылку? запутался я(

   Asked by cyklop77, December 5, 2012

   0 votes
   1 answer
2. слайды, на 3ее изображение сдвигается вправо

   в общем дело такое! идут слайды, первые 2 нормально попадают в рамку, потом поплыло... 3й, 4й сдвигаются за границу вправо и видно кусочек предыдущего слайда, гуру как убить баг?) http://jsfiddle.net/aKjqz/

   Asked by gladyshef, December 5, 2012

   0 votes
   0 answers
3. DOCTYPE влияет на размер шрифта

   Ковыряю шаблоны одного бесплатного форума. Валидатор выдал кучу ошибок. Решил удалить DOCTYPE вообще и не ломать голову, но на форуме увеличились шрифты. Эксперименты показали, что шрифт увеличивается при указании несуществующего DOCTYPE. Как такое может быть? Другие элементы стилей не меняются. Было бы понятно, если изменялась "нарезка" из-за разной интерпретации width. Но почему меняется шрифт? Пример форума с подобным шаблоном _http://www.lych.ru/forum/viewtopic.php?f=2&p=1 А на этом такого не наблюдается _http://dom-i-k.ru/forum/viewtopic.php?f=2&t=1

   Asked by skvor, December 5, 2012

   0 votes
   6 answers
4. Новые селекторы в CSS для новичка.

   Здравствуйте, просьба помочь разобраться с такой штукой - что это за символ такой в CSS ">". Встретился такой вот код: .navbar-medium .nav > li > a { margin: -5px 0; padding-bottom: 15px; padding-top: 15px; } Я конечно погуглил и примерно выяснил что это означает, но был безмерно удивлен таким "тэгом", поскольку вижу его впервые. На htmlbook'e я информацию по нему не нашел, хотя ХТМЛБУК для меня как библия ). Поясните если не тяжело откуда это взялось и где о нем можно почитать. Заранее спасибо за ответы.

   Asked by cloud2006, December 5, 2012

   0 votes
   2 answers
5. Неадекватэн чекбокс в IE(6-9)

   Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}

   Asked by tiHo, December 6, 2012

   0 votes
   6 answers
6. Обтекание картинок

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

   Asked by fowl, December 6, 2012

   0 votes
   1 answer
7. Проблемы с отображением текста в IE

   Всем доброе утро! Столкнулся с проблемой в IE. Может кто знает решение? HTML: <div class="banntextcen"> <span class="nameproduct">Набор для наращивания ногтей</span> <span class="starcen">4999 руб</span> <p class="cenaacc">3199 рублей</p> <span class="dostav">Доставка бесплатно</span></div> CSS: .banntextcen {width:256px; height:96px; position:absolute; top:20px; right:16px;} .timeracc {width:200px; height:67px; position:absolute; right:70px; top:128px; font-size:16px; color:#4a4a4a} .nameproduct {display:block; font-size:16px; color:#0074a4; } .starcen {margin:30px 0 0 0; display:block; text-decoration:li…

   Asked by Aidakaev, December 6, 2012

   0 votes
   1 answer
8. непонятный отступ

   помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло

   Asked by cyklop77, December 6, 2012

   0 votes
   3 answers
9. джаваскрипт

   Привет всем кто заглянет в содержание топа в html 4.01 и css вроде как освоился и нормально могу читать литературу и что то оформлять вот только недают мне покоя джаваскрипт и другие нужные красивости хотел почитать по html5 но туда лезть без базового знания сценариев как то боязно кто может посоветовать курс подобный тому что можно найти на htmlbook курсы html xhtml css при набивании головы информацией они мне очень помогли... С чего начать за что ухватиться при освоении основ джаваскриптов где можно посмотреть примеры и какую литературу зашел в раздел форума посвященный JavaScript но то ли я такой тупой то ли полезные ссылки выводят на крутые ресурсы нуж…

   Asked by Bobikys, December 6, 2012

   0 votes
   5 answers
10. Помогите с верстой меню

    Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…

    Asked by Aleksey_k, December 6, 2012

    0 votes
    5 answers
11. Скопировал стили из мозилловского фаербага и полетели стили в Хроме

    Здравствуйте. По незнанию скопировал стили из фаербага и вставил в таблицу стилей сайта. Фаербаг оставляет только мозилловские подвиды свойств transform и box-sizing. Все поехало, пришлось вновь дописывать стили. Есть ли ещё места, из которых не стоит копировать стили?

    Asked by borus, December 6, 2012

    0 votes
    3 answers
12. background hover

    http://jsfiddle.net/5zFWy/ при наведении верхняя половина (35х16) этой картинки должна менятся на нижнюю прошу помоч #block-menubar > #nav a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; background-image: url(http://data1.floomby.com/files/share/6_12_2012/1AKnqvrow0O1l0dPVmoaQ.png), url(http://data1.floomby.com/files/share/6_12_2012/t9pGNLBs2Eq8api8oZcoRw.png); background-position: 50% 100%, 0 0; background-repeat: no-repeat, repeat; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.9), inset 0 0 5px rgba(0, 0, 0, 0.4), 0 3px 5px rgba(0, 0, 0, 0.5), 0 2px 0 1px rgba(0, 0, 0, 0.5);} #block-menubar > #nav a:hove…

    Asked by radioactive, December 6, 2012

    0 votes
    4 answers
13. Какому Firefox верить?

    Доброе утро. Здравствуйте. Тестирую сайт в Firefox 11, который есть в Adobe browser lab и на моей машине. Adobe BL показывает красные заголовки по русски: FF на моей машине показывает красные заголовки кракозябрами: Кому верить? Может у вас стоит FF11 - проверите?

    Asked by borus, December 7, 2012

    0 votes
    6 answers
14. В Фаерфоксе пункт меню быстро соскакивает при уменьшению масштаба

    Прошу научить (я постараюсь запомнить), что нужно делать с меню сайта, чтобы последний пункт меню "38 лет..." не перескакивал на следующую строку в Фаерфоксах, оставаясь вплотную к правому краю подложки меню? Какова причина перескока в этом случае? В 17-ом фоксе при 100% масштабе пункт "38 лет..." не перескакивает, но уже в 15-ом по умолчанию сразу занимает следующую строку. В хроме перескок происходит только при сильном удалении. Благодарю

    Asked by borus, December 6, 2012

    0 votes
    2 answers
15. Css em triangle и еще 1 вопрос

    Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…

    Asked by Cryolite, December 6, 2012

    0 votes
    2 answers
16. Как встроить видео на сайт с помощью <object></object>?

    Как встроить видео на сайт с помощью <object></object>? Если я размещаю такой код <object width="750" height="500" data="http://site.ru/video.mp4" type="application/x-shockwave-flash"></object> То при открытии страницы видео начинает загружаться, и только после полной загрузки его наверно можно будет смотреть. Но я хочу, чтобы его можно было смотреть сразу, нажав на кнопку, не дожидаясь полной загрузки (800 метров). Какие еще параметры в коде нужно указать ?

    Asked by kpripper, December 7, 2012

    0 votes
    3 answers
17. Нужны ли ключевые слова?

    Добавлял сайт в поисковики...оказывается все так просто...ввел адресок и нажал ссылочку "добавить". Раньше помню нужно было кучу полей заполнить, ключевые слова вводить. А сейчас в этом есть необходимость? Карту сайта xml вот построил. А желательно ли пользоваться модулями для cms типа metatag для Drupal или писать ключевые слова в метатегах в код страниц?

    Asked by xSPiRiTx, December 6, 2012

    0 votes
    2 answers
18. баг с padding

    При использование padding:15px 0; появляется непонятный баг, а а именно две дополнительные ячейки. Помогите пожалуйста. вот мой код: html: <div id="conteiner"> <div id="nav"> <u> <li><a href="#">главная</li> <li><a href="#">Скачать</a></li> <li><a href="#">Документация</a></li> <li><a href="#">О Нас</a></li> <li><a href="#">Контакты</a></li> </u> </div> </div> css: div#nav li { list-style: none; }…

    Asked by talover, December 7, 2012

    0 votes
    3 answers
19. font & span

    Доброго времени суток товарищи форумчане вот читаю и читаю и возник один может глупый вопросец но ответ хочется услышать от специалиста Итак вопрос: теги <font> <span> оба для изменения параметров текстовой информации но один устарел а другой повсеместно используется получается разработчикам просто было лень добавлять атрибуты и события этому тегу (<font>) и им было проще новый создать о_О

    Asked by Bobikys, December 7, 2012

    0 votes
    2 answers
20. Заголовок списка

    Как правильно задать заголовок списка? Нашел в интернете тег <lh>, но в htmlbook его нет. Может он уже не используется? Как правильно задать заголовок списка?

    Asked by apexis, December 7, 2012

    0 votes
    6 answers
21. Есть ли хук для реализации выравнивания по символу в таблцах?

    Добрый день. Очень жаль, что такой важный приём для правильной и читабельной вёрстки как выравнивание по символу, не прижился в html. Для 4-ой версии стандарта он так и не получил поддержку ни одного из браузеров, а в 5-ой и вовсе был выкинут из спеки. Может кто знает какой-нибудь трюк? В яндексе ничего найти не удалось, к сожалению. Может скриптовое решение есть готовое? В принципе представляю как это реализовать на jQuery, но прежде чем громоздить велосипед, хотелось бы попросить у многоуважаемого сообщества консультации по данному вопросу. PS: опечатался в на названии темы,

    Asked by Быколай, December 7, 2012

    0 votes
    14 answers
22. Наследование высоты блока

    Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…

    Asked by DeeMon, December 7, 2012

    0 votes
    2 answers
23. проблемы с футером

    http://jsfiddle.net/sabZk/ появляется скроллбар если сделать отступ сверху для #content как сие поправить? p.s вродебы решил задачку, но может есть другой способ? http://jsfiddle.net/sabZk/1/

    Asked by radioactive, December 7, 2012

    0 votes
    1 answer
24. Хочу сайт!

    Привет всем! Загорелось мне тут создать в личных целях некий он-лайн словарь наподобие такого http://www.gramota.ru Посоветуйте какой движок лучше подойдет для этих целей? И где найти подобный шаблон? Не сильно серчайте, если что не так....

    Asked by indigenty, December 8, 2012

    0 votes
    17 answers
25. Не могу выровнять меню

    Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/ вот код стилей. /*—Menu—*/ .darkbg { background: #000099 url("../images/colorbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px…

    Asked by Torero123, December 7, 2012

    0 votes
    4 answers