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
-
Проблема с IE
Здравствуйте!целый день читал различные форумы но ответа на свой вопрос так и не нашел. Сделал сайт для Joomla. При выводе контента возникает проблема: Все что заключено в <div class="content"> занимает больше места чем указано(width) и не помещается области контента. Частично решает проблему overflow:auto появляется прокрутка, но размеры как были так и остаются непонятно какими. В Opera все нормально. Вот код PHP: <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->…
0 votes1 answer -
Ajax и индексация
Я сделал навигацию на сайте с применением аякса, то есть просто подгружаю содержимое в определенный див. У меня такой вопрос: не повлияет ли это на индексацию? насколько я знаю краулеры по ссылкам ведь шарят, а тут ссылки в скрипте зашиты.
0 votes15 answers -
Руссификация HTML 5 шаблона
Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…
0 votes3 answers -
Блок тянется вниз за соседним
Здравствуйте. Есть проблема, которую немогу решить, уже всё пересмотрел, голову ломаю. Есть сайт трехколоночный, на дивах, натянутый шаблон на CMS. Так вот покажу на скриншотах проблему, чтоб не объяснять на пальцах. Блок, выделенный красным цветом тянется за блоком боковым (зелёный) и образуется пустое, никому не нужное, пространство. Дело в том, что далее ,следующий блок идёт нормально. Это пустое пространство создаётся только в первом блоке, возле которого боковые блоки. Где копать ? Почему так ? Честно, не могу догнать, я не очень в этом ещё силён, в принципе всё элементарно, но именно это я не понимаю. Сайт где видно всё это - в профиле.
0 votes4 answers -
Отступ от шапки до меню, при использовании SSI
Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …
0 votes4 answers -
Background-image
Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?
0 votes6 answers -
Две разных страницы сайта в одну тему для WordPress
Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!
0 votes3 answers -
Как убрать рамку в IE вокруг элемента object?
В IE отображается рамка вокруг элемента object можно её как то убрать. Пробовал через CSS border: none; Не помогает!
0 votes2 answers -
fixed div
Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?
0 votes18 answers -
margin: 0 auto для меню span float:left
Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…
0 votes2 answers -
Поплыл шаб
Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 1 скрине, но нет во 2) 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-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>GRead beta</title> </head> <body> <div class="main"> <div class="head"> </div> <…
0 votes4 answers -
IE 8 не видит ссылок
Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится
0 votes7 answers -
Тень у блока с трех сторон, как?
Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?
0 votes10 answers -
max-width в div вёрстке
Начал работать с DIV вёрсткой. Вот появились первые проблемы. Суть проблемы: Есть 3 div'a, нужно разместить их в одной строчке. Первый и третий div имеют ширину max-width: 100px - это сделано для того, чтобы при отсутствии в них какой-то информации они просто пропадали и 2-ой div, у которого ширина указывается с помощью параметра min-width, мог расширится засчёт этих дивов. С таблицами это всё просто обернуть, да и информация там не уходит за приделы ячейки(ниже увидите о чём я), а тут возникли проблемы. Помогите довести до ума. Вот мои наработки - http://jsfiddle.net/Hacvc/3/
0 votes2 answers -
Принудительное overflow-x: scroll при overflow-y: hidden
Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.
0 votes6 answers -
opacity в див
Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.
0 votes3 answers -
помогите решить проблему Adobe Dreamweaver CS
Прошу прощения в заранее за глупый вопрос! Изучаю программу Adobe Dreamweaver CS дошёл до создания баз данных, непосредственно до загрузки данных с сервера на страницу. Подскажите где в программе находится раскрывающийся списки согласно этому отрывку из учебника? Раскрывающийся список Cursor Type служит для задания типа набора данных. В нем доступны четыре пункта: * Static — статический набор данных, * Forward Only — однонаправленный статический набор данных, * Dynamic — динамический набор данных, * Keyset — ограниченный динамический набор данных, Раскрывающийся список Cursor Location задает местонахождение набора данных Раскрывающийся список Lock Type задает тип блокиров…
0 votes2 answers -
Не учитывается высота картинки-слоя при использовании float
Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…
0 votes1 answer -
Объясните что значит
В общем разбираюсь в чистом (пустом) шаблоне joomla 2.5 Так, как я в PHP так себе - прошу вашей помощи, что обозначают некоторые моменты: http://jsfiddle.net/jMu2P/
0 votes2 answers -
псевдокласс :hover
День добрый ! Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ? К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом. Спасибо
0 votes4 answers -
Колебания в Opera
Добра всем! Сделал что бы при наведении на logo появилось другое img. popcorn-j.narod2.ru/ Но почему-то на Opera это дело скачет... Кто знает как решить? CSS — #logo .loggo { wight: 306px; height: 79px; position: relative; top: -92px; left: 10px; } #logo{float:left; z-index:7; } #logo {display:block; display:inline;} #logo .logo ul {display:none;} #logo .logo:hover ul {display:block;} #logo #main {float:left; position:relative; left:0px; top:-86px; width: 306px; height: 15px; z-index:5;} CSS — HTML — <div id="logo"> <div class="logo"> <a href="http://popcorn-j.narod2.ru/"><img class="loggo" src="image/logo.png" alt="Popcorn"/></a> <ul…
0 votes0 answers -
Два элемента и содержимое.
Добрый день! Есть элемент #a с фиксированным размером и следующий за ним элемент #b. Код: <style> div { height: 10px; width: 10px; } #a { background: #fcc; } #b { background: #ccf; } </style> <div id="a">1<br/>2</div> <div id="b"></div>Как при помощи css сделать так, чтобы второй элемент #b шел после содержимого первого элемента #a, выходящего за его границы? Как есть и как должно быть: Порядок элементов менять нельзя, создавать другие элементы тоже. Размеры содержимого элемента #a произвольны (неизвестны), поэтому просто задать margin для элементов нельзя.
0 votes7 answers -
Блок Div сдвинут на 1 пиксель в Опере
Доброго времени суток, уважаемые форумчане! Появилась проблема, с которой я раньше как-то не сталкивалась. В Опере div сдвинут на 1 пиксель в сторону. В Хроме такой проблемы нету. Подскажите, в чем может быть загвоздка? Сайт xstroy.biz
0 votes6 answers -
Смена div
Уважаемые, Помогите блондинке справиться с непривычным делом! Сразу скажу, что верстка не моя специальность, так вышло, что мне выпала сомнительная честь этим заняться. Ситуация следующая: Есть 2 div, назовем a & b; Суть конструкции: Две локальные ссылки: <a href="div_a"> <a href="div_b"> Ниже располагаются 2 дива: <div id="div_a"></div> (div_a по умолчанию, div_b скрыт) <div id="div_b"></div> И по клику на href="div_b" вместо блока div_а, должен появиться блок div_b. И не где-то там, а именно вместо div_a. Ну и обратная операция - по клику на href=div_a снова виден блок div_a. Все это средствами jquery, чтобы был выпадающий эффек…
0 votes12 answers -
Ура! У меня ничего не получилось
Ура!! У меня ничего не получилось. Вот так то. Хотел построить вебсайт, который бы мне нравился, HTML+CSS Потом бросил это дело, подумал, что легче будет сделать это методом Joomla+WordPress. Почти ДВА месяца пробовал "в*ехать в эти прибамбасы", смотрел видеоуроки, где по полочкам все разложено, вроде понятно, захожу на Joomla пробую делать - не получается, то же самое и с WP. Короче - результат отрицательный, но это тоже результат. Сейчас вот думаю пойти другим путем. Используя Dreamweaver CS5.5 наклепать заготовок, какие нравятсй, а потом при помощи HTML+CSS построить каркас и внести туда все, что мне нравится из ранее "наклепаного". Однако вопрос один остается: …
0 votes29 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-