Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. А возможноли такое?

    Добрый день, хочу задать вопрос. Есть тело навигации в списке, надо чтобы между ссылками были разные промежутки... или чтобы 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>

    Asked by woofs,

    0 votes
    2 answers

  2. Подмена картинки

    Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('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'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …

    Asked by mahrizh,

    0 votes
    1 answer

  3. Меню с треугольниками

    Много тем было таких. Не помню только здесь или нет. Помогите по ширине расширять ссылки Если в 1 строку, то все ок. А вот если делать перенос, то все не ок

    Asked by npofopr,

    0 votes
    1 answer

  4. Помогите с отступами...

    Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот 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: …

    Asked by Noraad,

    0 votes
    3 answers

  5. изменение угла наклона изображения

    Здравствуйте Помогите начинающему программисту. можно ли как-то изменить угл наклона изображения например <img>?

    Asked by vzdrizd,

    0 votes
    1 answer

  6. Как "склеить" шаблон на Joomla и самоклепный лендинг

    Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.

    Asked by proaction,

    0 votes
    1 answer

  7. Верстка повторяющихся блоков разной высоты

    Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: 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>

    Asked by vip,

    0 votes
    2 answers

  8. Как сделать условное применение top в зависимости от высоты?

    Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…

    Asked by nikki4,

    0 votes
    1 answer

  9. z-index:-2 улетает за страницу. можно побороть?

    привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?

    Asked by d0ublezer0,

    0 votes
    4 answers

  10. Резиновое меню

    Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. 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; Сейчас они сжимаются одновременно...

    Asked by aqua.77,

    0 votes
    1 answer

  11. Прилепить класс к низу

    На странице в низу есть класс .novelty { float: left; width: 253px; height: 100px; padding: 0 0 0 6px; margin-left: -8px; Но когда страница пустая, оно поднимается вверх. Как можно сделать чтобы оно было привязано к низу?

    Asked by Tchorteg,

    0 votes
    2 answers

  12. Кривое отображение

    День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <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" …

    Asked by laird,

    0 votes
    5 answers

  13. Не пойму как сварстать такое меню

    Здравствуйте! не пойму как быть с бекграундом каждого пункта меню при наведении курсора, тк каждый пункт под углом, не пойму как лучще сверстать эту задачку... А что думают профи?

    Asked by koshsh,

    0 votes
    1 answer

  14. Преждевременная загружка footer'а

    Здравствуйте! В моём сайте http://astea.ru/ происходит преждевременна загрузка footer'а http://s2.ipicture.ru/uploads/20120429/irCEbqcW.jpg Как это исправить?

    Asked by docmai,

    0 votes
    2 answers

  15. 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; Как тогда р…

    Asked by Justtie,

    0 votes
    0 answers

  16. Меню как у Влада

    Подскажите, пожалуйста, какими средствами реализовать меню как у данного сайта (Основное - HTML - CSS - сайт)? Т.е. чтобы подменю всегда было открыто, но сменялось при клике (а не при наведении курсора) на другую вкладку меню. Причем страница не перезагружается. Если кинете в меня ссылкой, где описывается именно принцип создания, а не просто сам код - буду даже рад

    Asked by Gahan,

    0 votes
    2 answers

  17. Зазоры между 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…

    Asked by Molkrot,

    0 votes
    3 answers

  18. Реализация БЭМ на XML+XSLT

    Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…

    Asked by sammasati,

    0 votes
    0 answers

  19. высота строки и вертикальное выравнивание текста в ней

    Всем привет. А можно ли сделать такой финт ушами: высота строки 100px; размер шрифта 20px и текст в строке выровнен по верхней границе строки? Спасибо. ps: можно, конечно, наворотить корректор положения на JS, но хотелось бы более изящного решения.

    Asked by toxarbk,

    0 votes
    7 answers

  20. Кроссбраузерность

    Ребят, подскажите, пожалуйста, почему при таком спане <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; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?

    Asked by Jo_Sky,

    0 votes
    1 answer

  21. DLE: как добавить title к ссылке?

    Здравствуйте. Сабж в заголовке. Помогите пожалуйста. Поиск в Google и по русскому, и по английскому не дал подходящих результатов. Всё, узнал как делается!

    Asked by the user,

    0 votes
    1 answer

  22. Дырка между меню и баннером

    Доброго дня! Создала выпадающее меню, после прикрепила картинку, и между меню и картинкой теперь дырка. Как исправить? Все файлы в прикрепленном архиве. Буду благодарна! http://files.mail.ru/4301B607D8F24C9D89AEA1CF887B7F6D

    Asked by yosinya,

    0 votes
    2 answers

  23. Проблема с padding в header

    Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.

    Asked by amalia,

    0 votes
    1 answer

  24. Хитрое форматирвоание

    Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?

    Asked by кэп,

    0 votes
    6 answers

  25. Нужна помощь с выполнением задания

    Учу HTML + CSS. Есть задание, которое никак не могу понять. Нужно сделать как на картинке. На сколько хватило моего мозга - делать нужно через BoxModel. В общем, помогите пожалуйста.

    Asked by only.semak,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept