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
29,542 questions in this forum
-
Форма ответа
Здравствуйте) Подскажите пожалуйста код для создания формы отправки письма с сайта на мэйл админа без участия почтового клиента. Сайт написан на html с применением JavaScript. Он расположен на Народе, поэтому о php речь не идет, как сказал сам Народ "Расширением текстового файла может быть только: html, htm, txt, js, css, xml, xsl, vbs."))) Заранее премного благодарна)
0 votes30 answers -
Помогите с олимпеадой по информатике - теги не знаю нужные!
Товарищи у меня 5 апреля в субботу олимпиада по информатике! Там есть задание по созданию сайта! Но я не вс? знаю! памагите плиз! Вот задание (с 2007 года): 1) Это как? с помощью скрипта? памагите с тегами а? 2) тоже не знаю тег через который это можа сделать! 3) Я не помню тег! а искать время нет! (спать хочу) 4) Тут я вообще отупел )))) - Я не знаю как так сделать! help плиз! 5) Это как? как я понял meta теги? а какие? Помогите пожалуйста!
0 votes30 answers -
А можно ли...?
Примитивно говоря, можно ли задавать подобным макаром (как это сделать?) высоту вот так: style="height: 100% - 40 px" ????
0 votes30 answers -
мой первый интернет-магазин
привет всем! собственно в чём суть дела... Мне нужно интернет-магазин сделать, очень простой! Знаю, что там корзина должна быть, да и регистрация, наверное обязательна. Вроде в php обычно такие вещи реализовываются... Ребята, посоветуйте, пожалуйста, с чего начать, а то прямо руки опускаются... Подробная инструкция только приветствуется, а то я совсем чайнег в этом деле
0 votes30 answers -
Реализация меню с сложным фоном пунктов
Подскажите, как реализовать вот такое меню. Интересует фоновое изображение пунктов меню. Проблема в том, что сначала идут ромбики (обведен красной линией), которые смещены вниз.
0 votes30 answers -
z-index VS SELECT в ie6
Кто как справляеться с багом наложения слоя на форму SELECT ? В ие6 селект всегда перекрывает слой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <style type="text/css"><!-- ul.menu1 { background-color: red; color: blue; list-style: none; display: block; position: absolute; z-index: 10; } --></style> <body> <ul class="menu1"> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню&…
0 votes30 answers -
полупрозрачный фон div'а
Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }
0 votes30 answers -
div блок по центру
как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…
0 votes30 answers -
Глюк с отображением картинки в ИЕ7-8
Добрый день. Столкнулся с глюком отображения картинки в ИЕ7-8. В Опере и ФФ всё отлично показывает, а в ИЕ7-8 на чёрной шкуре коров отображает какието белые пикселя, будто битые. Как это можно пофиксить? Заранее спасибо
0 votes30 answers -
В каком виде передается задание верстальщику?
Я новичок в верстке, поэтому вопросы могут показаться глупыми. Но все же ответьте поподробнее. Допустим, заказчик дал макет в виде изображения (jpg или png, например). Как достать оттуда изображение фона, если оно частично закрыто буквами или еще чем-нибудь, чтобы поставить в background? Или же заказчики всегда дают только изменяемые макеты вроде psd? Если страница со скрытыми объектами или всплывающими окнами, то даются отдельные изображения? Например, если рисованная кнопка меняет вид при наведении курсора, то дается 2 разных изображения? Приходится ли верстальщику что-то дорисовывать?
0 votes30 answers -
Резина не резинит
Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;
0 votes30 answers -
3 равных по ширине блока
Скажите, а как разместить 3 DIV'a по всей ширине страницы, при этом у всех них должна быть равная ширина? Можно, конечно, написать для каждого width: 33%. Но тогда останется 1%. Есть ли какой-то красивый способ?
0 votes30 answers -
HasLayout
Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...
0 votes30 answers -
Как лучше сверстать?
Подскажите пожалуйста новичку, как лучше реализовать даную схему сайта? Где использовать таблицы, а где блоки? Потому что не знаю с чего начать. На таблицах как-то не круто, а на блоках непонятно как сделать. Спасибо.
0 votes30 answers -
Проблема с "кнопками в safari"
Изменяю первый пост в связи с тем, что все оказалось гораздо хуже))) Просьба модераторов изменить название темы на более подходящее. Итак, взяв некоторые элементы, которые зачастую являются частью вёрстки самого макета, а не внутренних страниц содержания, провожу исследование кроссбраузерности этих элементов. 1) Делаю заготовку html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML CHECK</title> <link rel="stylesheet" type="text/css" href="css/css-for-check.css" /> </head> <body> <div id="box"> <a href="">a</a> <blockquote>a</blockquote> <cite>a</cite&g…
0 votes30 answers -
Кодировка файлов.
Если указывается в HTML файле кодировка utf-8, в этой же кодировке он сохранен. Нужно ли сохранять CSS файл в кодировке utf-8?
0 votes30 answers -
css reset
Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…
0 votes30 answers -
Float и схлопывающиеся отступы
По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации: <div class="upper" style="margin-bottom: 30px;">some content</div> <div class="floated" style="float: left;">some content</div> <div class="lower" style="margin-top: 50px;">some content</div> Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.
0 votes30 answers -
Как сделать, чтоб перенос запомимнался...
К примеру пользователь вводит такой текст в поле textarea: f f f При выводе же текст выглядит так:"f f f" Как сделать чтоб текст выводился так, как при вводе? Голову уже сломал. wrap у textarea не помогает.
0 votes30 answers -
Проблемы с обтеканием (float)
Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…
0 votes30 answers -
Помогите вырезать значок из макета
Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.
0 votes30 answers -
Не отображаются картинки
Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251" /> <link rel="stylesheet" type="text/css" href="css/main.css"> <title>Мультики</title> </head> <body> </body> </html> * { outline: none; margin: 0; padding: 0; } body { background: #6AD5F9 url("../img/main_bg.png") repeat 100%; } Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не от…
0 votes30 answers -
Валидация, что не так?
Добрый вечер Решил сделать свой проект валидным, поубирал почти все ошибки, вот не пойму как эти две ошибки исправить: there is no attribute "data-category-id" <a data-category-id="1" href="/cat/1/">Школа<ins></ins></a><br/><a data-catego there is no attribute "itemid" </h1><div style="float:left; width:20%;"><div class="catalog-entry" itemid="8"> Может кто-то знает что тут не так? И такой вопрос, как валидация влияет на индексацию страниц сайта?
0 votes30 answers -
Оцените работу новичка
Здравствуйте всем. Я начинающий верстальщик, мне 22 года. Изучил HTML, CSS, в javascript еще полностью не вник, и все. Недавно сверстал один бесплатный шаблон для практики, нашел в сети, где то дня 3 или 4 потратил, делая понемногу. Проверял только на пяти браузерах последней версии. Хочется оценки со стороны профессионалов, и конечно же критики по больше, по строже. Этот примерный сайт не доделан до прям рабочего состояния. Сверстан приблизительно. Ну, короче, выставляю на всеобщее обозрение Вот ссылка: http://mdop.yolox.net/ Ссылка на макет (картинка): http://mdop.yolox.net/NatGeo-Redesign.jpg PSD отсюда: http://www.freepsd.ws/104-psd-maket-national-geogra…
0 votes30 answers -
Скрипт для печати выбранного checkbox
Нужен скрипт, который позволит печатать определенный текст. Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value Может есть уже готовые скрипты, которые печатают определенный текст? Буду признательна за ссылки, которые смогут помочь.
0 votes30 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-