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
-
Css - цвет блока меню
Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…
0 votes6 answers -
IE неверно отображает список
Почему-то Интернет эксплорер отображает маркированный список на странице без маркеров и без интервалов между пунктами списка. А вот Опера отображает его почти правильно. Только вот в стиле указан маркер disk, а браузер отображает маркеры как square. Вот код списка: <ul> <li><a href="http://ansaldovei.ru/rus/18/">Статические тиристорные компенсаторы реактивной мощности - СТК (Фильтро-компенсирующие устройства - ФКУ, Тиристорные компенсаторы реактивной мощности - ТКРМ)</a> <br/> </li> <li><a href="http://www.ansaldovei.ru/rus/25/">Управляемый шунтирующий реактор трансформаторного типа - УШРТ</a> </li&g…
0 votes9 answers -
Bootstrap navbar burger не работает
Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?
0 votes3 answers -
IE6. jScrollPane ломает работу DD_belatedPNG.fix
Привет всем. Есть такая вот страничка: http://yamble.ru/projects/zewa/production.html Очень важно было клиенту заменить системный скролл на кастомный, хорошо. Но сейчас появилась проблема везде, где есть скролл, если там есть любая PNG картинка то в IE6 она становится просто с белым фоном, не прозрачная, хотя скрипт DD_belatedPNG.fix у меня подключен и прописаны условия, я проверял, отключив jScrollPane.js — PNG становится прозрачным.. Вряд ли кто сталкивался с подобной проблемой.. но может есть какие-нибудь идеи, как можно пофиксить эту багу. Заранее спасибо.
0 votes12 answers -
Кернинг
Я в шоке, неужели в CSS нет поддержки ручного кернинга между определенными буквами в слове?
0 votes1 answer -
Макет (количество row) для bootstrap
привет, есть такой макет - один элемент , по высоте занимает две строки Как в bootstrap 3 построить сетку - для этого случая. Пока вижу такие варианты, либо 3 строки (row) , либо 4 строки. Если 3 строки - то в ней первые пять элементов, но будут ли они тогда как на рисунке распологаться Большой элемент - тут как то не вписываеться. P.S. Все меньшие одинаковы между собой - большой два - малых по ширене.
0 votes10 answers -
Заключение фрейма в дивы.
Вобщем есть проблема. Есть установленная гостевая, http://dnipro.dp.ua/guestbook/ и есть сама страничка на сайте http://dnipro.dp.ua/guestbook.html как при помощи фрейма (или чего-нибудь другого) сделать так, чтобы гостевая /guestbook/ отображалось в контенте страницы /guestbook.html, т.к. если дать прямую ссылку на папку /guestbook/, гостевая будет, но не будет сбоку не меню, ни чего другого, а нужно, чтобы эта гостевая была частью странички guestbook.html, а точнее ее контентом. <div style="height:500"; id="content"> Вот что сюда влепить надо, чтобы тут отобразилась http://dnipro.dp.ua/guestbook/ ? :) </div> И еще, возможно ли сделать так, чтобы странички…
0 votes2 answers -
Отступы от текста в таблице
Если задаю отступы для всей таблицы (padding: 10px), то это не работает. Работает только если задаю для каждой ячейки отдельно. Вопрос - это так и должно быть, или это только у меня такая фигня?
0 votes5 answers -
Первый в потоке блок обтекает соседний блок
Я снова тут и снова прошу совета опытных верстальщиков Два блока див у одного стоит обтекание всеми остальными <style type="text/css"> .layer1 { float: left; width: 40%; } </style> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <div> Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla fa…
0 votes15 answers -
margin не работает в ie
Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …
0 votes3 answers -
Система регистрации
Ну, пусть кто-нить сделал свой дизайн-сайт... но там cms, система регистрации,etc отсутствуют... А как можно сделать систему регистрации на сайте? Неужели требуются знания PHP, JavaScript,etc для того чтобы внести код в страницу сайта? То есть как сделать, когда качаешь скрипт регистрации и как можно и куда написать код... Без шаблонов... Заранее спасибо. З.Ы. Если можно то дайте ссылку на источник плыз...
0 votes3 answers -
Как правильно прописывать ключевые слова??
Народ как в мета-тегах правильно прописывать ключевые слова кириллицей. С большой буквы или с маленькой или не имеет значения. Кстати я слышал что все ключевые слова должны встречаться в контенте в виде заголовков. Так ли это??? И опять же если заголовки начинаются с большой буквы имеет ли принципиальное значение регистр ключевых слов???.
0 votes0 answers -
Ширина списка в Chrome, Опере
Я установил ширину списка style="width:210", но при раскрытии списка всё равно сам список не обрезается, а только строка раскрывающаяся. Причём в IE8 они почему то равны =), строка и и сам список, как бы сделать то же самое в опере. Посмотреть можно тут http://www.crocustours.ru/to_travel_agencies.html, справа "быстрый поиск тура", поле "гостиница".
0 votes16 answers -
проблемы с padding в IE7
Добрый день. подскажите, пожалуйста, как исправить маленькую проблему с отступом в подвале(меню) На сайте, на главной странице, меню прижато вплотную к полосе с копирайтом, но это только на главной странице и только в IE 7. Что можно сделать в этой ситуации?
0 votes7 answers -
mailto не работает
Здравствуйте, подскажите сверстал html письмо тегом map возникла проблема в браузере opera, лиса (на yandex работает, а на gmail нет) в письме не работает mailto (то есть не активная кнопка) в the bat все работает! Подскажите как решить.
0 votes1 answer -
Нестандартная верстка
Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?
0 votes6 answers -
Как сделать скролл в SVG?
Народ, кто работал с SVG? Возможно ли внутри <svg> использовать некий элемент со скроллом? Объясню проблему подробнее. Есть некий viewport, у него фиксированные размеры (заточенные под iPhone 5), т.е. 320px x 568px. Этот вьюпорт масштабируется при помощи viewBox. Ниже код: <svg width="100%" height="100%" viewBox="0 0 320 568"></svg>Делается это для мобильника, чтобы при смене ориентации экрана всё масштабировалось. Поэтому поверх SVG положить <div> c overflow: hidden; не могу.
0 votes2 answers -
Проблема с resize()
http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.
0 votes19 answers -
Помогите, пожалуйста, с таблицей
День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; backg…
0 votes9 answers -
Проверка сайта (движок Joomla) на валидность.
Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…
0 votes8 answers -
CSS, таблицы, фреймы...
Я только начинаю и вот сразу возникает вопрос при создании первой страницы. Нужно её разметить, как я поняла это называется макетирование(если не так, поправьте). Фреймами, вроде так получается лучше его не делать, таблицами также нежелательно, остаётся CSS? Вопрос в сущности в следующем, делать макетирование лучше только CSS(это оптимальный вариант для большинства браузеров?)? И когда лучше использовать фреймы и таблицы(для разметки)?
0 votes12 answers -
Как правильно создавать адаптивную карту изображения?
Столкнулся с довольно простой задачей. Есть картинка с планом здания, там есть комнаты, они не все квадратные, некоторые неправильной формы. Соответственно нужно при наведение на некоторую комнату затенить область. На выбор были Canvas, SVG и Map, я решил использовать SVG. Все оказалось весьма просто, нарисовать через path комнаты, добавить на :hover затенение и отлично, однако возникла проблема. Стало необходимо ресайзить SVG не только с нарисованными областями, но и с картинкой на background. Вот пример http://codepen.io/anon/pen/WvXqOd
0 votes7 answers -
Не работает :nth-child
<div class="box-two"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> .box-two:nth-child(2n) { color: red; } Ни в какую не хочет работать, браузер chrome, редактор brackets. First-child и last-child тоже не работают, что может быть не так?
0 votes2 answers -
first-child
Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.
0 votes6 answers -
Скажите пожайлустав чем глюк? или как я тихо ненавижу IE 7...
Вот чудовище: http://prohost.com.ua/foot/ мозила и опера нормально кушает, а в ие серединка, там где контент - тупит, т.е. контент теряется. Скажите где я ступил. Всем спасибо.
0 votes7 answers