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
-
Визуальный баг в Photoshop
Всем привет, есть проблема в Photoshop, при приближении / отдалении изображения могут отражаться неточно, так например: При приближении 82,6% линию не видно, а при 75,1% появляется: Что примечательно, если приблизить ещё ближе, линия может снова пропадать и появляться. Когда линия одна - вроде бы, ничего страшного, но при дальнейшем формировании макета - пропадают сразу несколько элементов! Я более чем уверен, вы сталкивались с аналогичной проблемой, почему она возникает и, может, кто-нибудь знает как с ней бороться?... UPD: или вот, вообще вот так: Приближение 83,5%, теперь не видно нижнюю линию вообще. А при 56,4% не видно ни одной линии!!!
0 votes9 answers -
Слетела кодировка
Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?
0 votes9 answers -
Div обертка контента
Добрый вечер. Опыта создания шаблонов с ноля у меня нет, по этому возникла проблема. Суть проблемы: <div id="контейнер"> 2 колонки с содержанием(div) </div> стили html Контейнер имеет белый фон и рамку, но почему-то получается, что эти колонки не находятся внутри div(контейнер),так же возникает проблема с футером, который находится внизу. Что самое интересное, взаимопонимание возникло только с браузером Opera, в нем можно посмотреть, что я в итоге хочу получить. Посмотреть саму страницу можно тут. В итоге: Все отображается как надо в Opera, в остальных с проблемами.
0 votes5 answers -
Префиксы браузеров. Смысл их введения
Добрый день, кто знает, в чём смысл введения браузерных префиксов? Вот, например, если есть свойство со значением: border-radius:10 px. Не проще бы было сделать его экспериментальным (в самом начале) без всяких префиксов и каждый браузер обрабатывал бы его как мог. Вместо того, чтобы писать: -webkit-border-radius...., -mos-border-radius... и т.д.?
0 votes15 answers -
reset.css файл, кто какой использует, плюсы\минусы?
Все (ну или почти все) используют какой то *css файл для сброса стилей или приведения их к одинаковым на всех браузерах. Подскажите какой вы используете. У меня есть файл сброса стилей, что можете сказать по нему, я не специалист, уверен, тут есть ляпы или чего-то не хватает, пожалуйста владеющие темой сделайте замечания. гугл много чего подсказывает, и, например, первый в выдаче идет reset.css Eric Meyer от января 2011 года, подозреваю, что он весьма устарел html{ box-sizing: border-box;}*, *:before, *:after{ box-sizing: inherit;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn,…
0 votes25 answers -
Hover на несколько элементов
Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/
0 votes2 answers -
Ошибки верстки W3C
Хотел бы довести код на сайте до ума. Сделал проверку кода на сайте http://validator.w3.org/ - нашлось 7 ошибок. В грамотной верстке новичек. Подскажите пожалуйсто как исправить ошибки в верстке. document type does not allow element "H1" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag. …"><a href="http://lbmoney.info/"><h1 >Заработать в интернете.Создать сайт.SEO Например эту. Все ошибки можно посмотреть http://validator.w3.org/ по сайту lbmoney.info.
0 votes8 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=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…
0 votes4 answers -
Стилизация чекбокса без label
Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/
0 votes9 answers -
Основы создания сайта и его работы
1. HTML ? язык разметки страницы 2. CSS - неотъемлемый параметр при создании веб- страницы(сайта), одно из главных условий! В простонародье работа со стилями твоей странички (сайта) 3. JS ? то, что активное, с чем ты работаешь (кнопки, менюхи и т.д.) Работает с базами данных, но гораздо сложнее, чем использование php! не так ли? 4. PHP ? исполняемые файлы на сервере. (например, apache) Прогу можно поставить как виртуальный сервер и проверить без выхода в инет! Или не так? Ставил, но что-то не выходит! Помогите, пожалуйста с данной проблемой!?
0 votes13 answers -
Как сделать DIV таким образом что бы он растягивался по высоте
Как сделать DIV таким образом что бы он растягивался по высоте в процентном соотношении?
0 votes6 answers -
[css] Как повторять картинку
Добрый вечер. Имеется картинка (треугольник), как мне повторять ей по всей длине экрана, чтобы получился зиг-заг. Собираюсь наложить на картинку, чтобы между шапкой и телом сайта был какой-нибудь переход. Заранее спасибо! P.S.: Само места стыка шапки и тела сайта.
0 votes8 answers -
Как сделать рамку одинаковой и в ИЕ и в Мозилле?
В ИЕ все отображается как надо. Но в Мозилле - нет. Как сделать их одинаковыми? Замучалась уже Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo" align=…
0 votes23 answers -
Помогите мне, как понять верстку?
Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(
0 votes24 answers -
Фиксирование
Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }
0 votes54 answers -
DL, UL, OL - список в два ряда
Если я пишу: 0001 0002 0003 0004 0005 0006 то вижу список: 0001 ....... 0006 а как сделать, чтобы было: 0001 0004 0002 0005 0003 0006 вообще возможно?
0 votes4 answers -
Отличие закрытия тега > от закрытия тега />
Обьясните, пожалуйста, чем отличается и влияет ли на индексацию поисковиками написание в разделе символов закрытия > и />. Пример : или Я встречал на многих сайтах только такое /> закрытие. Гугль тоже предлагает так закрывать строку кода проверки для карты сайта. Кто что знает?
0 votes9 answers -
Денвер из под VirtualBox
Всем приветище! Ситуация следующая: на компе установлен Денвер и Win 7 + поставил VirtualBox сэмулировав Win XP Professional SP3. Как мне заставить VirtualBox видеть проекты Денвера и запускать странички из под него?
0 votes9 answers -
inline-block, перенос строки и ширина
Тут пример: http://jsfiddle.net/yaoev48n/ Суть - есть инлайн-блок элемент, добавляем ему max-width (чтобы получить перенос строки внутри текста) и получаем такую штуку как в примере - инлайн блок обрезается справа не сразу по тексту а как бы "тянется" до max-width. Если между словами вставить разрыв строки <br> - http://jsfiddle.net/qh0znfb0/ то получим то что нужно - блок обрезается справа ровно по словам. Как можно добиться такого результата без использования <br> ?
0 votes0 answers -
BACKGROUND - наложение
привет всем !!! люди подскажите как наложить один бакграунд поверх другого ?
0 votes7 answers -
переопределение стилей, подключение html файла
Собственно возник вопрос можно ли переопределить стили подключив не просто css а простой документ Html со стилями... собсвенно что то работает что то нет... кто сталкивался или если где почитать. докумет со стилями для P и для заголвка H1.ex <html > <head> <title>Размещение описания стиля в заголовке документа</title> <style type="text/css"> p {color:darkerd; font-size:9px; text-align:right; } H1.ex { font-weight:normal; font-style:italic; font-size:10px; } </style> </head> <body> <h1 class="ex"> Заголовок первого уровня</h1> <p> Пример описания стиля для стандартного элемента HTML - разметки </p>…
0 votes8 answers -
Резиновый контент...
Как сделать контент (картинка фоном) чтобы он растягивался текстом ? перерыл весь инет , ничего не нашёл... CSS: #content { background: url(images/shablon222_07.jpg) no-repeat; position:absolute; top:814px; left:255px; width: 519px; height: 440px; } HTML: <div id="content"> <center>{content}</center></div>
0 votes10 answers -
CSS
Прошу перевести на язык сss каждый атрибут ,параметры атрибута оставьте такими же! Большое спасибо. .S-TAB { TABLE=border:0; align:center; width:60%; valign:middle; rules:none; cellspacing:0; cellpadding:0; HSPACE:0; VSPACE:0; }
0 votes2 answers -
Как сделать 3 блока "одинаковой высоты"?
Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…
0 votes38 answers -
Меню со скошенными углами
Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно
0 votes4 answers