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
-
Помоги организовать выпадающее меню
Здравствуйте! Необходимо организовать меню электронного справочника, которое имело бы вид: Раздел 1 Подраздел 1.1 Подраздел 1.2 .... Раздел 2 Подраздел 2.1 .... Все подразделы необходимо скрывать, а сами разделы дожны изменять свое положение на странице в зависимости от скрытых/открытых подразделов, в этом и проблема. Использую HTML, возможно применение Java Script. Заранее спасибо.
0 votes31 answers -
форма с полями ввода в 2 колонки
Всем привет, В бутстрап верстке делаю форму с полями ввода в 2 колонки вроде : <div class="form-group col-sm-6"> <label class="col-sm-4 control-label">Id</label> <div class="col-sm-8"> <input type="text" name="id" id="id" class="form-control" value="26" size="8" maxlength="8" readonly=""> </div> </div> <div class="form-group col-sm-6 "> …
0 votes6 answers -
Как корректно сдвинуть меню вправо. Валидатор ругаеться!
68 #ja-container2 ul.menu li li a Ошибка разбора align="right" Как корректно сдвинуть меню вправо. Валидатор ругаеться! Сайт http://oceanglasses.ru
0 votes10 answers -
Как мне разместить тектс на?
Всем привет! Я сталкнулся с проблемой, я не могу разместить текст, на кортинке или на подготовленом для это элементе в формате GIF. он либо идет после элемента, либо вообще невидно, какой скрипт нужно писать? Жалко что скриншоты тут не предусмотрены , но скрипт вот такой я пишу Текст И еще как мне изменять цвет текста на кортинке?
0 votes26 answers -
Помогите исправить код!
Здравствуйте, уважаемые эксперты! Вот есть код и сайт dollarforukraine.com Подскажите, пожалуйста, как сделать бирюзовую кнопку в виде кнопки которая ниже (маленькая кнопка Donate в рамке) и чтобы она открывалась в новой вкладке. Огромное спасибо заранее! P.s. маленькая кнопка Donate уже была в шаблоне и ссылалась на "Read more"...
0 votes49 answers -
Создание простенького сайта, нужна помощь
Всем привет. В общем плане, цель моей курсовой по информатике создать сайт о автомобилях любой марки. Ни чего особенного, простой сайтик написанный в блокноте. Встал вопрос - с чего начать? Я так думаю, что нужно задать структуру странице, чтобы например слева меню, вверху большими заглавными буквами само название сайта, ну и по центру вся инфа. Вся проблема в том, что я не знаю как эту структуру прописать в блокноте. т.е. мне нужна помощь с шаблоном, а дальше я сам попробую разобраться. На картинке примерно показана, та структура о которой я говорил выше, кто знает как е? прописать на языке хтмл, помогите пожалуйста. Спасибо
0 votes37 answers -
Курсив italic
На сайте цитаты в курсивном стиле, сайт резиновый, три вертикальные колонки. Лево - менюшка, право - новости а в середине информация. Средняя колонка по её краям в черной рамке. Из-за курсивного стиля исчезает правая полоса обрамления. Сталкивался кто-то с такой проблемой???
0 votes12 answers -
Индексация поисковиками страници с фреймами (frameset)
Здравствуйте! Пришел к вам на форум, чтобы спросить следующее: Я вообще флешер. Делаю сейчас сайт приятелю. Нужно сделать красивым, и в тоже время, очень важно отображение в поисковиках. Для этого, я решил использовать фреймы. Раньше никогда их не пробовал, но изучив понял, что все просто. Только вот моя логика подсказывает, что возможны проблемы с поисковиками. Подробности: Я буду делать сайт таким: 1. Страница index.html в которой прописано вместо Фреймов будет 4. первый будет флеш шапка, второй, флеш подвал, третий левая колонка, а четвертый все остальное. Т.е Первые три флейма будут полностью заняты флешками, а четвертый, будет подгружать и менять html страници сай…
0 votes32 answers -
HTML редактор
Здраствуйте! Подскажите пожалуйста какие существуют (и существуют ли вообще) текстовые редакторы кода HTML без всяких там кнопок, типа "вставить рисунок одним кликом". Я немного не очень опытный, поэтому мне бы сначала изучить основы, а потом уже и к оформлению приступить. Перепробовал несколько редакторов, но они все в стиле "что вижу, то и получаю" (или както так ). Обычным блокнотом можно канечно править, но без подсветки мне сложно - глаза устают искать нужные строки. Заранее премного благодарен
0 votes29 answers -
Вложенные формы
Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…
0 votes11 answers -
Проблема с меню
В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…
0 votes34 answers -
Не работает свойство z-index
На сайте http://ulskiy.org.ua/example/example.html блок с текстом должен лежать поверх двух картинок внизу страницы в коде прописываю .contentbody { width:60%; margin-left: 18%; margin-right: 18%; z-index:2; } .unit_contentbody{ margin-bottom: 35px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:small; z-index:2; } .img_contentbody { float:left; border:none; margin-right:10px; z-index:2; } .bttomheader { width: 100%; position:relative; min-width:1000px; z-index:1; } .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.gif) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; z-index:1; } .b…
0 votes2 answers -
не отображаются картинки в IE
Всем привет! Есть кусок html кода: <ul class="CategoryTree"> <li class="submenu"> <span class="nodeImage" onclick="java script:ajaxOpenCategory(1);return false"></span> <a href="category.html?catId=1">cat-1 id=1</a></li> <li class="submenu"><span class="nodeImage" onclick="java script:ajaxOpenCategory(2);return false"></span> <a href="category.html?catId=2">cat-2 id=2</a></li> <li class="leaf"><span class="nodeImage" onclick="java script:ajaxOpenCategory(3);return false"></span> <a href="category.html?catId=3">cat-3 id=3</a></li> <li class="leaf"&…
0 votes8 answers -
Высота 3х колонок - 100% (проблема)
Грубо говоря надо дивами получить то, что получится такими вот табличками: <html> <head> <style type="text/css"> html,body{ padding: 0; margin: 0; height: 100%; width: 100%; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td height="70" bgcolor="#FFFFCC"> </td> </tr> <tr> <td height="30" bgcolor="#FFFF99"> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspac…
0 votes17 answers -
Вписать изображение в контейнер с подгонкой размеров
Доброго времени суток, прошу помощи в решении задачи. Пример (как должно быть): На данном рисунке: Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен име…
0 votes7 answers -
Как прописать фон в html?
Подскажите, как правильно прописать фон посредствам тега (пример)<img src="1111.jpg" alt="1111"> в коде, минуя CSS Спасибо
0 votes8 answers -
Почему рекомендуют указывать в name и id разные значения?
Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют. Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано? Хуже: <input type="text" name="login" id="login"> Лучше: <input type="text" name="login" id="login-field">
0 votes6 answers -
Контент в блоке
Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}
0 votes90 answers -
Бывают ли дробные пиксели
Уважаемые развейте мои сомнения. Столкнулась с такой вот вещью, как дробное указание величины в пикселях. Такое вообще может быть На моей памяти пикселы не деляться
0 votes10 answers -
Padding/Margin в процентах
возможно задать значение Padding/Margin в процентах? никак не получается... спасибо
0 votes9 answers -
Не отображаются границы таблиц на сайте
Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.
0 votes1 answer -
Кнопка для смены фона сайта.
Привет всем ! Решил сделать на своем сайте кнопку для смены фона на сайте что бы страница не обновлялась, а менялся только её фон. Возможно ли реализовать это в CSS или без javascipt не обойтись ? Для примера, есть 4 фоновых изображения : 1, 2, 3, 4 И две кнопки, вперед и назад : NEXT, PREVIOUS Идея : Заходя на сайт стоит фон 1 : <style type="text/css"> body { background-attachment: fixed; background-image: url(1.png); background-repeat: repeat; } <style> Варианты реализации : 1 Есть 2 кнопки - NEXT и PREVIOUS, при нажатии на NEXT фон меняется на 2.png, при повторном нажатии на 3.png и так далее, при нажатии PREVIOUS возвращается к пред…
0 votes2 answers -
И снова высота 100 в ИЕ
Таблица. Три строчки. Верхняя и нижняя фиксированная высота. Средняя тянется на 100%. Вопросы: почему ИЕ растягивает среднюю неправильно? как с этим правильно бороться? <!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> <link href="main.css" rel="stylesheet" type="text/css"> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } td { padding: 0; } table { border-collapse: collapse; height:100%; width: 100%; border-…
0 votes35 answers -
Сложная кнопка, являющаяся ссылкой, с вертикальным центрованием текста, и другими ссылками внутри.
Здравствуйте! Перед мной задача сделать кнопку, которая сама по себе является ссылкой, но внутри этой тоже должны быть размещены другие ссылки. Эти дополнительные ссылки, скажем так, опции или подразделы, основной ссылки. HTML: <div class="item"> <div class="content"> <a href="/">Основная длинная ссылка</a> <div class="sub"> <hr> <div> <a href="/" style="float:left;">Подссылка1</a> <a href="/" style="float:right;">Подссылка2</a> </div> </div> </div> </div> <div class="item"> …
0 votes56 answers -
Изменить размер шапки
Здравствуйте, помогите пожалуйста.Сейчас как на рис.1, нужно сделать как на рис.2. Т.е. убрать белые полосы по бокам, чтобы картинка была на всю длину. Извините, если не правильно оформила сообщение) Рисунок 1 Рисунок 2 Файл index.php: <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga copyright: GNU/GPL --> <head> <?php mos…
0 votes34 answers