HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
как верстать почтовую рассылку
объясните пожалуйста как эффективнее проверить качество вёрстки почтовой рассылки я верстаю письмо в стиле 90-х, отправляю его с яндексовского почтового ящика на разные адреса. в результате адресаты получают письма в разном виде. кто то без картинок, кто-то без фона, кто-то только текст хотелось бы понять каким образом осуществляется рассылка? как я понимаю, нормальный заказчик будет рассылать письма не через обычный почтовый ящик. файлы, свзязанные с письмом(например изображения) будут вкладываться в отправляемое письмо не через обычную ссылку? запутался я(
0 votes1 answer -
слайды, на 3ее изображение сдвигается вправо
в общем дело такое! идут слайды, первые 2 нормально попадают в рамку, потом поплыло... 3й, 4й сдвигаются за границу вправо и видно кусочек предыдущего слайда, гуру как убить баг?) http://jsfiddle.net/aKjqz/
0 votes0 answers -
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
0 votes6 answers -
Новые селекторы в CSS для новичка.
Здравствуйте, просьба помочь разобраться с такой штукой - что это за символ такой в CSS ">". Встретился такой вот код: .navbar-medium .nav > li > a { margin: -5px 0; padding-bottom: 15px; padding-top: 15px; } Я конечно погуглил и примерно выяснил что это означает, но был безмерно удивлен таким "тэгом", поскольку вижу его впервые. На htmlbook'e я информацию по нему не нашел, хотя ХТМЛБУК для меня как библия ). Поясните если не тяжело откуда это взялось и где о нем можно почитать. Заранее спасибо за ответы.
0 votes2 answers -
Неадекватэн чекбокс в IE(6-9)
Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}
0 votes6 answers -
Обтекание картинок
Подскажите, почему некоторый картинки, с выравниванием по краю, не вливаются в текст , а идут как-бы отдельным абзацем? Пример тут
0 votes1 answer -
Проблемы с отображением текста в 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…
0 votes1 answer -
непонятный отступ
помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло
0 votes3 answers -
джаваскрипт
Привет всем кто заглянет в содержание топа в html 4.01 и css вроде как освоился и нормально могу читать литературу и что то оформлять вот только недают мне покоя джаваскрипт и другие нужные красивости хотел почитать по html5 но туда лезть без базового знания сценариев как то боязно кто может посоветовать курс подобный тому что можно найти на htmlbook курсы html xhtml css при набивании головы информацией они мне очень помогли... С чего начать за что ухватиться при освоении основ джаваскриптов где можно посмотреть примеры и какую литературу зашел в раздел форума посвященный JavaScript но то ли я такой тупой то ли полезные ссылки выводят на крутые ресурсы нуж…
0 votes5 answers -
Помогите с верстой меню
Помогите разобраться. Есть меню - выглядит оно следующим образом: А в 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…
0 votes5 answers -
Скопировал стили из мозилловского фаербага и полетели стили в Хроме
Здравствуйте. По незнанию скопировал стили из фаербага и вставил в таблицу стилей сайта. Фаербаг оставляет только мозилловские подвиды свойств transform и box-sizing. Все поехало, пришлось вновь дописывать стили. Есть ли ещё места, из которых не стоит копировать стили?
0 votes3 answers -
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…
0 votes4 answers -
Какому Firefox верить?
Доброе утро. Здравствуйте. Тестирую сайт в Firefox 11, который есть в Adobe browser lab и на моей машине. Adobe BL показывает красные заголовки по русски: FF на моей машине показывает красные заголовки кракозябрами: Кому верить? Может у вас стоит FF11 - проверите?
0 votes6 answers -
В Фаерфоксе пункт меню быстро соскакивает при уменьшению масштаба
Прошу научить (я постараюсь запомнить), что нужно делать с меню сайта, чтобы последний пункт меню "38 лет..." не перескакивал на следующую строку в Фаерфоксах, оставаясь вплотную к правому краю подложки меню? Какова причина перескока в этом случае? В 17-ом фоксе при 100% масштабе пункт "38 лет..." не перескакивает, но уже в 15-ом по умолчанию сразу занимает следующую строку. В хроме перескок происходит только при сильном удалении. Благодарю
0 votes2 answers -
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; } При увеличении размера шриф…
0 votes2 answers -
Как встроить видео на сайт с помощью <object></object>?
Как встроить видео на сайт с помощью <object></object>? Если я размещаю такой код <object width="750" height="500" data="http://site.ru/video.mp4" type="application/x-shockwave-flash"></object> То при открытии страницы видео начинает загружаться, и только после полной загрузки его наверно можно будет смотреть. Но я хочу, чтобы его можно было смотреть сразу, нажав на кнопку, не дожидаясь полной загрузки (800 метров). Какие еще параметры в коде нужно указать ?
0 votes3 answers -
Нужны ли ключевые слова?
Добавлял сайт в поисковики...оказывается все так просто...ввел адресок и нажал ссылочку "добавить". Раньше помню нужно было кучу полей заполнить, ключевые слова вводить. А сейчас в этом есть необходимость? Карту сайта xml вот построил. А желательно ли пользоваться модулями для cms типа metatag для Drupal или писать ключевые слова в метатегах в код страниц?
0 votes2 answers -
баг с 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; }…
0 votes3 answers -
font & span
Доброго времени суток товарищи форумчане вот читаю и читаю и возник один может глупый вопросец но ответ хочется услышать от специалиста Итак вопрос: теги <font> <span> оба для изменения параметров текстовой информации но один устарел а другой повсеместно используется получается разработчикам просто было лень добавлять атрибуты и события этому тегу (<font>) и им было проще новый создать о_О
0 votes2 answers -
Заголовок списка
Как правильно задать заголовок списка? Нашел в интернете тег <lh>, но в htmlbook его нет. Может он уже не используется? Как правильно задать заголовок списка?
0 votes6 answers -
Есть ли хук для реализации выравнивания по символу в таблцах?
Добрый день. Очень жаль, что такой важный приём для правильной и читабельной вёрстки как выравнивание по символу, не прижился в html. Для 4-ой версии стандарта он так и не получил поддержку ни одного из браузеров, а в 5-ой и вовсе был выкинут из спеки. Может кто знает какой-нибудь трюк? В яндексе ничего найти не удалось, к сожалению. Может скриптовое решение есть готовое? В принципе представляю как это реализовать на jQuery, но прежде чем громоздить велосипед, хотелось бы попросить у многоуважаемого сообщества консультации по данному вопросу. PS: опечатался в на названии темы,
0 votes14 answers -
Наследование высоты блока
Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…
0 votes2 answers -
проблемы с футером
http://jsfiddle.net/sabZk/ появляется скроллбар если сделать отступ сверху для #content как сие поправить? p.s вродебы решил задачку, но может есть другой способ? http://jsfiddle.net/sabZk/1/
0 votes1 answer -
Хочу сайт!
Привет всем! Загорелось мне тут создать в личных целях некий он-лайн словарь наподобие такого http://www.gramota.ru Посоветуйте какой движок лучше подойдет для этих целей? И где найти подобный шаблон? Не сильно серчайте, если что не так....
0 votes17 answers -
Не могу выровнять меню
Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт 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…
0 votes4 answers