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
-
js. Проверка корректности email
Здравствуйте, искал материал как осуществить проверку email. Нашел и очень много, но почему то они все разные. Трудность состоит в выборе регулярного выражения: /[a-z0-9-_]{2,1000}\@[a-z0-9\-\_]{2,100}\.[a-z0-9]{2,4}/gi; /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i/^\w+@\w+\.\w{2,4}$/i;/^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;/^(("[\w-\s]+")|([\…
0 votes3 answers -
Кривое отображение сайта в сафари
Есть такая проблема.. Верстаю сайт, адаптирую, все отображается ровно во всех браузерах, кроме сафари на маке и Ipad. Не пойму в чем проблема. http://yana23fv.bget.ru/ - вот сайт Вот так выглядит в сафари - так в хроме Сафари - хром Может кто знает в чем дело? Спасибо
0 votes1 answer -
Программное изменение типа ссылки
Задача программно изменить тип ссылок на файлы с относительных на абсолютные. Т.е. заменить не сами ссылки, а создать какой-то внешний управляющий модуль, который бы в зависимости от ситуации менял их тип. В частности, надо изменить путь к некоторым файлам изображений, которые в теле html-файла прописаны просто как "/папка/файл". Но html-файл и сопутствующие файлы располагаются на компьютере и еще на нескольких сайтах. В результате на одном сайте прописывается путь типа: "http://сайт/index/папка/файл", где "index/" надо убрать из пути. Т.е. надо переопределить ссылки под конкретное местоположение файлов, не меняя основного блока исходного html-файла (там, где прописаны вс…
0 votes6 answers -
Float in Float
Привет всем! Вот недавно для себя обнаружил еще 1 странное поведение ие6,7. Вот решил поделиться с вами, возможно конечно кто-то уже в теме, но думаю тем не менее некоторым тоже будет полезно узнать Скажем есть внешний блок, он зафлоачен лефтом! В нем есть 3 блока (как бэ мы делаем растягивающуюся менюху с закругленными краями по бокам, высота фиксированная). Эти 3 блока (включая правый) нужно все флоатить по лефту! Если правый блок (уголок) зафлоатить райт, то в ие 6,7 это растянет внешний блок (в данном примере .menu_item) с флоатом лефт на всю ширину экрана. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra…
0 votes15 answers -
Элементы с float, при загрузке страницы выстраиваются вертикально
Привет всем. Не могу побороть проблему на этом сайте: http://www.domzagranicey.com/ Дело в том, что при загрузке страницы, фотографии в карусели выстраиваются вертикально буквально на 2 секунды, но это бесит... не знаю, как пофиксить это. Overflow hidden родительскому элементу — не помогает.
0 votes13 answers -
table to div ... help please
Zdrastvuite. Vot takaya dilema. pitaiusi iz table sdelati div ... vot shto u menea poluchilosi ... no pomoemu nemnoshko krivo ... stranitsa rezinovaya .. hociu rezulitat kak na kartinke ... toliko shtob vseo bilo virovneno (text pod img) <div id="gallery1"> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" />&l…
0 votes3 answers -
Значение атрибутов для элементов HTML (по-умолчанию)
Господа, поделитесь информацией о том, где можно посмотреть значения всех атрубутов для html элементов по-умолчанию. К примеру какие изначальные значения margin у элемента <P> или <H...>? Может есть какая-то таблица?
0 votes6 answers -
резина
Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?
0 votes5 answers -
Папки в url
Приветствую. Однажды интересовался, будут ли в адресе страницы отображаться папки, в которых хтмл файл. Да мой сайт на хтмл и цсс, и деятели сказали твёрдо - НЕТ. Однако купив хостинг, на деле оказалось да. Подскажите пожалуйста добрые сограждане, как теперь этот вопрос можно решить.
0 votes10 answers -
Глюк в IE6 или я чот не так сделал.
Здравствуйте. Сайт только начал верстать поэтому ссылку на него выложить не могу. Собственно столкнулся с первой проблемой. background-ом растянутый по ширине (repeat-x) лежит на body фоновый рисунок с разрешением png зная заранее что у IE6 проблемы с отображением полупрозрачности .png я подключаю експрешон вот он: body{ background:url(images/none.gif) fixed; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-body.png', sizingmethod='scale'); } После этого в IE фон исчезает. что это, глюк IE либо я что-то не то сделал? заранее Спасибо
0 votes9 answers -
списки
<div id="apDiv2"><h3> <a href=</a> <font class="olive">(120)</font> </h3> <ul> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a> </li> </ul> </div> Подскажите плиз или дайте ссылку где почитать. Нужно сделать список в два столбика друг на против друга в одном элементе.
0 votes6 answers -
Меню-картинка с открывающимся списком-текстом
Здравствуйте, подскажите пожалуйста, как сделать из такого меню так, чтобы при наведении мышкой на картинку (или нажатии) открывался бы вниз многоуровневый список? Вот html код создаваемого меню: <td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="1024" height="223"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"align="left"><tr><td background="images/1_1.jpg" border="0" width="136" height="78"></td></tr><tr><td background="images/1_2.jpg" border="0" width="136" height="74"></td></tr><tr><td background="images/1_3.jpg" border="0" width="136" …
0 votes2 answers -
Обводка полeй логинa и парoля в Опeрe
Здравствуйте. В опере есть такая весч как обводка полей для магистра поролей(в новых версиях - жезл), и те поля от которых опера помнит пару логин-пароль она обводит желтым цветом. Подскажите, возможно ли как нибудь убрать это через css принудительно? outline:none !important; - непомогло. Вот как это дибильно выглядит: а хотелось бы вот так:
0 votes13 answers -
Как поменять местами два блока средствами CSS ?
В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".
0 votes2 answers -
Zoom & UnZoom (JavaScript)
<script language="javascript"> function zoom() { if (document.form1.mypict.width < 140) { document.form1.mypict.width=document.form1.mypict.width+1 document.form1.mypict.height=document.form1.mypict.height+1 setTimeout("zoom()", 40) } } function unzoom() { if (document.form1.mypict.width > 130) { document.form1.mypict.width=document.form1.mypict.width-1 document.form1.mypict.height=document.form1.mypict.height-1 setTimeout("unzoom()", 40) } } function zoom2() { if (document.form2.mypict2.width < 140) { document.form2.mypict2.width=document.form2.mypict2.width+1 document.form2.mypict2.height=document.form2.mypict2.height+1 setTimeout("zoom2()",…
0 votes4 answers -
Как установить длину кнопки
Имеется следующий код: Нужно установить длину кнопки в 50 символов. Как это сделать ???
0 votes3 answers -
Вертикальное выпадающее меню
Помогите разобраться , менюшка не работает в IE воще ни как, в Опере и ФФ вс? отлично. Помогите найти и исправить ошибку. Делал по инструкции вот от сюда http://www.webmascon.com/topics/coding/42a.asp Html: <div id="menu" class="col1_bl_cont"> <ul id="nav"> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Спонсоры</a> <ul> <li><a href="#">Платит</a></li> <li><a href="#">На проверке</a></li> <li><a href="#">Не платит</a></li> </ul> </li> <li><a href="#">…
0 votes3 answers -
Создание видео учебника
Добрый день, уважаемые мастера. Описание задачи: создание простого учебника (желательно на html) и включение в него видео-уроков. Причем учебник может храниться на сервере и пользователь должен иметь возможность его просматривать. Описание проблемы: в случае локальной версии учебника все работает нормально, но если учебник в виде html страниц лежит на сервере, то видео с этих страниц не открывается у пользователя (пробовал уже видео размещать на странице по-разному, и <embed>, и <object>, и с помощью различных flash-плееров(JW, Tarantinov, etc)). Вопрос: есть ли возможность сделать так, чтобы пользователь мог просматривать видео на html страницах, которые лежа…
0 votes17 answers -
Курсы HTML/CSS
Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!
0 votes14 answers -
Png не выравнивается по правому краю ....
Добрый день, вот столкнулся с такой проблемой, есть картинка .png которую нужно положить бакграундом в правом верхнем углу ячейки таблицы, в мозиле и опере все работает, а вот ИЕ6 отказывается туда ее равнять ставит слева, как справится с этим "осликом" может кто подскажет ? Заранее спасибо. style="background:url('img/kat_a_002.png'); background-position: right top; //background-image: none; background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kat_a_002.png', sizingMethod='image');"
0 votes8 answers -
SELECT и background. IE & opera VS FF
select{background: url('images/select.gif') repeat-x; border: 1px solid #acacac;} <select class="md"> <option value="">январь</option> <option value="">февраль</option> <option value="">март</option> </select> в FF все просто замечательно, а осел и ДАЖЕ ОПЕРА не показывают фон. нипонимай.
0 votes2 answers -
Пустое место
Уважаемые! Столкнулся с данной проблемой... есть картинка в диве и текст , при наложении текста на картинку остается пустое место там где текст появился изначально и на это место положить можно ток позиционированием. Основная проблема в том что бэграунд (картинка на весь контент) растягивается ровно на столько сколько занимает текст. Надеюсь я изложил все так как надо помогите советами. Буду очень признателен!
0 votes12 answers -
Скрытие поля прокрутки
Подскажите насчёт 2х вопросов? 1. как на простой html странице сделать подобную прокрутку (без использования фреймов) и как потом скрыть полосу прокрутки?
0 votes4 answers -
SASS. Миксин медиазапросов, избыточный код
Решил освоить SASS, очень мне нравится его идея, большое коммьюнити, все нравится, но столкнулся с проблемой, собственно ниже и опишу. Хочу сделать миксин медиазапросов есть 4 переменные, в них описаны размеры экрана, и создан несложный миксин. $screen_xs: 320px;$screen_s: 768px;$screen_m: 1024px;$screen_l: 1200px;$screen_xl: 1376px;@mixin mediaquery($media) { @if $media == screen_s { @media only screen and (max-width: $screen_s + 1) { @content; } } @else if $media == screen_m { @media only screen and (min-width: $screen_m + 1){ @content; } } @else if $media == screen_l { @media only screen and (min-width: $screen_l + 1) { @content; } } @else if $media == screen_xl …
0 votes1 answer -
absolute проваливается сковозь relative
Наблюдаю такой вот баг в FF, Opera Есть такой вот код: <td style="position:relative"> <div style="position:absolute"></div> </td> Так вот DIV выпадает из TD, тоесть DIV позиционируется относительно ближайшего позиционированного элемента, не видя позицонированого TD. В IE работает. Может кто-то сталкивался...
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-