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
-
Разделение фона
Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во…
0 votes16 answers -
многоугольные изображения
Добрый день, форумчане! У меня к вам есть вопрос/просьба. Нужен ваш совет. Каким образом можно обрезать изображение так, чтобы они могли быть редактируемы. Т.е. сейчас это 1 картинка. Хотелось бы иметь возможность заливать 2 картинки так, чтобы браузер их сам обрезал. В каком направлении нужно работать ? Существует ли jQuery плагин? Или можно это как-то реализовать на html 5 canvas ?
0 votes5 answers -
Chrome - проблемы отображения шрифтов
Здравствуйте! Возникла следующая проблема. Есть форум - http://blog.springo.com.ua/ на нем в контентной части нестандартный шрифт, который подгружается через Гугл. Проблема в том, что когда переходишь на блог, то все отображается, но если ты перезагрузишь страницу, то текст (где нестандартный шрифт) исчезает (как я понимаю просто не подгружается шрифт). Если же обновить путем нажатия Enter в адресной строке, то все опять замечательно. Прошу помощи разобраться в этом.
0 votes3 answers -
Есть пара вопросов по phpDoc
В общем в начале класса есть описание магического метода /** * @method Xform text(string $name, string $value = null, mixed $attribules = array()) Создает текстовое поле * */Как добавить описание для параметров функции. На сайте ничего не нашел http://manual.phpdoc.org/HTMLSmartyConverter/PHP/phpDocumentor/tutorial_tags.method.pkg.html В редакторе Netbeans 8.0 это выглядит так text Создает текстовое поле Параметры: string $name Не удалось найти PHPDoc string $value = null mixed $attribules = array()
0 votes6 answers -
Пропадающий фон
Ребят помогите, сам не справился... При разрешении экрана меньше минимального (либо просто при масштабировании страницы) - фон участка, вышедшего за пределы экрана, исчезает. Подскажите как бороться с этой проблемой? Ставил для блока с фоном min-width: 100%; не помогает. Как быть, подскажите? Гугл не забанил, но и ответа он не дал, нашёл только какой-то бред про то что-бы поставить inline-block для блока с фоном, не помогло. Фон обычный background-color, никаких картинок.. http://i019.radikal.ru/1402/fa/595daa41b2e6.jpg Заранее спасибо.
0 votes5 answers -
Непонятный для бордера padding слева
Добрый день! Подскажите почему получается вот так http://cssdesk.com/g5wDx ? Т.е. светлокоричневая линия не прилегает вплотную к черному бордеру слева. Но на первой li все нормально. Если добавить в .top-menu-block ul li { ; } То все норм.Но это какой-то кривой ход. Также подскажите почему в #mainblock .top-menu-block высота в 50пикс,то нижний бордер не видно,а если 50.5 то все ок? Фоновая картинка 49 пикс в высоту.
0 votes2 answers -
Выпадающее меню
Здравтсвуйте! мне нужно сделать выпадающее меню из невложенных списков т.е. идут тэги li на одном уровне без вложений в них других тэгов li <ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li></ul>как сделать чтобы 3,4,5 стали дочерними т.е вложенными в 2 ? такое возможно только на JS ? у меня вложеность формируется не вложенными циклами а просто условиями
0 votes1 answer -
Как определить параметры тени в photoshop для css верстки?
Всем добрый день, расскажите как определить параметры тени в photoshop для использования их в text-shadow, box-shadow. Прочитал статью http://heygrady.com/blog/2011/08/06/recreating-photoshop-drop-shadows-in-css3-and-compass/ , но как то не работает метод для углов >90 градусов. Или может быть я что то напутал.
0 votes7 answers -
Отображение сайта в IE черный экран
День добрый делаю сайт для своей семьи. Столкнулся с такой проблемой. Если открыть IE и зайти на страницу и кликнуть на любое слово то в EI появляется черный экран. Я разобрался что это из-за кнопки вверх. Вопрос почему в Google chrom, Mozila все работает хорошо а IE глючит и не показываються js скрипты? Мб это из-за того, что я не так поставил кнопку?? Так же появилась проблема c js скриптом Lightbox. Она тупа перестала работаьбь в IE. Как можно решить эти проблемы? Хотя в Mozila или Google все пашет на ура! http://petrarkaclub.ru/ норм пашет http://petrarkaclub.ru/proecti.html криво пашет
0 votes1 answer -
Выровнять меню
Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)? http://jsfiddle.net/HZ3yR/2/
0 votes11 answers -
проблема с фиксированой навигацией
Пример тут http://jsbin.com/tufiyuwo/7/ Фон навигации ( в примере черным) должен занимать всю ширину контейнера. Содержимое навигации (в примере желтым) всегда фиксированой ширины 960px и центрируется. Нужно чтобы навигация была зафиксирована сверху, а при ширине меньше 960px содержимое меню (желтым) можно было скролить. Сейчас же, при <960px содержимое центрируется, и обрезается что не входит в область видимости.
0 votes7 answers -
проблема с @font-face
Почему шрифт не работает? http://jsfiddle.net/q2qTR/
0 votes9 answers -
Посоветуйте сервисы для того,что бы делится кодом
Какие у вас на примете есть? Был бы очень рад,если бы вы написали ваши любимые сервисы!
0 votes12 answers -
Нехороший слайдер :)
Нужно реализовать вот такую ересь. У слайдера более извращенные формы должны быть, но это решаемо.. Картинки должны идти слева на право, постепенно увеличивая размер.. Может кто столкнулся с подобной проблемой, подскажите слайдер способный натворить такое. Я кроме bxslider-a ни с чем более дела не имел, а через него такого не сделать.
0 votes8 answers -
отступ от нижнего края окна (подскажите)
Привет, подскажите пожалуйста, если не сложно. У меня основной блок имеет отступ от верхнего края {margin: 0 auto;} а высота блока 100%. Подскажите пожалуйста, как сделать внизу такой же маленький отступ как и наверху?
0 votes9 answers -
Как сделать сайт с плоским дизайном?
Привет всем! Расскажите, пожалуйста, как сделать сайт с плоским дизайном? Для примера даю эту ссылку
0 votes1 answer -
Как сделать такой же эффект скроллинга?
Как реализовать такую плавную прокрутку?! Как на этом сайте: http://www.rogatnev.ru/
0 votes6 answers -
Помогите сделать картинку, как ссылку !
Помогите - не могу создать ссылку на картинку гл. страницы http://saveimg.ru/show-image.php?id=668faa5bc8ff77ffd891c18dceaddc48
0 votes2 answers -
приоритет классов
Я так понял если к элементу назначить несколько классов, то приоритет будет у того класса, который написан последним? http://jsfiddle.net/wa5Am/ и порядок будет взят из CSS, да? Вот допустим, в HTML вот такой порядок qwer asdf zxcv, а в CSS такой .qwer .asdf .zxcv и браузер будет выбирать последнее не из HTML , а из CSS? я правильно понял? Вот если .zxcv{ color:blue;}поднять наверх, то текст будет красным
0 votes3 answers -
Как такое сделать?
Нужна идея как можно сделать вот такое меню, точнее как сделать, я примерно знаю, но проблема в тенях, когда 2 div'a стоят рядом (белые поля в данном примере) и нужно, чтобы они отбрасывали общую тень (не отбрасывая ее друг на друга) вот тут начинаются проблемы:
0 votes7 answers -
Как создать такой бекграунд
Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg
0 votes7 answers -
использование модели Flex-блоков
Хотел бы у знатаков поинтересоваться. Можно ли верстать различные типы сайтов используя при этом только модель Flex-блоков? При этом не использовать выравнивание элементов c помощью свойства (float) К примеру шапку сайта на всю ширину главного контейнера, ниже слева реализовать блок где будет находиться контент, а справа меню для сайта. И если можно ссылочку на пример реализации данного дела. Сам лично пытался и никак не получается. Просто впервые с этим сталкиваюсь. Хотелось бы получить в итоге что-то вроде этого примера: Надеюсь на вашу помощь.
0 votes3 answers -
использование тега noscript
На днях скачал шаблончик по этому адресу: http://html5up.net/ Название: Striped открыл его через кодовый редактор и в теге head заметил что css файлы подключённые через тег link для различных типов устройств обёрнуты в тег noscript. Вот я немного не понимаю зачем их помещать в теге noscript. Пример кода: <noscript> <link rel="stylesheet" href="css/skel-noscript.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style-desktop.css"> <link rel="stylesheet" href="css/style-wide.css"></noscript>И если можно подсказать для чего на данный момент может ещё использоваться тег noscript.
0 votes5 answers -
Проблема с позиционированием картинок или дивов внутри дива.
Здравствуйте, помогите разобраться с позиционированием картинок (или дивов) внутри дива. Вот так должен выглядеть сайт Так он выглядит без картинок Код на этом этапе <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Страница</title> <style> body{background-image:url('background.jpg');} div.container{margin:0 auto;width:1117px;height:100%;} div.header{height:250px;background-color:#F2F9FE;;} div.nav{height:40px;border-left:1px solid #F2F9FE;;} div.content{min-height:730px;background-color:#F2F9FE;;} div.footer{height:20px;text-align:center;color:#000000;font-size:10px;} div.menu-item{ background-color: #008…
0 votes6 answers -
min-width на примере
Всех приветствую! Друзья, пытаюсь понять как работает min-width. Дернуло меня глянуть значение данного тега на сайте Рутрекера. Если сжимать окно с вышеуказанной страницей, до тех пор пока содержимое не перестанет сжиматься, то получим некое значение. И это значение отличается от того, что заявлено у них в body: body {...min-width: 760px;}Оно явно больше. Тогда я решил пройтись по всему css и посмотреть какие еще элементы имеют min-width: #sidebar1_wrap {...min-width: 210px;}#forums_list_wrap {...min-width: 510px;}#forums_list_wrap {...min-width: 240px;}Сложил все вместе, получилось 950px - и все равно это не соответствует действительности. 1. Быть может, кто-нибудь…
0 votes6 answers