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
-
Фоновый рисунок ссылки в 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 -
Меню на картинке
Делаю меню на картинке, получается вот что: Но как только, я хочу поправить чтобы было по центру, получается: Ссылки накладываются друг на друга, когда ставишь именно ровно по центру, т.е. если чуть выше или ниже, то все норм. Поправляю margin-ом. Посоветуйте, как сделать норм?
0 votes2 answers -
Убрать белый фон вокруг ссылок
Всем доброго времени суток. Собственно, проблема описана в теме. Все перепробовала, ну или мне уже кажется что все. В общем бьюсь над заливкой на ссылках тем форума. Необходимо чтобы был черный фон, чтобы в общем стиле все было, а он такой нехороший белый...Подскажите пожалуйста, куда залезть, чтобы исправить это. Да и еще пользуясь случаем...где можно поправить размер шрифта на этой же самой странице (http://darkangel.ucoz.ru/forum/)? Заранее всем огромное спасибо!!!
0 votes8 answers -
Текст в кружке.
Добрый день! Задумал сделать сайт в виде лупы Подскажите кто сталкивался, как сделать так, чтобы текст помещался строго внутри круга?
0 votes2 answers -
Выравнять в одной строке по левому краю и по правому краю
Привет, спецы! Как сделать текcn цена текст что-то цена текст опять цена_хм Как видите, текст выравнян в одной строке по разному, пробовал через <div> = не получается, т.к. делается перенос строки при новом диве, который мне не нужен. Делать на каждую строчку по таблице - не вариант, в общем как? и еще вопросик, как поставить знак табуляции в html?
0 votes4 answers -
Шаблон из PSD
Кто нибудь знает как из PSD шаблон для joomla 1.5 ??? Примерно вник....что надо резать.....потом код вставлять в чистый файл шаблона...кароче не понял... Может есть у кого какая ссылка??? Чтобы шаблон именно из PSD сделать ...... Спасибо.
0 votes1 answer -
Фиксирование размеров
Как фиксировать размеры строк и ячеек в таблице. При явном указании размера width и height в <tr> и <td> они либо игнорируются либо отображаются некорректно. ———-- По теме: Как ограничивать размер определеным минимумом либо максимумом.
0 votes1 answer -
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 -
Проблема с пересекающимися блоками
У меня проблема с соседними блоками на странице. Для того, чтобы выпадающее меню разворачивалось на полную длину, я приписал ему padding-bottom: 60px; #menu { background: transparent url('menu.png') repeat-x 100% 2px; width: 100%; height: 66px; margin: 0; padding-bottom: 60px; text-align: left; } Теперь меню работает нормально, но на эти 60px опустился нижележащий блок. Если поднять его при помощи отрицательного margin, то в IE6 нижние ссылки выпадающего меню, которые попадают на нижний блок - сворачиваются, не успеваешь подвести к ним курсор. На всякий случай, вот стиль нижнего блока: .container { position: relative; float: left; text-align: le…
0 votes2 answers -
Подскажите...
Подскажите плиз как сделать такой фон или где найти уже готовый
0 votes6 answers -
Ссылка в слое
Всем привет! Подскажите кам мне сделать картинку ссылкой, но при условии что картинка у меня является фоном слоя. <html> <body> <div id="menu1">ссылка</div> </html> сss: div#menu1 { background: url(menu.jpg); width:100px; height:100px; } Вообще можможна такая конструкция или нужно картинку поместить между div-ми?
0 votes2 answers -
значения атрибутов, и где родители
Синтаксис width: значение | проценты | auto Аргументы В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. ——————— от сюда вопросы 1) у меня div(ширина 100%) в div(на 50%) один для другого родитель и для этого родителя body родитель но почемуто указывая ширину 100% он выростает на всю р.область. как указать явного родителя. 2) как указать 12.5% (ил…
0 votes2 answers -
Списки: расстояние между значком и текстом
Можно ли как-то в списках влиять на расстояние между значком и текстом? На рисунке обозначено красной стрелочкой
0 votes4 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 -
Подменю по клику
Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только 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 -
Вывод контента в 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 -
автоматическая расстановка переносов при "...justify"?
подскажите пожалуйста есть ли возможность программно проставлять переносы для текста??? Просто в некоторых случаях "justify" делает большие пробелы в тексте. Заранее спасибо
0 votes7 answers -
предверительная загрузка изображений
помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?
0 votes4 answers -
Проблема с обтеканием изображения текстом
Вот какая проблема. Имеется такой css-кусок. div.catItemImageBlock {padding:8px;margin:0 0 3px 0; float:left;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;float:left;} span.catItemImage img {border:1px solid #ccc;padding:8px;float:left;} В Mozilla обтекание работает прекрасно, а вот в IE 6 - не работает. Хоть тресни. Подскажите, как переделать этот фрагмент для оного браузера.
0 votes9 answers -
? распределение div'ов ?
????????????????? есть div -элемент определенной длины с 4 вложенными элементами расположенных в ширину одинакового размера суммарно меньше родительского как сделать чтобы они расположились равномерно (чтобы расстояние с права и лева были одинаковы)
0 votes5 answers -
Расположение блоков рядами
Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!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 -
Увеличение блока по мере наполнения контентом..
Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину 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 -
место нахождения на сайте
существует такое меню ... <td align="center"> <a href="katalog.html" onMouseOver="ChangeImg('ImgName2','pics/katalog1.png')" onMouseOut="ChangeImg('ImgName2','pics/katalog.png')"> <img name="ImgName2" border="0" src="pics/katalog.png" alt="Каталог"></a> </td> <td align="center"> <a href="gallery1.html" onMouseOver="ChangeImg('ImgName3','pics/photogallery1.png')" onMouseOut="ChangeImg('ImgName3','pics/photogallery.png')"> <img name="ImgName3" border="0" src="pics/photogallery.png" alt="Фотогалерея"></a> </td> ... и т.д, как можно сделать что бы было видно в каком разделе ты находишся? т.е. когда ты на…
0 votes8 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
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-