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. CSS свойства стиля с потолка

    Не подскажите, можно ли в CSS стиле как-то хранить простые данные, к которым потом можно было бы обратиться через window.getComputedStyle Например, что-то типа этого .znak { background-color:red; border:1px solid; dyadyaVasya:100mb; } Т.е чтобы найдя елемент по классу znak, можно было вытащить из стиля свойство dyadyaVasya со значением 100mb ? alert(window.getComputedStyle(elem).dyadyaVasya); // выдало бы 100mb Или такое невозможно? Если нет, то каким другим простым способом можно так сделать ? Подскажите, пожалуйста, кто что думает.

    Asked by фонарик,

    0 votes
    5 answers

  2. CSS свойство clear

    http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>clear</title> …

    Asked by skvor,

    0 votes
    4 answers

  3. CSS свойство cursor в IE

    Доброго времени суток, есть вопросик!!! В IE CSS свойство cursor распространяется только на текст, а не на всю "площадь" элемента-контейнера. Можно это как-то исправить? Вот кидаю весь код, чтоб была понятна суть вопроса, проблемная строчка выделена. Заранее спасибо!!!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <style type="text/css"><!-- * { margin: 0; padding: 0; border: 0; } .divCloser { margin: 0; padding: 0; text-align: center; background: #ff0; /* *вот тут проблема *в IE кур…

    Asked by CoDy,

    0 votes
    3 answers

  4. CSS свойство transition и Chrome

    Всем здравствуйте. Разрабатываю ресурс на Wordpress (если это важно). Работа пока проходил на локале. Решил применить CSS свойство transition для плавного изменения цвета названия категории при наведении курсора. Использовал код: ul#catmenu li a { text-align:center; font-size: 1.0em; font-weight: bold; color: #737373; transition: all .20s linear; -moz-transition: all .20s linear; -webkit-transition: all .20s linear; -o-transition: all .20s linear; } Сначала думал применить данное свойство совместно с псевдоклассом hover, но тогда плавность работает при наведении, но если убрать курсор, то цвет меняется к первоначальному резко, без анимации. Тому применил свойст…

    Asked by Dayks,

    0 votes
    6 answers

  5. Css сдвиг м IE срочно пжл!

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

    Asked by Sayitright,

    0 votes
    2 answers

  6. css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?

    https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?

    Asked by torsar,

    0 votes
    2 answers

  7. CSS селектор в ИЕ

    Хорошая возможность есть в css2: input[type=text] { width: 100px; } то есть писать селекторы опираясь на атрибуты элементов. В ИЕ такая штука не работает (вроде). Можт кто подскажет как можно задать стили всем инпутам типа текст в ИЕ? Думаю ответ на данный локальный вопрос даст ответ и на более общий - можно ли в ИЕ писать селекторы оперируя атрибутами элементов.

    Asked by vavr,

    0 votes
    1 answer

  8. CSS селектор на невложенные элементы

    Здравствуйте, столкнулся с очень специфичной проблемой: если нужно скажем выделить ссылку, которая находиться внутри какого-то выделенного div'a мы пишем: div.my-div:hover a.my-ref{/*делаем что-то*/}Но, возможно ли в CSS написать селектор, который бы применялся к указанной ссылке при выделения данного div'a, при том что ссылка не находиться внутри div'a. Возможно ли вообще такое в CSS или это только силами JS?

    Asked by 80LevelElf,

    0 votes
    3 answers

  9. CSS селектор по двум классам

    Доброе время суток, подскажите пожалуйста. Имеется таблица <table> <tr> <td class"a b"></td><td class"a"></td><td class"a b"></td> </tr> <tr> <td class"a"></td><td class"a b"></td><td class"b"></td> </tr></table>.b{background-color:grey;}.a{background-color:red;}.a.b{background-color:green;}класс "a" динамичный, мне необходимо, чтоб ячейки c классом "а" окрашивались в красный цвет, а если там еще присутствует класс "b" в зеленый, а если нет класса "а" то класс "b" в серый

    Asked by darlov,

    0 votes
    1 answer

  10. css селектор содержимого iframe

    проблема такая: есть страница, к ней подключен css файл, на странице есть iframe в котором отображается xml с подключенной к ней xsl, xsl преобразует xml-ку, допустим, в таблицу. Можно ли из css файла управлять отображением содержимого iframe, в данном случае таблицей? PS и если можно, то как это делать? )

    Asked by WeeklyTea,

    0 votes
    4 answers

  11. CSS селектор: все ссылки, кроме тех, которые являются картинками

    Необходимо создать селектор, который бы сделал выборку всех тегов <a></a>, кроме тех, которые содержат в себе тег <img></img> Зачем? Хочу сделать на сайте так, чтобы к текстовым ссылкам на файлы прикреплялась иконка в зависимости от расширения файла, код следующий: a[href$='.jpg'] { background: url(images/jpg.png) no-repeat 100%; padding: 0 20px 0 0;}Проблема: иконка jpg.png прикрепляется не только к текстовым ссылкам, но и к картинкам со ссылкой на увеличенную копию картинки, то есть когда структура имеет такой вид: <a href="http://www.site.com/image.jpg"><img src="http://www.site.com/image.jpg"></img></a> Как избежа…

    Asked by Солнцеворот,

    0 votes
    3 answers

  12. CSS сетки

    В css сетках есть такое понятие как колонки, во фреймворке бутстрап их кол-во равно 12, в стилях им прописывают следующие ширины: Скрытый текст .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } Так вот, откуда берутся эти ширины? Если я разделю 100…

    Asked by Hasiev,

    0 votes
    9 answers

  13. css список

    При создании вертикального меню, графический маркер выпрыгивает выше базовой линии, в ie. в firefox все ок! Как сделать что бы было везде одинаково?

    Asked by web-publisher,

    0 votes
    2 answers

  14. CSS Спрайт

    Всем доброго времени суток. Столкнулся вот с такой проблемой, то ли я туплю, то ли делаю что-то не так с css спрайтом. Есть вот такой кусок html кода: <div id="social-button"> <a href="#" id="social-button1"></a> <a href="#" id="social-button2"></a> <a href="#" id="social-button3"></a> <a href="#" id="social-button4"></a> </div>И так же кусок css: #social-button { width: 162px; height: 32px; float: right; margin-right: 30px; margin-top: 65px;}#social-button1 { width: 33px; height: 33…

    Asked by job3507,

    0 votes
    3 answers

  15. CSS спрайты PNG в IE6

    Добрый вечер!!! Моя проблема заключается в следующим, я использую для своего меню CSS спрайты. У которого картинка фона сохранена в формате PNG. Для решения проблемы с IE6 я использовал clip для CSS. Но дело в том, что при на ведении на пункт меню в IE6, смена картинки срабатывает лишь в том случае если я навожу на саму букву, а не на прозрачный фон. Как решить данную проблему. Вот моя беда http://u.svoego.net/

    Asked by midzus,

    0 votes
    77 answers

  16. CSS ссылки

    Здравствуйте! Проблема следующая, как можно и можно ли сделать в веб-странице с помощью CSS область (абстрактную, полностью прозрачную) фиксированную в одном месте (не в одном месте экрана, а страницы), чтобы при наведении можно было перейти по адресу определенному. Может это не в CSS делается?

    Asked by skv_79,

    0 votes
    8 answers

  17. css ссылки в ie

    Давно мучал такой вопрос. Можно ли средствами css сделать ссылку не кликабельной. То есть что бы клас ховер при наведении на нее работал. Но при нажатии ничего не происходило и адрес в коммандной строке не изменялся. средства href="#" href="javascript" не помогают. Все равно ссылка в строке изменяется. Либо дописывается # либо фраза стоящая в значении href Думаю что есть решение. Кстати если у ссылки убрать атрибут href То она благополучно становится не кликабельной везде кроме ie. Дописав параметр name. Подскажите есть ли средство средствами хтмл или css сделать это в ie. Вот пример http://www.myspace.com/whatsuptest Там расположен календарь на странице. В опере и моз…

    Asked by Whatsup,

    0 votes
    8 answers

  18. css странное наследование или полтергейст

    Добрый день, жители форума. Верстаю сайтик с вордпресса в джумлу. возникла странная(для меня) проблема. задал свойство a:hover, focus и active для горизонтального меню с id=mergen. И к моему большому удивлению и глубочайшему сожалению(мягко говоря) теги <a> левого вертикального меню приобрели те же самые свойства. Помогите побороть пожалуйста А конкретнее: фоновая картинка при фокусе изменяется как в классе menu(первое меню, вертикальное) так и в нужном мне меню класса mergen(второе меню, горизонтальное) Часть CSS: body,html {height:100%; } body{:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#000;margin:0 auto;} .clr{clear:both;overflow:hidde…

    Asked by mergenmasterf1,

    0 votes
    1 answer

  19. CSS только для одного браузера

    Почему-то Google Chrome читает код моего сайта немного не так как остальные браузеры. Как сделать так, чтобы часть CSS воспринимал только он, а остальные браузеры игнорировали?

    Asked by Ge1i0N,

    0 votes
    8 answers

  20. 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

  21. 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

  22. CSS условия в стилях

    Здравствуйте. Подскажите, возможно ли средствами CSS сделать такое: Есть кнопки в таблице. На кнопке есть числа 0 +0 И это все идет столбиком. Пока цифра однозначная, все ок. Но когда счет переходит на 2-3 знака, структура ломается 0 +0 10 +30 100 +1 Можно ли заранее заложить с помощью CSS условия в стилях? Чтобы было вроде: 0 + 0 10 + 8 100 +122

    Asked by banyman,

    0 votes
    4 answers

  23. CSS файлы

    Всем добрый вечер! У меня в папке "topics" - 15 статей (topi1.html, topic2.html, topic3.html, etc) В папку "css" - 15 css файлов соответственно (topic1.css, topic2.css, topic3.css, etc) CSS файлы для всех статей почти одинаковые, в некоторых файлах только есть стили, которые в других не используются. Как лучше сделать: оставить для каждой статьи свой css файл или же создать 1 большой css файл для всех 15 сразу? Ничего страшного, что на некоторых страницах будут подгружаться стили, которые не будут использоваться?

    Asked by Sergey25,

    0 votes
    6 answers

  24. css фиксированый баннер

    всем привет! подскажите возможно ли сделать такое извращение, есть главный див по центру со своим размером, ситуация такая что нужно повесить с права этого дива баннер 1. при этом чтоб сам див оставался по центру как будто этого банера вовсе нет. 2. когда ширина браузера уменьшается, выравнивание центра начинается с левой стороны, дабы еще возможно было увидеть баннер находящийся c правой стороны. 3. если граница окна браузера выходит за рамки баннера, не появлялся горизонтальный скролинг. (как с position:fixed) 4. чтоб этот баннер оставлялся всегда вверху на своем месте, и не плавал за вертикальным скролингом. (с position:fixed не смог такого добится) очень нужно такое р…

    Asked by XJIOP,

    0 votes
    3 answers

  25. css фон

    Подскажите пожалуйста. Коньент с картинкой и абзацем скрываются под футером.

    Asked by alexanderPoiu,

    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