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
-
как пользоваться PSPad
подскажите пожалуйста как пользоваться PSPad
0 votes6 answers -
выровнять div с плавающей высотой по центру
Здравствуйте. Столкнулся с такой проблемой - требуется разместить div с плавающей высотой по центру экрана... погуглил, и в основном предлагают решение через display:table-cell; vertical-align:middle; у родителя, но вот как не пробовал биться головой об стенку у меня это не работает. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>div</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style type="text/css"> body { padding:0; margin:0; } .wrapper { width:100%; height:100%; position:absolute; background-color:#3FC; display:table-cell; vertical-align:mi…
0 votes4 answers -
Пролемка с версткой шаблона
В общем для опыта сейчас шаблончик один верстаю, который когда-то нарисовал. Говорю сразу целей никаких заоблачных не ставил себе. Просто хочу добиться чтобы не было статики по вертикали. Как мне этот "бок" обойти, который вы можете увидеть здесь ? (Просто прошу дельного совета)
0 votes4 answers -
Дивы, как фрэймы. Помогите сделать?
Допустим есть два блока Div. Блок «А» и блок «В». В блоке «А» расположены ссылки, которые ведут на соответствующие файлы «.html». Можно ли сделать так, что бы по клику на ссылку в блоке «А» страница, расположенная по этой ссылке загрузилась в блок «В»? При этом нужно что бы вся страница полностью не обновилась... В общем как будто блок «В» это фрейм. Чистых фреймов использовать не охота. Спасибо
0 votes2 answers -
Не работают ссылки в IE.
Здравствуйте! Это моя первая попытка создать сайт. Столкнулась с проблемой, решение которой найти не удалось. Во всех браузерах, кроме IE, ссылки-картинки, вставленные в таблицу, работают и при наведении на них мышкой НЕ появляется пунктирная рамка. В IE - не работают и появляется рамка, причем только с трех сторон. Outline и border 0/none, не помогает. А вот ссылка на главную страницу через картинку-логотип (на главной странице) работает нормально и рамка не появляется.... Вот код: <div class="subscribe-main"> <table class="subscribe" border="0"> <tr> <td><a href="Etusivu.html"><input class="inpt-1" type="image" src="1stranica.jpg"…
0 votes9 answers -
DOCTYPE
Существует около 10 разных видов DOCTYPE. Каким из них лучше пользоваться?
0 votes4 answers -
Примечания к тегам
Внутри кода можно ставить примечания заключенные в такие теги /* */. У меня когда я так пишу, они все равно вместе с тегами и кавычками отображаются в окне браузера. Почему?
0 votes2 answers -
Высота левой колонки сайта по содержимомму
Добрый день. Нужно чтобы серые квадраты повторялись по вертикали в зависимости от содержимого. <table cellspacing="0" cellpadding="0" align="center" border="0"> <tr> <td style="width:966px; height:100%"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:42px; height:780px"></td> <td style="width:876px; height:780px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:876px; height:100px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:435px"> <br style="line-height:20px"> <a href="/"><img…
0 votes10 answers -
почему ширина по факту - 100%, хотя должна быть width : 974px;
вот кусок css } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top center; width : 974px; а вот ссылка на сам сайт...www.arbitr-hmao.ru не понимаю почему верхняя панель растягивается на 100%...
0 votes2 answers -
Проблема с FF под MACом.
Всем доброго времени! Никто не сталкивался с такой проблемой? FF 3.5 на MACе один единственный div из всей страницы смещает вправо. При этом тот же FF 3.5 под Win & Linux отображает все нормально. Не соображу где искать проблему PS MAC мне не доступен, сдвиг вижу на скрине, кот. мне посетитель прислал. Может быть дело в конкретном компе?
0 votes10 answers -
Как растянуть div по высоте
Здравствуйте. Подскажите, пожалуйста, как сделать, чтобы рамка блока 2 растягивалась в зависимости от высоты рамки блока 3. Верстка блочная. Помогите пожалуйта.
0 votes10 answers -
Текст не горизонтально
Интересует такой вопрос - возможно ли каким-либо образом (CSS, JavaScript) на сайте задать расположение текстовой строки не горизонтально, а под наклоном?
0 votes16 answers -
Ширина заголовка по содержимому
Занят версткой шаблона. Вот собственно сайт в хидере - "1111111111" Суть дела такая, нужно сделать ширину для заголовка по содержимому . width: auto; не помогает. Подскажите как поправить ситуацию.
0 votes3 answers -
Условные отступы или поля
Привет Я сам программер, но сейчас нужно сверстать сайт и я решил использовать для этого блочную вёрстку. Возник вопрос, могу ли я определить отступы для слоя так, чтобы они были равными 20%, но не меньше 20px, к примеру, и не больше 20px? Я хочу, чтобы вёрстка страницы была готова к разному разрешению экрана. Надеюсь на развёрнутый, теоретически подкреплённый ответ
0 votes2 answers -
ссылка углы и градиент
пытаюсь сделать на ссылки в меню и закругленные углы и градиент. вот тут справа меню. собственно интересуют IE6-8. пробовал разными комбинациями скриптов: DD_roundies - PIE.htc пробовал сделать градиент предварительно сгенерировав на display-inline.fr пробовал сделать скриптами как тут http://www.konstantinbaev.ru/cg/ (и вроде как работает нормально) но. ссылки не должны ограничиваться по высоте, потому как х.з. какая ссылка будет. (в последнем примере как раз ограничение по высоте) в общем кто делал? подскажите плиз. DD_roundies - PIE.htc перекрывают друг друга, и поэтому работает только что то одно.
0 votes18 answers -
Скругленые углы
Привет! Выходной, а я вот сижу и думаю, в макете я нарисовал, что сверху будет блок с круглеными углами и рамкой, а в нем будут два блока с авторизацией и поиском. Блок с круглеными углами надо сделать с изображениями, при этом блок должен хорошо тянуться по высоте. Не подскажите, как мне это реализовать? Есть у кого нить ссылки или мысли по этому поводу?
0 votes13 answers -
title в css
Ребят, день добрый! Не подскажите ли Вы, как можно иначе прописать title не как свойство у тега a. Например, можно ли прописать его в css. Или другой способ это верстка самого функционала title. Мне бы как нибудь всплывающую подсказку надо бы сделать к input'у. Но как? Это для меня пока еще загадка. Спасибо.
0 votes2 answers -
IE, ячейки, бордеры.
Добрый день! Описание задачи: Всё просто, у нас есть таблица, в ней несколько ячеек. Ячейки пустые (это важно). Во всех браузерах бордер вокруг пустых ячеек отображается, а в IE нет. Вопрос: Как с помощью CSS обмануть IE, что можно такое прописать, что бы при Пустых ячейках бордер отображался в любимом браузере? Какие вообще варианты ещё есть? Нужно, чтобы содержимое при проверке показывало false; <!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>Таблица…
0 votes17 answers -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу? вот index.php <div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0"> <tr> <td><?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"> <head> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; …
0 votes10 answers -
На какую тему можно создать сайт?
У кого-нибудь есть идеи о чём можно сделать сайт? Я пытался найти что-то в интернете так и не нашёл ответ на свой вопрос. Недавно думал сделать сайт об уроках Фотошопа, но сам не знаю как написать эти уроки.
0 votes37 answers -
Заливка фона цветом
У меня есть див, я заливаю его цветом: .div {background: #000;} Мне нужно чтобы эта заливка фона как бы делала отступ от правого края на определенное количество пикселей, т.е. не заливала определенный участок дива справа. Сорри за формулировку, не знаю, как лучше объяснить) Существуют какие то способы? Может направите, где что почитать. Спасибо)
0 votes8 answers -
Не равняются дивы - гляньте, простой примерчик.
Значит просто вспоминаю верстку странички, делаю элементарное, но вот ступор почему hauptbox не в диве container? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Praktikum1</title> <link href="style.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> <div id="container"> <div id="header">Header - Logo</div> <div id="hauptbox"> <div id="menu"> <p><a href="">Alles</a></p> <p><a href="">Fotos</a></p> <p><a href="">Videos<…
0 votes10 answers -
Ссылка при наведении
В коде есть такая ссылка: <a class="podrob" href="/video/3.php?id=1">Подробнее </a> .podrob{color:#990000; font-weight:bold; text-decoration:none; } .podrob:hover{text-decoration:underline; } Проблема в том что при наведении мышкой на ссылку в браузерах Мозила, ГУлхром,Опера она не делается рукой, если навести то появляется рука только когда ниже знака подчёркивание, а если на слово навести, не появляется рука, что можно сделать?
0 votes3 answers -
Извечные Div'ы и разные браузеры
Доброго времени суток, всемогущий All! Ситуация: Верстаю шаблон для Joomla 1.5. Три колонки. Решил пойти путем display:table При этом, чтобы весь шаблон был без таблиц, скопировал папку html из шаблона Beez. Таким образом код генерируемой страницы получается таким (вставляю только интересующую часть): <div id="middle_container"> <div id="middle_wrap"> <div id="left"> <div class="moduletable_news"> <h3>Наши новости</h3> <ul class="vert_news"> <li> <p>Администрация располагается по адресу: via Banetti,50 - 21027 Ispra (Varese)</p><span class="article_separator"> </span> &…
0 votes8 answers -
ограничение количества символов в тексте
Подскажите, как можно грамотно расположить текст различной длинны в блоках одинакового размера? Если использовать overflow hidden то часто символы разрезаются пополам.
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-