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
-
А возможноли такое?
Добрый день, хочу задать вопрос. Есть тело навигации в списке, надо чтобы между ссылками были разные промежутки... или чтобы li были все одной ширины(a px) и тогда просто одинаковые отступы (b px) вот что надо получить как это осущевствить? <title>li</title> <style type="text/css"> #menu li {display:inline;} </style> </head> <body> <div id="menu"> <ul> <li><a href="#">1</a></li> <li><a href="#">2222</a></li> <li><a href="#">555</a></li> </ul> </div> </body> </html>
0 votes2 answers -
Подмена картинки
Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('f' и 's') Написал функцию function enlarge(ima){ if(/.*s[0-9]+\.((jpg)|(png)|(gif))/.test(ima.src)){ ima.src = ima.src.replace('/s','/f'); } else{ ima.src = ima.src.replace('/f','/s'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …
0 votes1 answer -
Меню с треугольниками
Много тем было таких. Не помню только здесь или нет. Помогите по ширине расширять ссылки Если в 1 строку, то все ок. А вот если делать перенос, то все не ок
0 votes1 answer -
Помогите с отступами...
Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот html код: <div id="wrapper"> <div id="logo"></div> </div> Вот css: html, body { margin: 0px; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; } #wrapper { display: block; position: relative; text-align:left; margin: 0 auto; width: 1000px; height: 100%; background: #ffffff url(../image/bg.jpg) no-repeat 0 0; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: …
0 votes3 answers -
изменение угла наклона изображения
Здравствуйте Помогите начинающему программисту. можно ли как-то изменить угл наклона изображения например <img>?
0 votes1 answer -
Как "склеить" шаблон на Joomla и самоклепный лендинг
Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.
0 votes1 answer -
Верстка повторяющихся блоков разной высоты
Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: http://hkar.ru/zt4R Верстка должна быть: <div class="blocks"><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div></div>
0 votes2 answers -
Как сделать условное применение top в зависимости от высоты?
Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…
0 votes1 answer -
z-index:-2 улетает за страницу. можно побороть?
привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?
0 votes4 answers -
Резиновое меню
Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. header.top nav{ position: absolute; top: 361px; height: 50px; background-color: #FBFBFB; display: table; border-spacing: 7px 5px; margin: 0px 0px 0px 476px; padding: 0px 265px 0px 50px; } header.top nav ul{ font-size: 10pt; display: table-row; } header.top nav ul li{ display: table-cell; width: 10%; text-align: center; } header.top nav li a{ font-family: arial; color: #2D2D3D; text-decoration: none; padding: 12.5px 0px 12.5px 0px; display: block; Сейчас они сжимаются одновременно...
0 votes1 answer -
Прилепить класс к низу
На странице в низу есть класс .novelty { float: left; width: 253px; height: 100px; padding: 0 0 0 6px; margin-left: -8px; Но когда страница пустая, оно поднимается вверх. Как можно сделать чтобы оно было привязано к низу?
0 votes2 answers -
Кривое отображение
День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …
0 votes5 answers -
Не пойму как сварстать такое меню
Здравствуйте! не пойму как быть с бекграундом каждого пункта меню при наведении курсора, тк каждый пункт под углом, не пойму как лучще сверстать эту задачку... А что думают профи?
0 votes1 answer -
Преждевременная загружка footer'а
Здравствуйте! В моём сайте http://astea.ru/ происходит преждевременна загрузка footer'а http://s2.ipicture.ru/uploads/20120429/irCEbqcW.jpg Как это исправить?
0 votes2 answers -
z-index + position
Прочитал статью http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html Не совсем понял как решить проблему для IE7 Есть: <div class="header"> <div class="menu">111</div> </div> <div class="content"> <div class="article">1111</div> <div> .headaer { [...] position: relative; z-index: 2; } .menu { [...] position: absolute; z-index: 1000; } .content { [...] position: relative; z-index: 1; } .article { [...] position: absolute; z-index: 1000; } То в такой ситуции article не залезит на headaer, а нужно что б дивы с position: absolute; залазили на дивы position: relative; Как тогда р…
0 votes0 answers -
Меню как у Влада
Подскажите, пожалуйста, какими средствами реализовать меню как у данного сайта (Основное - HTML - CSS - сайт)? Т.е. чтобы подменю всегда было открыто, но сменялось при клике (а не при наведении курсора) на другую вкладку меню. Причем страница не перезагружается. Если кинете в меня ссылкой, где описывается именно принцип создания, а не просто сам код - буду даже рад
0 votes2 answers -
Зазоры между background-image
Здравствуйте Всем форумчанам, не откажите в помощи новичку). В общем проблема заключается в том, чтобы сделать фон, который состоит из 3 картинок. Верх это Content_bg_top.png, низ - Content_bg_bot.png и Content_bg_line.png - основная часть, которую я хотел задать репитом, но между ними появляются отступы... Кто сталкивался с такой проблемой и как ее решить. Заранее спасибо. ЗЫ Так сделал, чтобы фон расширялся от наличия контента в нем, вот как он должен выглядеть Content_bg.png http://s14.postimage.org/igwny9cxd/Content_bg.png http://s14.postimage.org/elt9votrl/Content_bg_bot.png http://s14.postimage.org/j8zbxgh4h/Content_bg_line.png http://s14.postimage.org/higavyzld/Con…
0 votes3 answers -
Реализация БЭМ на XML+XSLT
Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…
0 votes0 answers -
высота строки и вертикальное выравнивание текста в ней
Всем привет. А можно ли сделать такой финт ушами: высота строки 100px; размер шрифта 20px и текст в строке выровнен по верхней границе строки? Спасибо. ps: можно, конечно, наворотить корректор положения на JS, но хотелось бы более изящного решения.
0 votes7 answers -
Кроссбраузерность
Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?
0 votes1 answer -
DLE: как добавить title к ссылке?
Здравствуйте. Сабж в заголовке. Помогите пожалуйста. Поиск в Google и по русскому, и по английскому не дал подходящих результатов. Всё, узнал как делается!
0 votes1 answer -
Дырка между меню и баннером
Доброго дня! Создала выпадающее меню, после прикрепила картинку, и между меню и картинкой теперь дырка. Как исправить? Все файлы в прикрепленном архиве. Буду благодарна! http://files.mail.ru/4301B607D8F24C9D89AEA1CF887B7F6D
0 votes2 answers -
Проблема с padding в header
Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.
0 votes1 answer -
Хитрое форматирвоание
Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?
0 votes6 answers -
Нужна помощь с выполнением задания
Учу HTML + CSS. Есть задание, которое никак не могу понять. Нужно сделать как на картинке. На сколько хватило моего мозга - делать нужно через BoxModel. В общем, помогите пожалуйста.
0 votes3 answers