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

29,542 questions in this forum

  1. Подскажите как заставить срабатывать по таймеру

    Добрый день! Есть код, который срабатывает при наведении, а как сделать чтобы он срабатывал по таймеру? <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/claudia-galhardo.jpg" /> <figcaption class="caption">TEST</figcaption> </figure></div>.imgholder{ position:relative; width:120px; height:120px; border-radius:100px; float:left; margin:40px 30px;}/* thumbnails style */.imgholder img{ position:absolute; left:0; top:0; width:120px; height:120px; z-index:5; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; …

    Asked by McLotos,

    0 votes
    4 answers

  2. Информацыонные круги

    http://prntscr.com/7g25rs Нужно сделать вот такие круги, при наведение на такой всплывает тултип. Может есть уже где-то похожие наработки, или статья или готовый скрипт? Буду благодарен за любую подсказку. Извиняюсь за опечатку в теме.

    Asked by fireman691,

    0 votes
    2 answers

  3. Псевдоэлемент :before и z-index в ie8

    #main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

    Asked by poseidon,

    0 votes
    2 answers

  4. Вывод div с другой страницы

    Здравствуйте! Помогите пожалуйста разобраться. Необходимо чтобы при наведении курсора на ссылку появлялся DIV находящийся на другой странице, что я попытался сделать при помощи следующего скрипта: onmouseover="document.getElementById('opis').style.display='block'" onmouseout="document.getElementById('opis').style.display='none'"При помещении кода на одну страницу всё работает. http://codepen.io/anon/pen/reNZMb Но при размещении div на другой странице он не выводится. index.html: <!DOCTYPE html><body><object data="link0.svg" type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-index: 110!important; ; top: 355px; left: 518…

    Asked by Иван98,

    0 votes
    0 answers

  5. Многоязычный сайт

    Как реализовать многоязычный сайт (например, русский, английский)? Выбирать язык по юзерагенту браузера или предоставить возможность выбора читателю? Какие есть подводные камни, тонкости? Заранее спасибо. Олег.

    Asked by oleg3280,

    0 votes
    1 answer

  6. Подскажите код

    Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:

    Asked by tArAntAykA_,

    0 votes
    0 answers

  7. Фиксированный сайдбар не всегда влазит по высоте страницы и не его не получается прокрутить

    При скролле страницы сайдбар должен оставаться зафиксированным. Высота сайдбара должна быть всегда во весь экран. При этом нижний блок сайдбара всегда должен быть прибит к низу. Это все реализовано, НО что делать если высота экрана низкая: в этом случае сайдбар начинает прятаться вниз, а так как он position: fixed он не скроллиться вместе с таблицей. http://skrinshoter.ru/s/161018/xV91Tuns https://codepen.io/anon/pen/MPrKKq Как решить эту проблему?

    Asked by yaparoff,

    0 votes
    3 answers

  8. Высота таблицы

    Люди, как можно задать высоту таблицы 100%? Для чего? Примерно для такого кода. Нужно чтобы на всю страницу растягивалось. <table width="100%" height="100%"> <tr> <td height="10%" </tr> <tr> <td height="80%" </tr> <tr> <td height="10%" </tr> </table>

    Asked by Shugich,

    0 votes
    3 answers

  9. И опять IE

    Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.

    Asked by runet,

    0 votes
    5 answers

  10. Проблема с выпадающим списком

    F

    Asked by Kari_ya,

    0 votes
    11 answers

  11. Флеш шапки, сайты

    У меня задумка появилась, не знаю потяну я или нет, сделать флеш шапку для сайта. Как думаете для новичка это возможно?

    Asked by NIkNOkNIkNOk,

    0 votes
    5 answers

  12. очистка флоатов))флоат под флоатом

    привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…

    Asked by dostel1,

    0 votes
    2 answers

  13. Рамка с указанием цвета уголков на css

    Вопрос возник при прохождении самого первого уровня на сайте http://divhack.com Приведённое на сайте решение не даёт ответа на вопрос, оно не соответствует предложенному для вёрстки psd-макету. Верстаю меню (или же подвал) в резину. В макете вокруг блока навигации имеется довольно интересная однопиксельная рамка. Верхняя, правая, нижняя, левая границы - разных цветов. В каждом уголке рамки - однопиксельные клеточки, тоже разных цветов. Блок я сверстал, бордеры указал: .nav {width: 100%; height: 43px; background-color: #b6b6b6; border-top: 1px solid #d3d3d3; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #c2c2c2;} Но как сделат…

    Asked by LonerD,

    0 votes
    2 answers

  14. Смена нескольких картинок при наведении

    Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно: При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок. Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/

    Asked by Demoni,

    0 votes
    1 answer

  15. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  16. Примеры хорошего кода

    Давече выучил основы верстки, даже научился худо-бедно, но воплощать идеи в реальность. Только вот код получается корявым, решения - неочевидными и тому подобное. Подскажите, пожалуйста, работы проффесиональных верстальщиков, по коду которых можно поучиться. Перенять опыт, так сказать Буду весьма благодарен.

    Asked by undeadlol1,

    0 votes
    1 answer

  17. Центрирование в зависимости от количества

    Приведствую, Вас! Есть блок в котором отображаются кнокпи в 2 ряда по 5 в каждом. Возникла такая задача. В случае если кнопок менше или равно 5, они должны центроватся по центру, можно ли это реализовать на чистом CSS?

    Asked by grifin85,

    0 votes
    7 answers

  18. border-bottom dashed

    Добрый день http://jsfiddle.net/5BCwW/4/ Необходимо сделать подчеркивание. Сейчас подчеркнут весь блок, а нужно только текст. Пока вижу вариант с background, но хотелось бы более гибкий вариант. Спасибо

    Asked by teatest,

    0 votes
    6 answers

  19. Работа с доменом третьего уровня

    Здравствуйте! Делаю сайт. Есть домен третьего уровня. Никак не могу разобраться, как заходить на домен третьего уровня. Если набирать его в адресной строке, то открывает страницу домена второго уровня,а файл в корне index один. Как с ним работать, подскажите, пожалуйста!

    Asked by Torawhite,

    0 votes
    6 answers

  20. Выход за рамки экрана (паралакс)

    В общем все очень плохо. собсна страничка: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_3.html весь ксс: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/style11.css Стиль изначально не мой, вроде все подогнал и переделал под себя, но осталась последняя проблема: при зажатии левой кнопки или средней + движении мышки вправо - огромное полупустое пространство. (в изначальном варианте стиля с этой страницей - эта проблема существовала). overflow-x: hidden только скрывает бегунок. проблема кроется в этом куске: Каждый класс друг на друга влияет, не могу толком понять, что так сильно растягивает страницу. width: 165vw; дает сильный сдвиг. (что за vw кстати…

    Asked by Linblack,

    0 votes
    3 answers

  21. выпадающее меню только в одной строке, помогите (html/css)

    Всем привет. Мне нужно, чтоб меню выпадало только из одной строки при наведении. Пример моего меню: Нужно, чтоб при наведении на "Портативные компьютеры", вниз открывался столбик с тремя вариантами (ноутбуки, смартфоны, планшеты) у меня ничего не получается.. <ul class="menu"> <li><a href="index.html">Главная</a></li> <li><a href ="nout.html">Портативные компьютеры</a></li> <li><a href="index-os.html">Операционные системы</a></li> <li><a href="rat.html">Рейтинги</a></li> <li><a href="o_nas.html">Обратная связь</a></li> …

    Asked by swag420,

    0 votes
    6 answers

  22. Пропадает фон при высоет 100%

    http://jsfiddle.net/digitalmedia/6z3o340x/ Не могу понять, в левой и правой колонках фон тянется только на высоту браузера, и если контетна больше, фон в левом и правом столбцах пропадает внизу. Как можно обойти?

    Asked by vip,

    0 votes
    7 answers

  23. Как выстроить элементы в 2 колонки?

    Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки. Например, есть 8 ссылок, их необходимо разместить в 2 колонки. Используя float:left ссылки выстраиваются вот так: — ссылка 1 ———————-- ссылка 2 — — ссылка 3 ———————-- ссылка 4 — — ссылка 5 ———————-- ссылка 6 — — ссылка 7 ———————-- ссылка 8 — Вот код - http://jsfiddle.net/238cpzhq/ Можно ли их выстроить вот в таком порядке: — ссылка 1 ———————-- ссылка 5 — — ссылка 2 ———————-- ссылка 6 — — ссылка 3 ———————-- ссылка 7 — — ссылка 4 ———————-- ссылка 8 — вроде как сначала одна колонка заполняется, потом вторая. ПС: в коде, ссылки менять местами нельзя )))

    Asked by alleclf,

    0 votes
    2 answers

  24. Как светстать блоки уходящие по вправо и влево до конца.

    Привет, всем!! Столкнулся с небольшой проблемой при верстке, никак не могу сообразить. В общем есть простой макет, только вот в нем несть несколько элементов, которые уходят вправо и влево до конца экрана, хотя сам контент зафиксирован по центру вот скриншот , подскажите как такое сверстать или хоть дайте ссылку на макет с похожей структурой, который верстали, глянуть код, а то мне что-то в голову ничего не приходит, пятница же блин . Ссылка на сайт в сети (сразу верстаю на вордпресс) : http://dzga.apoehali.com.ua/

    Asked by ya_verstaka,

    0 votes
    2 answers

  25. Блок поверх строки таблицы

    Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output

    Asked by vladmih,

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