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
-
cid: в html-письмах
Здравствуйте, подскажите пожалуйста как вставить картинку в html-письмо что бы они отображались в почтовых клиентах вот такой код нашел html-россылке <img src="cid:photo.jpg" alt="" width="150" height="289" border="0"/> картинка добавлена через cid.
0 votes2 answers -
проблема с атрибутами div
Привет! Делаю небольшой сайт по урокам, сайт делается на html/css блоках, проблема с float - в уроке (видеоуроке, так что перепутать что-то сложно) все работает, у меня ничего не работает, перепроверял 3 раза, копировал текст из идущего с уроком файла (исходный код), менял параметры, не помогает. Вот так должно быть (я специально привожу скриншоты потому что мой код очевидно содержить ошибку - он ниже) Вот html Вот css Вот результат (левое меню полностью обтекается рабочей областью и автоматически регулируется по высоте) А вот мой код Это html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l…
0 votes2 answers -
input type="submit" (внешний вид)
Здравствуйте, подскажите пожалуйста, как исправить такой недочет верстки: HTML Code: <form id="search" action=""> <input type="text" name="s" id="s" class="search_text" /> <input type="submit" class="go" /> </form> CSS Code: #search { float:right; margin: 14px 32px 0 0; width:191px; height:35px; background:url(../images/search_form.png) no-repeat; } .search_text { width:137px; padding: 11px 0 0 25px; border:none; background:none; } .go { width:15px; padding: 11px 0 0 25px; border:none; background:none; cursor:pointer; } Внешний вид: Дак вот, подскажите пожалуйста, как убрать буквы от слова отправить?
0 votes2 answers -
порядок разметки страницы
не помню где видел графическую схему, которая помогает определить в какой структурный html5-тэг заключить содержание. кажется на html5doctor. но найти что то не получается долгое время. помогите пожалуйста ссылкой
0 votes2 answers -
Плавное перемещение картинок
Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло
0 votes2 answers -
Не работает document.location
Всем привет есть проблема в том что если на сайте списка товаров http://www.adenium.net/oherron.com/web/main/product_listings на одном из товаров кликнуть "Add to cart" то страница с товаром не открывается - эта страница как будто переоткрывается В коде генерится ссылка вида /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url Если же в том списке кликнуть на кнопке "Details" и на ней кликнуть на "Add To Cart" то создается такая же ссылка /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url- и все работает нормально Если первую ссылку…
0 votes2 answers -
тег li
Ребят напомните мне как выравнивать иконки в тэги li относительна к тексту? а то забыл
0 votes2 answers -
Не выводятся пробелы =(
Здравствуйте у меня следующая проблема: HTML/PHP Code: <div id="logo"> <h1><a href="http://ololol.ru/" title="<?php bloginfo('name');?>"><?php echo"Олол<span id=sky>ЛоЛ</span>";?></a></h1> <h2><?php echo" ололош";?></h2> <h3><?php echo"олололололололололололололололололо";?></h3> </div> CSS Code: /* Logo */ #logo {float:left;width:270px;height:76px;margin:0;padding:15px 0 0 30px;background:url(images/img01.jpg) no-repeat left top} #logo h1 {float:left;margin:0;padding:0;font:normal 30px Georgia, "Times New Roman",Times,serif} #logo h2 {margin:14px 0 0 0;padding:0;text-…
0 votes2 answers -
Проблемма, свойство font
Здравствуйте уважаемые форумчане Есть правило: #top_menu li a { display:block; height:38px; padding:0 12px; color:#497798; font:bold 11px/38px Tahoma, Geneva, sans-serif; text-decoration:none; } Сегодня после проверки валидатором, он мне выдал ошибку, связанную со свойством font в этом правиле, сам я не новичок в верстке, но эта ошибка поставила меня в тупик, если кто-то сталкивался с чем-то подобным, поделитесь своими соображениями. Ошибка: Ошибка значения : font (http://www.w3.org/TR/CSS21/fonts.html#propdef-font) / не является значением font-family : bold 11px / 38px Tahoma,Geneva,sans-serif
0 votes2 answers -
Sidebar(Блок)
Здравствуйте!у меня есть готовый шаблон,хотел на все изображение указать (ширину и высоту в css) чтобы быстрее грузила браузер!если не указать (ширину и высоту)не влияет ли на скорость? потом как указать (ширину и высоту}? я пробовал указать вот так в css: #popular {background: url(../images/icon/popular.jpg) no-repeat;width: 224px;height: 34px;} но там отступ внизу вот: вот оригинал popular.jpg: вот в html (sidebar): <div id="[color="#FF0000"]popular[/color]" class="titleSide">Популярное</div> <div class="contentSide"> <ul class="topnews"> <li>{topnews}</li> …
0 votes2 answers -
Как убрать отступы в div для элемента ul
Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.
0 votes2 answers -
Ошибки в IE8 и IE7
Здравствуйте, форумчане. Есть сайт, который как-то странно ведет себя в IE8 и IE7... Вот ссылка на страницу http://beztorga.com/forms.php Проблема в следующем - две кнопки "Частная регистрация" и "Коммерческая регистрация" почему-то не отображаются в ie8... А в ie7 там вообще беда. Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.
0 votes2 answers -
Три блока div (три колонки) в одном (IE6)
Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает средний блок div (синий) на 100%, а в IE 6 по краям получаются какие то отступы (при разрешении 1280х1024). Подскажите плиз в чем может быть дело? Вот код: <div id="header"> <a href="pa1.ru" title="Строительная компания" style="text-decoration: none;"> <div id="header1"> </div></a> <div id="header2"> </div> <div id="header3"> </div> </div> <div id="header_sign"> постройка домов, бань </div> <div id="logo_sign"> …
0 votes2 answers -
Текст
При изменении разрешения экрана текст выходит за пределы div(текст не уменьшаться ) при фиксированной верстке. Как это можно исправить? overflow только прячет текст.
0 votes2 answers -
поправить код
помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'
0 votes2 answers -
Проблемы отображения <hr> в ie9
Здравствуйте! Не могу понять почему в ie9 при открытии локальной копии страницы тег <hr> отображается как требуется. Но если эту сраницу загрузить на сервер и в последствии открыть её в том же браузере ie9, то вокруг тега <hr> образуется рамка. Очень хотелось бы узнать почему так происходит. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style> hr { border: none; background:url(img/bg-hr.gif) no-repeat center; height: 3px; } </style> </head> <body> <hr> </body> </html>
0 votes2 answers -
Контент вылазиет за блок
Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо
0 votes2 answers -
Как реализовать?
Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка
0 votes2 answers -
Как добавить справа при наведении белую полосу в 1px?
Вот есть такая менюшка: По задумке дизайнера нужно что бы при наведении на кнопочку менялся фон c появлением белой полоски в 1px в конце кнопки. Это появление полоски я реализовал с помощью border-right: 1px solid #FFF; Из за этого при наведение кнопка расширяется на 1px и соответственно меню прыгает. Может кто знает как решить данную проблему? Вот исходники
0 votes2 answers -
верстка форм?
Подскажите, где можно почитать про верстку форм? Больше всего интересует как изменять вид формы на картинку для текстовых и других полей?
0 votes2 answers -
Съехали блоки
http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…
0 votes2 answers -
underline и sup
Сделал ссылку с подчеркиванием. А в ней велечина м2, с помощью тегов sup. Так в месте где цифра 2 вверху, линия подчеркивания прерывается, подчеркивается двойка вверху, потом опять подчеркивается текст. В общем ссылка не красивая. Как бороться?
0 votes2 answers -
Похожий эффект на HTML...
Что нибудь похожее с графиком можно сделать не на флеш? http://www.videorip.info/kakoj-programmoj-vy-predpochitaete-kodirovat-video
0 votes2 answers -
Фиксирование всплывающей подсказки
Люди, помогите! Необходимо зафиксировать всплывающую подсказку в окне, т.е. подсказка не "бегает" за курсором, а при наведении на текст/картинку появляется в определенном месте. Скорее всего тут надо крутить jquery.tooltip.js, но самостоятельно у меня ничего не получилось.
0 votes2 answers -
Проблемы с горизонтальным меню
День добрый уважаемые форумчане! Проблема вот такого рода,делаю дизайн данного сайта Столкнулся с проблемой скачаного с и-нта горизонтального меню на кверти.Вот и оно Вроде все нормально,только 2 траблы 1)Не могу понять как сделать задний фон картинкой,потому что там только можно менять цвет.Когда меняю в ксс на background-image: url(images/hand.png); то просто нечего не происходить меню без фона,оно то и все нормально,но как тогда сделать что бы выпадающее меню было хоть с каким то фоном? если добавляю фон основному меню то оно не вписывается в дизайн,но тогда у выпадающего есть фон,а как отдельно сделать фон именно выпадающему меню?? 2)как сделать так что бы выпадающее …
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-