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
-
Калькулятор
Всем добрый день! Вопрос по реализации идеи! Я создаю свой форум! Форум посвящен кулинарии! Вопрос по изменению окна отправки сообщения! Мне необходимо сделать так, что бы пользователь при создании рецепта мог из списка выбрать нужный ему ингридиент, написать его вес, и при отправке сообщения, скрипт сам подсчитывал на основании данных калорийность рецпта, и эта цифра отображалась в сообщении! По сути это калькулятор калорий! Но реализованый в другом стиле! Как я понимаю надо каждому продукту присвоить значение! В дальнейшем я хочу сделать например поисr по продуктам! Добавляешь продукты в поиск и он находит тебе все рецепты с этими продуктами. Нажимаешь на продукт откр…
0 votes4 answers -
смещение текста при зажатой кнопке input[submit] в ИЕ
Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …
0 votes8 answers -
jQuery на событие submit формы генерирует событие клик для submit
Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй?
0 votes1 answer -
Работа с @Media запросами
Ребята - при верстке появилась такая проблема: У меня не работает @Media запросы - они просто перечеркиваются! Но если их вручную включить а ненужные выключить - все выглядит отлично! (Картинка сжимается и в общем все работает) Так как же мне сделать что-бы оно само отключало обычный тег и включало @Media при условии (max-width: 1000px)??? Вот код: HTML: <div id="Menu"><a href="http://blackhoggames.clan.su/" ><img src="/Black_Hog_Games/images/BottonHome.png" id="Home" class="Botton"></a> </div> </Menu> CSS: @media only screen and (max-width: 1000px){#Home { display: block; width: 130px; height: 30px; …
0 votes2 answers -
Эффект перекатывания с помощью стилей
Здравствуйте! На вашем сайте я прочитал совет эффекта перекатывания с помощью стилей, все понятно. Но у меня возник еще один вопрос. Как с помощью стилей (если это возможно) сделать так чтобы при наведении курсора мыши на картинку в одном месте появлялась картинка в другом, к примеру над ней.
0 votes1 answer -
Отступы в ие6 от блочных элементов
Почему в ие6 появляются отступы, что стоит ли див в таблице или рядом с другим дивом. В фф и опере все нормально. вот простой пример: <div id="line"> <div class="til"></div> <div class="til2"></div> </div> #line { position:absolute; top:280px; width:100%; } .til { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-left:20px; _margin-left:10px; float:left; } .til2 { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-right:20px; _margin-right:10px; float:right; } Увидеть эти отступы можно добавив в конец каждого класса строчку border:1px solid black;
0 votes3 answers -
помогите разобраться с div
В общем, нужна помощь, незнаю что делать. имеется такой код <div id="container"> some code... </div> #container{ padding-left:18px; position:relative; } В этот div надо запихнуть таблицу (можно ее поместить в другой div) что бы параметры id="container" не касались ее(таблицы), пробовал и вписывать с другим id не помогает... Подскажите как такое релизовать?
0 votes9 answers -
Объясните пожалуйста, как сделать
Мне нужно сверстать шапку. Ее размер 1024px Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной... Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px. Распилем шапку на три части... 238 1024 238 Надо сверстать DIVами чтобы центральная часть была фиксированной ширины, по центру. а левая и правая часть расширялись в зависимости от разрешения экрана. Это делается до безобразия просто на таблице <table width="100%"> <tr height="500"> <td> </td> <td width="1024px"> </td> <td>…
0 votes9 answers -
Полностью поползла верстка в новой Opera 11.11
Я сейчас делаю сайт на основе одного шаблона и я заметил, что в браузере Опера после обновления до версии 11.10 все слайды на главной и верхнее меню поползло, сайт полностью вышел из строя. В чем причина? Кто в курсе изменений в новой версии? Хочу заметить остальные браузеры его отлично отображают и опера версии 11.01 в их числе! Вот этот шаблон: http://www.bambootheme.com/showcase/feb09/
0 votes7 answers -
Табуляция в textarea
Здраствуй-те, пишу работу и вот застрял на такой вещи как табуляция в теге <textarea>. Проблема вот в чем, мне необходимо изменить значение кнопки tab, чтобы она не переключалась между кнопками, а чтобы она создавала отступ. Это вещь необходима, чтобы создать модель списка. У меня есть идея, это пойти через вставку специального символа tab в javascripte, то есть, как только пользователь кликнул, резко копируем весь текст добавляем к тексту символ и возвращаем, но я не уверен будет ли это способ работать и реализуем он ли вообще. Помогай-те идеями или статья с такой вещью, буду рад любой информации.
0 votes2 answers -
Шапки и подвал отдельным файлом в HTML
Как подключить, например шапку и подвал сайта к уже имеющимся страничкам, чтобы не прописывать каждый раз одно и тоже на всех страницах (дабы сократить вес на пару килобайт )? Или обычный HTML такое не умеет? Только xHTML?
0 votes5 answers -
Как верстать из jpg?
Сегодня получил первую работу на фрилансе, но, к сожалению пришлось отказаться .. Макет пришел в jpg формате, сказали что сайт должен выглядеть так в итоге, и "сверстать нужно на wordpress-е" и как я понял подключить плагин woocommerce . Хотелось бы узнать, как верстать с jpg формата, как узнать шрифты, взять изображения и т.д .. Попадались ли вам такие макеты? И еще, как натянуть готовую верстку на wordpress, возможно кто-то знает, где найти свежие уроки?
0 votes2 answers -
phpMailer не работает отправка файлов
Я не знаю, я 3 часа перепробовал все. Поставил форму отправки с прикреплением файлов, https://jsfiddle.net/02rm8d3m/ , данные отправляет, аттачмент нет. (мне нужно чтобы он определял файл и путь к нему, это я установил в коде php), я не знаю чего еще не хватает, кто знает, плиз, помогите, рили перепробовал все, что можно
0 votes4 answers -
Выравнять блоки и слои
Здравствуйте, Надо поднять <div class="conteiner" На один уровень с <div class="fone35> по высоте. Как это можно сделать? https://jsfiddle.net/ratus/g879ptjy/23/
0 votes4 answers -
проблеммы с длинным текстом в меню
Здравствуйте в первый раз делаю интернет магазин, уперся в такую проблему: в списке категорий длинные названия переносятся на следующюю строчку не так как хотелось бы. сейчас так. Хотелось бы Использую Joomla 1.5 и Virtuemart Паботаю с стандартными шаблонами использую тип dtree Код из фаила dtree.css .dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: pre; } .dtree img { border: 0px; vertical-align: middle; } .dtree a { color: #333; text-decoration: none; } .dtree a.node, .dtree a.nodeSel { font-size: 11px; white-space: normal; padding: 0px 2px 1px 1px; } .dtree a.node:hover, .dtree a.nodeSel:hov…
0 votes6 answers -
border для div Width 100% без скроллинга. (Webkit)
Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?
0 votes2 answers -
Проблема с плеером на сайте ucoz
Здравствуйте! Я понимаю, что ucoz здесь не приветствуется, но все же, может, кто-нибудь подскажет решение задачи... А проблема в следующем: На этой странице http://grafikaplus.ucoz.ru/forum/7-3-1 стоят плеера прослушки (2 вида), у кого-то звук идет нормально, у кого-то вообще не идет. Причем и браузеры разные, и флеш у людей установлен. В чем проблема? Есть решение? Заранее спасибо!
0 votes12 answers -
Соединить изображения
Я сделал в фотошопе картинку шириной 500 px Разделил ее на 3 части, каждую картинку сделал ссылкой. Хочу что бы эти картинки были вместе как единая картинка, но между ними есть отступы. Как избавиться от этих отступов ?
0 votes10 answers -
Структурные тэги в HTML5
Так Section или Artice ?
0 votes9 answers -
Высота родительского div'a в FF и Opera
Подскажите, что надо изменить в коде, чтобы в FF и Opera вс? отображалось также, как в ИЕ. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> body {background-color:#000000; margin:0;} #main{background-color:#0000ff; margin:0 auto; padding:5px; padding-top:20px; padding-bottom:20px; width:740px;} #inside{margin:0 auto; width:700px; text-align:center;} #header{margin:0 auto; padding:0;} #h-left{background-color:#FF0000; width:366px; flo…
0 votes1 answer -
Закрытие страницы "на кнопку"
Понадобилось сделать что бы на сайте была кнопка/надпись, на которую нажимаешь - и страница закрывается. Видел такое на некоторых сайтах, кто знает как сделать?
0 votes7 answers -
Помогите с версткой
Есть такой код: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <div style="position: absolute; left: 10%; top: 10%; width: 200px; height: 200px; border: #f00 1px solid;"> <div style="border: #000 1px solid; height: 25px;"></div> <table style="width…
0 votes6 answers -
Помогите с доктайпом.
1. Мне посоветовали поставить доктайп чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта. Я сделала это, надеюсь он подойдет моему сайту www.miroslava.nm.ru Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.miroslava.nm.ru мой первый сайт (я не считаю www.psy-dnu.n…
0 votes8 answers -
НУжна помощь в создании сайта
Добрый день. Нужна помощь в создании сайта для профтехучилища. Своими силами сделал вот что http://www.bplsp.com.ua или так http://www.bplsp.com.ua/index123.html , но руководству не очень нравится, если кто может помогите создать шаблон сайта.
0 votes9 answers -
<! DOCTYPE> и HTML5
добрый день! читаю самоучитель. в нем приводятся разные варианты содержимого <! DOCTYPE...>, включая различные DTD. в статье "Пять вещей, которые надо знать об HTML5" есть такая строка т.о., если я правильно понимаю, учитывая современные тенденции в HTML документах можно писать буквально только "<!DOCTYPE html>", без (к примеру) PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" так ли это? спасибо. UPD Благодарю! Развеяли мои сомнения =)
0 votes8 answers