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
-
На отображение абсолютно позиционируемого элемента влияет его родитель
Столкнулся с такой особенностью, что если взять элемент и абсолютно его спозиционировать с помощью position:absolute;, то отображение этого элемента будет зависеть от того, каким является его родитель. Так если есть два элемента <div class="outside"> <div class="inside">text</div> </div> и внутреннему назначить position:absolute;, то если внешний элемент будет иметь свойство display:block;, то его отображение будет таким. Если же внешнему элементу назначить свойство display:inline; или display:inline-block;, то его отображение будет другим. Внутренний элемент с классом "inside" может, кстати, иметь любой display, но это не повлияет на всю картин…
0 votes3 answers -
порядок разметки страницы
не помню где видел графическую схему, которая помогает определить в какой структурный html5-тэг заключить содержание. кажется на html5doctor. но найти что то не получается долгое время. помогите пожалуйста ссылкой
0 votes2 answers -
Flash или JavaScript
Привет! Есть небольшой нарисованный глаз, пусть эта картинка будет 50px на 50px. Нужно расположить этот глаз в header и сделать так, чтобы он следил за движениями мышки, т.е. чтобы всегда смотрел именно на курсор мышки. Где это можно сделать, в Adobe Flash, JavaScript или же в том и другом? P.S. Чтобы область реагирования глаза определялась именно открытым браузером.
0 votes3 answers -
Отступ между ячейками table
Добрый день! Не получается избавиться от отступа между ячейками таблицы: Код: <table width="100%" border="0" cellspacing="0"> <tr> <td> <div class="header"></div> </td> </tr> <tr> <td align="left"> <div class="frame-box"></div> <div class="left"></div> </td> </tr> </table> PS: добавление cellspacing="0" не помогает.
0 votes1 answer -
Проблема с css
Добрый вечер, говорю сразу - я новичок. Короче есть сайт, на страницу http://flagshtoki.com/flagshtoki-winder-2.htm нужно вставить готовую вёрстку. Проблема: нарушение стилей вёрстки при вставке на сайт... Помогите пожалуйста!!! <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css"> <link href="light.css" rel="stylesheet" type="text/css"> <link href="boxed-light.css" rel="stylesheet" type="text/css"> <link href="glass-blue.css" rel="stylesheet" type="text/css"> </head> <body> <div class="page" style="bac…
0 votes3 answers -
Border gradient
Здравствуйте, подскажите как модно сделать линейный градиент для границ блок. Нашел не плохой способ http://css-tricks.com/examples/GradientBorder/ (первый блок) но граница устанавливается только для 2 границ, мне нужно для всех?
0 votes1 answer -
Реализация БЭМ на XML+XSLT
Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…
0 votes0 answers -
Новая яндекс карта
Хочу поставить две яндекс карты на одну страницу сайта. Но почему-то не высвечиваются метки с текстом. Раньше получалось, а теперь Яндекс ввел какие-то новые технологии и сижу уже вторые сутки не могу разобраться! Помогите, пожалуйста, вот код: <head> <script src="http://api-maps.yand...ull〈=ru-RU" type="text/javascript"></script> <script type="text/javascript"> ymaps.ready(init); function init () { var myMap_1 = new ymaps.Map('map_1', { center: [51.685695, 39.2642], // Ленинский пр-т zoom: 15 }), myPlacemark = new ymaps.Placemark([51.671104, 39.189274], { iconContent: 'Салон ', balloonContentHeader: 'Салон ', …
0 votes1 answer -
border и space таблицы
всем привет подскажите пожалуйста, как сделать, чтобы текст в таблице был не впритык к его бордеру, но так, чтобы он был ординарный, т.к. у меня получается только 2 случая: либо граница ординарная, тонкая, но текст впритык либо граница есть, но одновременно с рамкой ячейки. как можно сделать чтобы граница была одна, но текст был не впритык к ней? p.s. использую таблицу как рамку для важного абзаца текста
0 votes1 answer -
Динамическая таблица
Добрый день друзья ! Очень прошу помочь ! Надо собрать HTML файл с динамической таблицей, т.е. чтобы она перемещалась при прокрутке странице. position: fixed пробовал, не то. Примерно надо сделать так как в этом файле: https://drive.google.com/file/d/0BwY7WN_7H7UYX2NzNWNhS3B5VTA/edit?usp=sharing Скачайте его, нажмите на какую то букву и двигайте вниз-Вы увидите как будет перемещаться таблица. Вот точно такую же надо собрать мне. Очень прошу помогите пожалуйста. Заранее спасибо!
0 votes3 answers -
Как заставить тянуться блок
Подскажите пожалуйста, как заставить тянуться блок info, в зависимости от количества текста? http://rghost.ru/57019032
0 votes3 answers -
Как создать аналогичный блок?HELP!
Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
0 votes1 answer -
Создание адаптивной галереи
Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior
0 votes0 answers -
z-index:-2 улетает за страницу. можно побороть?
привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?
0 votes4 answers -
Программа для работы с дизайном
Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!
0 votes1 answer -
Как можно исправить элемент, чтобы валидатор принял
Под валидатором проверяю сайт. Валидатор ругается на код указанный ниже. Как я понимаю, нельзя открывать сразу 2 div, а потом закрывать сразу 2 div подряд, но не знаю как можно код переделать. <DIV style="LEFT: 50%; POSITION: relative; margin-left: -498px; WIDTH: 183px;"> <DIV style="COLOR: #ffffff; FONT-FAMILY: Times New Roman; FONT-SIZE: 10pt; POSITION: absolute; TOP: 15px; WIDTH: 183px; height: 98px"> <a href="/"><img src="/images/1.png" alt="" border="0" /></a> </div></div> Этот код выводит изображение в заданном месте. По высоте фиксирован, по ширине также по центру расположен. Как-то можно заменить, чтобы div остался…
0 votes1 answer -
Печать html текста
Добрый день уважаемые верстальщики. Нужна ваша помощь. Есть большой текст, форматированный с помощью html. Его нужно напечатать на бумаге. Причем не абы как, а соблюдая "печатное форматирование", т.е.? например, чтобы внизу по центру печатались номера страниц, каждая новая глава начиналась на новом листе и т.д. Слышал, что этого можно добиться, используя сам html+css. Вопрос, что именно? Спасибо.
0 votes2 answers -
Оптекане текстом изображения при скролинге
Здравствуйте, появилась такая идея: есть слой фиксированного размера, в него выводится текст (текста много, поэтому у слоя стоит overflow : Auto). суть задумки: реально ли в верхнем левом (к примеру) углу разместить изображение с фиксированной позицией, так чтобы при прокрутке текста, он обтекал картинку? Как то примерно так, главное чтоб картинка не съезжала и текст не шел поверх нее заранее спасибо!
0 votes2 answers -
А можно ли
можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.
0 votes1 answer -
0 votes1 answer
-
Проблема вёрстки резинового сайта под HTML5
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
0 votes1 answer -
появляется пустота
Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?
0 votes4 answers -
кнопка скрытия элемента
Написал скрипт закрытия элемента. Можно его упростить? <script type="text/javascript"> <!-- function Сlose() { var cl = document.getElementById('idd'); return cl.style.display = "none"; } //--> </script>
0 votes3 answers -
Помогите пожалуйста
Ребят, помогите пожалуйста свестрать сайт с psd исходника. (html5) Не как не могу понять, что и как. Просто нужно что то, от чего можно оттолкунуться. Ссылка на psd исходник: http://rghost.ru/40953515
0 votes5 answers -
Непонятные фокусы Стиля Box-Shadow
Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.
0 votes2 answers