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. Выборочное изменение фона

    <a href=""><img src="image.jpg"><span>read more</span></a>a{width:100%;height:auto}img{width:100%;height:auto;}span{position:absolute;right:10px;bottom:10px;width:100px;height:100px;background:url("img.jpg") 0 top;}a:hover span{background-position:0 bottom;}Конструкция,конечно,упрощенная,но должно быть понятно.При наведении на span должен меняться ее фон,но в реале он меняется при наведении вообще на всю область ссылки.Раньше картинка была фоном ссылки,но я сделал ее img,потому что нужна резиновая верстка.Не хочется двойные ссылки делать,потому что потом будет много мороки.

    Asked by user,

    0 votes
    4 answers

  2. Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?

    Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/

    Asked by noname1,

    0 votes
    0 answers

  3. Адаптивная верстка

    Здравствуйте. У меня проблемы с адаптивной версткой, а точнее с пониманием того, что должно происходить при изменении размеров. К примеру, есть такой код https://jsfiddle.net/o2e1fwyq/Я так понимаю, в определенный момент фото должно быть на одной строке, а текст опуститься ниже. При какой ширине окна это должно происходить, на глаз определять? И второе, верстаю флексбоксом не до конца понимая, как он работает. Почему фото имеет какую-то рандомную ширину? Как она определяется в текущий момент?

    Asked by alex_web64,

    0 votes
    2 answers

  4. Скрипт

    Здраствуйте, хотел спросить на каком скрипте лучше реализовать вот такое http://s2.itrash.ru/idb/5a71bd1ad806e5bf41b53a989e132113/oBezymyannyj1.png

    Asked by Mr.Black,

    0 votes
    3 answers

  5. Плавающий блок не хочет плавать

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

    Asked by DImas95,

    0 votes
    2 answers

  6. кнопка button

    Объясните почему везде ,кроме хрома ,неправильное отображение?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…

    Asked by dostel1,

    0 votes
    1 answer

  7. шрифты кроссбраузерно ?!

    Доброго времени суток! Помогите пожалуйста разобраться со шрифтами, никак не могу побороть ( вот здесь пример: пример Задаю шрифт: font-size: 12px; line-height: 15px; font-family: "Georgia", serif; Но почему-то в разных браузерах он растягивается по разному ... вот: Скажите почему ? и как можно это победить ? Спасибо большое!

    Asked by maxmsmax,

    0 votes
    2 answers

  8. А можно ли

    можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.

    Asked by supernet95,

    0 votes
    1 answer

  9. Изображение ниже активного элемента меню

    Нужно чтобы ниже активного элемента меню появлялось изображение (полукруг). Удалось сделать его только фоном активного элемента (т.е. под текстом): ul.hmenu a.active .t { background-image: url('images/id.png'); background-repeat: no-repeat; background-position: top center; /* для моей задачи правильнее конечно bottom center */ padding-top: 0px; } При попытке смещения вниз изображение тупо обрезается. Понимаю, что нужно либо как-то увеличивать высоту пункта меню чтобы при смещении фоновое изображение не обрезалось (но при этом запретить перенос слов), либо вообще отображать изображение в качестве отдельного блока, расположение которого будет привязано к активному …

    Asked by PalychXX,

    0 votes
    4 answers

  10. Как сделать CSS файлы независимыми

    Здравствуйте! У меня главная страница (index.php) и которую при помощи include я вставляю другой файл. У обоих файлов есть файл стиле. После того как добавляю файл начинаются проблемы на странице так как в стилях есть одинаковые теги с разными значениями. Можно ли как-то сделать чтобы они не конфликтовали. Чтобы файл стилей прикрепленного файла относился только к той части в которой используется заинклюденный файл, а всё страницу не затрагивал. Знаю один только выход: прописать тегам классы или идентификаторы. Хотелось бы узнать, может есть какой-либо ещё способ? Заранее благодарен.

    Asked by Gambini,

    0 votes
    0 answers

  11. горизоньальное меню на ul

    как из этого сделать меню на ul li? <ul id="nav"> <li><a href="#">Раз</a></li> <li class="active"><a href="#">Два</a></li> <li><a href="#">Три</a></li> <li><a href="#">Четыре</a></li> </ul> требования: рассредотачивание пунктов по ширине страницы фон из желтых картинок появляется только когда :hover или при .active делаю через before и afrer, не могу сопоставить картинки по вертикали( получается только с точными значениями типа 12px, но если изменить размер шрифта, то картинки опять сбиваются кто вверх кто вниз. это должно быть не сложно! не могу на…

    Asked by panda,

    0 votes
    5 answers

  12. Отображение категорий при наведении

    Здравствуйте, подскажите как сделать, чтобы поле категорий появлялось только при наведении курсора? HTML: <div class="main-news-hidden">{link-category}</div> CSS: .main-news-hidden { font-size: 11px; color: #fff; position: absolute; background: red; } .main-news-hidden a { color: #fff; } .main-news-hidden a:hover { text-decoration: underline; }

    Asked by skyter,

    0 votes
    2 answers

  13. Как правильно?

    Доброго времени суток! У меня вопрос: Правильно ли я позиционирую блоки и элементы страницы? Позиционирую с помощью margin и float. Правильно ли это? Может надо использовать другие свойства CSS? Для примера: Ack

    Asked by ohinem,

    0 votes
    1 answer

  14. Как сделать чтобы меню стало фиксированным когда уперлось в верх страницы.

    живой пример на: http://www.lookatme.ru/

    Asked by phantomgoodone,

    0 votes
    2 answers

  15. Проблема с border-radius в IE

    При установке патча pie.htc проблема с отображением "border-radius" в IE исчезла везде, - кроме главной странице, где отображаются спец-предложения. Не как не хочет отображаться как следует. На сайте faksal[точка].ru можете посмотреть подробно! Подскажите в чем проблема? p.s код стиля: .totalPrice { border-color:#a3620a; background:#f9800f; background:-moz-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a22),color-stop(100%,#f46e01)); background:-webkit-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-o-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-ms-linear-gradient…

    Asked by zoombo,

    0 votes
    1 answer

  16. Как пересилить браузерные шрифты?

    Здравствуйте. Пытаюсь на лету подправить код загруженной страницы в "инструментах разработчика" Хром. Ширину таблицы получилось уменьшить, а вот уменьшить шрифт текста в таблице и установить его равным 12пикс. нет. В чем моя ошибка? Взгляните пожалуйста на принтскрин. Видно, что используются некие браузерные стили:

    Asked by borus,

    0 votes
    1 answer

  17. Про приоритет.

    Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <style type="text/css"> .one { color: red; /* красный текст */ } .one { color: green; /* зеленый текст */ } .two { color: red !important; /* красный текст с приоритетом */ } .two { color: green; /* зеленый текст */ } </style>

    Asked by DivMan,

    0 votes
    2 answers

  18. макет для блога

    Ищу одноколочный psd макет для блога с комментариями, админкой. Поделитесь пожалуйста.

    Asked by mastermedia,

    0 votes
    0 answers

  19. bootstrap: переход для 480

    помогите пожалуйста решить проблему есть страничка, содержащая 2 блока, расположеных горизонтально. на экранах очень малой ширины эти блоки должны располагаться вертикально для наглядности на страничке определённый цвет фона соответствует определённой ширине экрана. белый фон это интересующая меня малая ширина

    Asked by cyklop77,

    0 votes
    1 answer

  20. Правильно ли сделана предварительная загрузка изображений?

    Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });

    Asked by aqua.77,

    0 votes
    0 answers

  21. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    0 answers

  22. Хак для браузеров

    Хотел спросить, кто знает для каких браузеров даный хак //свойство: значение;

    Asked by Mr.Black,

    0 votes
    1 answer

  23. Вопрос по таблицам

    Добрый день. Возникла такая проблема - есть таблица, нужно чтоб третья строга растягивалась по вертикале, а вместо нее сейчас растягивается четвертая Вот как оно выглядит сейчас _http://glazz.ukrnic.com/index.html вот код таблицы: <table cellpadding="0" cellspacing="0" class="mainT" border="1"> <tr> <td><img src="bg1.jpg" /></td> <td><img src="bg2.jpg" /></td> <tdclass="bg1"> </td> <td><img src="bg4.jpg" /></td> <td><img src="bg5.jpg" /></td> </tr> <tr> <td><img src="bg6.jp…

    Asked by GLaZz,

    0 votes
    2 answers

  24. подвал уползает вниз

    помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае

    Asked by cyklop77,

    0 votes
    2 answers

  25. Помогите выравнить блоки по центру

    Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style>…

    Asked by skoch244,

    0 votes
    2 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