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
-
Расположение блоков рядами
Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Магазин спайса</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/…
0 votes11 answers -
Фоновый рисунок ссылки в 6 IE
Есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>hover</title> <style type="text/css"> ul { margin:0; padding:0; } li { list-style-type: none; display: inline; padding:10px; } a { text-decoration: none; color:#000000; } a:hover { background:url(menu-hover.gif) no-repeat; background-position:bottom center; } </style> </head> <body> ul> <li><a href = "#">Первый</a></li> <li><a href = "#">Второй</a></li> <li><a href = "#">Третий&…
0 votes15 answers -
Прокрутка
Есть такой интересный скрипт пот скрин http://image4all.narod.nnov.ru/images/1210...d3388c9ff98.png Как сделать такую прокрутку.Мне говорили это такое свойство подскажите как сделать?!Это прокруска не всец страницы а например текста в блоке!
0 votes4 answers -
Убрать белый фон вокруг ссылок
Всем доброго времени суток. Собственно, проблема описана в теме. Все перепробовала, ну или мне уже кажется что все. В общем бьюсь над заливкой на ссылках тем форума. Необходимо чтобы был черный фон, чтобы в общем стиле все было, а он такой нехороший белый...Подскажите пожалуйста, куда залезть, чтобы исправить это. Да и еще пользуясь случаем...где можно поправить размер шрифта на этой же самой странице (http://darkangel.ucoz.ru/forum/)? Заранее всем огромное спасибо!!!
0 votes8 answers -
Выравнять в одной строке по левому краю и по правому краю
Привет, спецы! Как сделать текcn цена текст что-то цена текст опять цена_хм Как видите, текст выравнян в одной строке по разному, пробовал через <div> = не получается, т.к. делается перенос строки при новом диве, который мне не нужен. Делать на каждую строчку по таблице - не вариант, в общем как? и еще вопросик, как поставить знак табуляции в html?
0 votes4 answers -
Вывод контента в php
Доброго дня... Столкнулся с траблой такого рода... Есть страница-шаблон, куда инклудится контент, в зависимости от того, какая кнопка меню нажимается... В начале страницы по умолчанию выбирается файл, он вставляется и вес работает, а вот на нажатие кнопок происходит выдача ошибки 404, типа не нашел страницу... <?php $adress = explode( '/' , $_SERVER['REQUEST_URI'] ); if (!isset($adress[1])||($adress[1]=='')) $adress[1]='ru'; /* указывается страница загрузки контента по умолчанию */ ?> это стоит в самом начале сайта и прекрасно работает... <?php if (file_exists("content/$adress[1].php")) include("content/$adress[1].php"); else include("content/404.php"); ?> эт…
0 votes5 answers -
Таблица на всю страницу!
Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <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 -
Не срабатывает text-align:right в ячейке
Суть: Есть таблица с одной строкой и пятью столбцами, ширина первых трех и последнего задано жестко, в пикселях. Соответственно у четвертого не срабатывает горизонтальное выравнивание, заданное через id ячейки в css. Вопрос: Где я ошибаюсь? Спасибо.
0 votes5 answers -
Текст в кружке.
Добрый день! Задумал сделать сайт в виде лупы Подскажите кто сталкивался, как сделать так, чтобы текст помещался строго внутри круга?
0 votes2 answers -
dropdown - background
Приветствую. Молю помощи-совета: wordpress 2.8.4 wordpress.org/extend/themes/simple-notepad - тема codex.wordpress.org/Template_Tags/wp_dropdown_categories - использованный таг итак, пошагово: 1) /wp-admin/theme-editor.php?file=/themes/simple-notepad/sidebar.php&theme=Simple+Notepad вставил: <li id="categories"> <form action="<?php bloginfo('url'); ?>" method="get"> <?php wp_dropdown_categories('orderby=name&order=DESC'); ?> <input type="submit" class="knopka" name="submit" value="Ок" /> </form> </li> 2) меню есть, но бекграунд белый и ширина поля малая, надо бы больше. 3) лезу в wp_dropdown_categories() is lo…
0 votes0 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>Блокировка поля</title> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку else f.submit.disabled = 1 } </script> </head> <body> <form action="handler.php"> <p><textarea cols="30" rows="4" readonly> Типовой договорОтда…
0 votes6 answers -
Увеличение блока по мере наполнения контентом..
Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину id="container" нельзя делать фиксированой.... т.к. он будет находиться внутри резинового блока..... <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Help =(</title> <style > .card { height:250px; width:200px; float:left; background-color:#99FF66; margin-right:10px; margin-top:5px; } #…
0 votes0 answers -
предверительная загрузка изображений
помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?
0 votes4 answers -
Резиновый+статичный блок
Ничего не придумалось. Нужно всего-навсего: Не понимаю, как. Да, в левом, резиновом блоке, будут еще колонки, резиновые же. Заранее спасибо.
0 votes6 answers -
При наведении на кнопку пропадает вторая картинка
При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....
0 votes9 answers -
Подменю по клику
Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.
0 votes3 answers -
Широкий фон
Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.
0 votes8 answers -
float и border
Всем хи!!! Не могу решить тривиальную задачю. Есть контейнер, включающий в себя плавающие дивы. Как сделать чтобы граница внешнего контейнера отрисовывалась вокруг плавающих в нем дивов. <style> #pageNavigationPanel { border: 1px solid #000; height: auto; } #pageNavigationPanel div { position: relative; float: left; width: 14px; height: 14px; } </style> <div id="pageNavigationPanel"> <div>32</div> <div>1</div> <div>2</div> <div>32</div> <div>3</div> </div> fkds
0 votes2 answers -
@charset
Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?
0 votes8 answers -
значения атрибутов, и где родители
Синтаксис width: значение | проценты | auto Аргументы В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. ——————— от сюда вопросы 1) у меня div(ширина 100%) в div(на 50%) один для другого родитель и для этого родителя body родитель но почемуто указывая ширину 100% он выростает на всю р.область. как указать явного родителя. 2) как указать 12.5% (ил…
0 votes2 answers -
border как его в нутерь запихать
завдаю элемент шириной 100% ему же бордер в 1px опа-па появляется скролинг и всё понятно он к элементу не имет отношение (ширине) это оконтовка в связи с чем вопрос как сделать так что бы он внутри оказался ———————————-- мои приставления надо создать элемент на 100% а уж в него элемент с бордером но что то ни как не получаться ————-- помоги те пожалуйста
0 votes10 answers -
Opera и дробные проценты
Вот и мне тоже понадобилась помощь дорогих экспертов. А всё дело в том, что я сейчас верстаю один макет и на пути столкнулся с одной проблемой, которая связана не с ИЕ, что удивительно, а с Opera и неважно какой версии, даже "10". Проблема связана с меню, а точнее с дробными процентами, которая не понимает Opera, в следствии чего выходит очень не красивое зрелище, большое расстояние справа последнего пункта меню (Contacts). Сравните сами, даже в ИЕ6-7 всё ок, а в Opera гадость. В следствии чего возникли вопросы: 1) Можно ли как нибудь обойти этот косяк и добиться полной кроссбраузерности? 2) Как заставить Opera понимать дробные проценты или может быть как то по-другому об…
0 votes8 answers -
Ссылка в слое
Всем привет! Подскажите кам мне сделать картинку ссылкой, но при условии что картинка у меня является фоном слоя. <html> <body> <div id="menu1">ссылка</div> </html> сss: div#menu1 { background: url(menu.jpg); width:100px; height:100px; } Вообще можможна такая конструкция или нужно картинку поместить между div-ми?
0 votes2 answers -
div и дочерний элемент с margin > 0
Здравствуйте, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Модальное окно</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height : 100%; margin : 0; padding: 0; } </style> </head> <body> <div style="background-color: green;">asd</div> <div style="margin: 0; padding: 0; background-color: blue;"> <h1 style="margin: 45px; padding: 0px;">Заг…
0 votes2 answers -
Шаблон из PSD
Кто нибудь знает как из PSD шаблон для joomla 1.5 ??? Примерно вник....что надо резать.....потом код вставлять в чистый файл шаблона...кароче не понял... Может есть у кого какая ссылка??? Чтобы шаблон именно из PSD сделать ...... Спасибо.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-