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
-
Таблица на всю страницу!
Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!
0 votes3 answers -
табличка в html
Всем привет. В общем нужна на большая консультация в создании таблицы. вот сам код того, что у меня получилось <html> <head> <title>Создание таблицы</title> </head> <body> <table border = "1" bordercolor = "black" > <tr align = "center"> <th colspan = "3" >——--</th> </tr> <tbody> <tr> <td>Группа</td> <td width = 20%> </td> <td >Новости</td> </tr> <tr> <td>Информация для родителей</td> <td> </td> <td>Программы</td> </tr> <tr> <td>Итоговые оценки</td> <td> </td> <…
0 votes2 answers -
Расстояние между дивами в IE7
По какой причине дивы отъезжают друг от друга при увеличении масштаба (Ctrl+Scroll)? При уменьшении они наезжают друг на друга. Если же убрать свойство width, то отображается нормально. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title>цвц</title><style type="text/css"> #Probe { border-style: double; position: relative; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; padding-bottom: 1px; font-family: Times New Roman; font-size: 14pt; text-decoration: none; width: 600px; }…
0 votes7 answers -
Что делать, чтобы после клика на элемент меню сайт не "ездил"?
На сайте в разных местах несколько разных меню. НО: когда кликаешь на пункт того меню которое в справа, сайт показывает браузеру свой левый верхний угол. И вообще куда ни кликай, все равно сайт после клика показывает левый верхний угол. Как это из бежать? Как сделать чтобы пользователь кликнул на меню и курсор мышки в блоке того же меню и оставался. Слышал что это можно решить средствами CSS, но не понимаю какое свойство CSS за это отвечает.
0 votes10 answers -
Отступ после DIVa в ie 6 и 7
Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. HTML: <!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"> <head> <meta http-equiv="Content-T…
0 votes3 answers -
Как упорядочить DIV?
Здравствуйте. У меня скрипт формирует блоки с данными, я их помещаю при формировании страницы в ДИВы. Блоков может быть разное количество, и букв в них тоже. Если див в стиле: .col1 { background-color: #C0C0C0; padding: 5px; margin: 1px; float: left; width: 150px; } то картинка будет такая: а как сделать чтобы было так: ?
0 votes5 answers -
Передать ссылку из одного окна в другое
Вот такая ситуация - есть сайт, и-магазин. Нажимаю на "добавить в корзину", и открывается новое маленькое окошко, в котором происходит процесс установки куки. Дальше пользователю в этом маленьком окошке предлагаю: 1) Закрыть это окно и перейти в корзину (т.е. это окно закрывается и в главном происходит переход на другую страничку) 2) Закрыть это окно (это просто, делаю через JS: <a href="java script:window.close()">) вопрос как реализуется первый пункт?
0 votes2 answers -
Вставка Flash-меню
Уважаемые мастера WEB-дизайна и просто посетители форума! Столкнулся с такой проблемой: создал флеш меню, но никак не могу понять как его вставить в определенное поле на сайте (DLE). Прежде вставлял обычные swf через код в файле main.tpl (указал ниже). Все прекрасно работало, но в этом случае структура меню содержит не только файл swf, но и отдельно его содержимое (струтура флеш меню описана ниже). Зашел в тупик... Пожалуйста помогите если это возможно. Обычное флеш меню одним файлом (работало): <!-- logo --> <tr> <td colspan="2" align="center"><a href="/"> <embed src="/templates/Prototype/images/logotip.swf" quality="high" width="970" height="…
0 votes5 answers -
Убрать бэкграунд, убрать скрол внизу
Здравствуйте. Все перепробовал, приходится обращаться к Гуру. Есть сайт, который статичен и отображается при 1024px без скрола и бэкграунда. Проблема в том что появляется справа сайта бэекграунд и скрол внизу. Догадываюсь что проблема в: body { width: 100%; height: 100%; font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; font-size: 12px; background: #666666; text-align: center; }
0 votes5 answers -
Действия при наведении курсора на ссылку
Здравствуйте. Помогите пожалуйста. Необходимо реализовать следующее: есть главное меню, при наведении на каждый из пунктов меню на картинку, расположенную над этим меню, должна накладываться другая картинка. Я так понимаю, что это на JavaScript надо делать? Спасибо.
0 votes3 answers -
Обтекание fixed-блока
Здравствуйте! Подскажите, пожалуйста, можно ли сделать обтекание fixed-блока ( {position: fixed} ), чтобы под него не подлазил текст? И если да, то как?
0 votes15 answers -
DOCTYPE
Доброе время суток!!! Помогите решить проблему! Есть html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; } table.main { width: 100%; height: 100%; border-collapse: collapse; } td.news { width: 30%; background-color: blue; } td.text { width: 70%; height: 100%; } </style> </head> <body> <table class="main" border="1"> <tr> <td class="news">news</td> <td class="text">text</td> </tr> </table> </body> &l…
0 votes4 answers -
Не работает выпадающее меню
У меня не получается сделать выпадающее меню. Оно почему то упорно не хочет выпадать. Вот код: ul#menu { background: transparent url('images/menu.png') repeat-x 0 0; width: 90%; overflow: hidden; z-index: 100; list-style: none; } ul#menu li { position: relative; float: left; } ul#menu li a { background: transparent url('images/separator.gif') no-repeat 100% 1px; float: left; font-size: 15px; color: #fff; height: 65px; padding: 10px 17px 0 15px; } ul#menu li a:hover, ul#menu li.current-cat a { background:transparent url('images/menu-hover.png') repeat-x 100% 1px; text-decoration: none; } /* sub-menu */ ul#menu li ul { display: none; …
0 votes4 answers -
как сделать так чтобы браузер не запоминал значение поля формы
как сделать так, чтобы браузер не запоминал введенное значение поля формы? заранее спасибо
0 votes7 answers -
HTML-редакторы, не требующие инсталляции
Подскажите, пожалуйста, какие-нибудь html-редакторы, не требующие установки. На учебе устанавливать программы нельзя, а в стадартном блокноте работать не очень удобно. На компьютерах установлен windows xp и линукс.
0 votes24 answers -
Ааа... Warning! Margin в ie6!
Хелп, подскажите как лечить ие6? Конструкция такая: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> body { margin: 20; padding: 20; } .local-max { width: 300px; background: red; border: 1px solid black; overflow: hidden; zoom: 1; } .local-min { float: left; margin-left: 8px; width: 30px; color: white; background: green; } </style> </head> <body> <div class="local-max"> <div class="local-min">1</div> <div class="l…
0 votes12 answers -
Помогите с отступами
помогите, кто может. не могу увеличить отступ от текста до формы. если же отступ увеличивается, то возникает проблема: текст и форма находятся на разном уровне (как бы на разных строках). как этого избежать? спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> New project </title> <style type="text/css"> .layer1 { padding-left: 80px; /* Отступ слева */ background-image:url(topfon.jpg); color: lightblue; /* Цвет шрифта */ } .ots { margin-left: 80px; /* Отступ слева */ pa…
0 votes7 answers -
Проблема отображения содержимого слоя в IE7 и ниже
Всем пирвет. Нужна помощь. Вот htm: <div id="top_position"> <div id="top">Первый слой</div> <div id="search">Второй слой</div> </div> Вот css: div#top_position { overflow:hidden; width:990px; height:70px; text-align:left; } div#top { float:left; width:700px; margin-top:15px; padding-left:15px; } div#search { width:290px; margin-left:700px; margin-top:25px; padding-left:75px; }
0 votes8 answers -
Теги html
Решил делать себе 'reset.css' - заинтересовался таким вопросом: где можно посмотреть список всех тегов, которые сейчас актуальны, были запрещены, устаревшие, которые не рекоммендуют использовать и т.д. Буду рад за любую информацию и линки. P.S. Был здесь - http://www.htmlbook.ru/html/ и здесь - http://www.w3.org/TR/html4/index/elements.html Да и вообще, во всех списках все по разному... И есть ли у кого-нибудь полнейший список тегов? =)
0 votes25 answers -
верхнее меню -список
есть гориз меню на joomla сверстанное с косяками beta.openvpn.ru . проблема в том что пункты падают на следующую строчку при уменьшении окна браузера. возможно ли сделать так чтобы меню автоматически сжималось при сужении окна браузера, либо варант 2 возможно ли хотя бы зафиксировать его по ширине, но чтобы пункты меню списка были в одной строке и не падали вниз.. если возможно то как?.. замучался гуглить и править код.. подскажите пжлста гуру. вот обрывки хтмль и css <table class="menubg" width="100%" height="33px" align="center" border="0" cellpadding="0" cellspacing="0" background"menu_bg_.jpg"> <td> <div id="top"> <table cellpadding="0" cel…
0 votes1 answer -
CSS-меню со ссылками и IE 7/8
Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…
0 votes8 answers -
Растянуть div
Вобщем такая проблемма div в шаблоне если нету контента получается не на всю высоту. когда с текстом когда без, или его не достаточно чтоб растянуть подскажите плиз как растянуть див по размеру браузера
0 votes2 answers -
Как сделать select раскрытым, и разрешить выбор только одного
Хочу сделать select как при multiple, т.е. раскрытый, но к сожалению, multiple разрешает пользователям выбирать несколько позиций, как сделать так, чтобы список был раскрытым, но при этом пользователь мог выбирать только одну позицию? Или хотя бы как это реализовать другими способами
0 votes4 answers -
Как "заставить" браузер отображать код в виде текста?
Что надо сделать чтобы браузер отображал код, написанный в абзаце, в виде текста. Например, в абзаце в одной из фраз должно быть <div></div>. Браузер отображает это место как пустоту. То есть он "думает" что это код блока.
0 votes1 answer -
Фон
Как сделать чтобы при увеличении окна браузера фон в блоке увеличивался только на цельную картинку а не на её часть...? Дело в том что можно было бы конечно без этого обойтись, просто картинка с который состыковывается этот фон очень большая и многоцветная.. местами с прозрачностью.... Если её делать PNG-хой то она будет весить порядка 140кБ... а в JPG-е он будет весить всего 17кб.... Как бы разница ощутимая... вот и задался таким вопросом.... может ктонибудь знает? заранее благодарен. )
0 votes16 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-