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. FadeThis jquery

    http://lwiesel.github.io/jquery-fadethis/ Там есть 2 параметра: я хочу сделать некую анимацию, но надо сделать так чтобы она работала каждый раз когда этот блок будет перед пользователем выше 2 параметра, первый как я понял "чтото" дополнительно делает когда блок видим а второй параметр это делает когда он уходит за пределы браузера как мне вставить свою функцию в этот параметр так чтобы она срабатывала после появления блока? http://codepen.io/anon/pen/NPQqJb

    Asked by radioactive68,

    0 votes
    8 answers

  2. почему бг не стакается с верхним краем

    backgorund не стакается с верхним краем css body { background-color: #fff; margin: 0; } div.ferst{ height: 700px; width: 100%; background-position:21.5%; background:#0A0905 url(../img/IMGP4333.png)100% 100% no-repeat; } h1{ margin: 0; padding-left: 250px; padding-top: 59px; } html <!doctype html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>Whitesquare</title> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="wtf" type="text/css"> <!--[if lt IE 9]&…

    Asked by nikif,

    0 votes
    5 answers

  3. Разница между обычным функциональным выражением и немедленно вызываемой функцией в JavaScript

    Добрый день! Помогите устранить пробел в теории по функциям. Я не могу понять в чем разница в выполнении FE типа var example1 = function(){ return 2+2;}; и IIFE типа var example2 = (function(){return 2+2;}()); . Я проверял этапы выполнения - одинаковы... В чем разница???

    Asked by Super_Saimon,

    0 votes
    6 answers

  4. Вертикальный отступ для фона

    <div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …

    Asked by Микель,

    0 votes
    3 answers

  5. <div> над <div>

    Имеется некий скрип в который выводит на экран картинку.Это картинку нужно закрыть другой (прозрачным гифом) тоже в А вопрос такой: как расположить один див над другим? <div id="test" style="position:relative; width:150; height:150"> <div style="position:absolute;top:0px;left:0px;"> <form onsubmit="java script: showBusyLayer()" method="post" action=''> <input name="story" type="text" style="width:300px; height: 300px;" /> <input type="image" align=middle class="button_1" src="center001.gif" /> </form> </div>

    Asked by Kero,

    0 votes
    1 answer

  6. Крастная строка

    Подскажите пожалуйста, как сделать так, чтобы тег <p> делал отступ слева, как красная строка.

    Asked by faatt,

    0 votes
    7 answers

  7. Позиционирование

    Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…

    Asked by Rambo2045,

    0 votes
    13 answers

  8. Почему-то не назначают стили для label.class или label#id

    Вот такая структура: <label class="1star"><input type="radio" name="var1" value="1" /></label> CSS: label.1star { background: url('images/1star.png') no-repeat; width: 21px; height: 19px; display: block; } .1star input { position: absolute; left: -999px; } Открываю страницу -- 0 эффекта. Открываю label в firebug -- никаких стилей не назначено. Назначаю вручную элементу в файрбаге -- включаются. если сделать <label style="стили">...</label> -- работает. По логике -- неправильно назначены стили (указаны имена классов/элементов в файле со стилями), но вроде бы всё правильно... Не понимаю. Есть идеи?

    Asked by adelante,

    0 votes
    3 answers

  9. Валидность HTML

    Здравствуйте. Мой сайт (http://kovkavolgograd.ru/) не проверяется на валидность -http://validator.w3.org/#validate_by_uri . Выдает ошибку - Sorry! This document cannot be checked.Sorry, I am unable to validate this document because on line 611 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xDF" does not map to Unicode Подскажите пожалуйста, в чем может быть проблема?

    Asked by adgjm90,

    0 votes
    3 answers

  10. overflow:hidden для непрямоугольного блока

    Здравствуйте. Столкнулся с такой проблемой Скрин в Хроме, ФФ, IE http://prntscr.com/4flbmx Скрин в опере и сафари: http://prntscr.com/4flbki Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы. Спасибо.

    Asked by vovka-morkovka,

    0 votes
    15 answers

  11. Проблема с CSS Animation

    Есть небольшая проблема с анимацией, рассказываю на примере mozilla firefox (т.к. в хроме так в обще не раболает) : При первом наведении курсора на блок фон начинает двигаться, при убирании курсора фон так же плавно смещается обратно ( Это правильно ). Если второй раз навести курсор и через пару секунд убрать курсор с блока анимация фона пропадает и фон быстро прыгает обратно. Подскажите, пожалуйста что я делаю не так, есть ли способ сделать такую анимацию на css? Пример на этой странице

    Asked by antonP,

    0 votes
    4 answers

  12. Почему переход в одном случае работает, а в другом - нет?

    http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.

    Asked by Launder,

    0 votes
    5 answers

  13. Динамическое изменение индикации, через соседние селекторы.

    Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо. PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?

    Asked by Launder,

    0 votes
    4 answers

  14. Помогите с версткой. Вопросы

    Хочу сделать блок с информацией. В ИЕ6 выводится вроде нормально, а в опере, мФ все наперекосяк. Подскажите как избавиться с этой проблемой. Как видят отступы браузеры? Спсибо <style> *.br2 { font-size: 1px; height: 1px } .r_1 { background-color: #ddd; margin: 0 2px; height: 1px } .r_2 { background-color: #fff; margin: 0 1px; height: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .r_3 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } </style> <div style="height:70px; width:700px;"> <div class="r_1"><img src="images/spacer.gif" width="1" height="1" alt="" /></div> <div class="r_2"&g…

    Asked by Nicca,

    0 votes
    4 answers

  15. Проблема с .htc

    Никак не могу найти решение... Менюшка с использованием .htc файла для работы в IE6, не хочет работать на моём хостинге Может кто-нить знает, как хостинг может влиять на обработку .htc? Может нужно в настройках что-то подправить? Админ хоста сам в шоке. Два идентичных файла на разных хостингах: http://sitestroy.com/menu/menu.html - не работает http://tekbuzz.ru/menu/menu.html - работает А хотелось бы, чтоб работало как раз на основном хостинге. Видимо дело в настройках хоста... но информации в сети нет спрашивал уже пару верстальщиков... они понятия не имеют... помогите, если можете

    Asked by Never,

    0 votes
    3 answers

  16. поменять блоки местами

    Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…

    Asked by cardsmoney,

    0 votes
    5 answers

  17. Embed и opera

    В opera не хочет повторять mp3- хотя в теге embed указано loop="true". Есть какие- нибудь методы борьбы с этим? Заранее благодарен. Иван

    Asked by Vanyok_333,

    0 votes
    5 answers

  18. max-width для img

    Задал для картинок max-width: 100% В хроме всё нормально, а в опере и фоксе нет. Почему? http://divstudio.ru/portfolio/icew/

    Asked by Shugich,

    0 votes
    4 answers

  19. Как оформить список в списке

    Нужно хорошо оформить меню категорий на сайте. Формируется списком. <div class="category"> <ul> <li>1</li> <li>2</li> <ul> <li>2.1</li> <li>2.2</li> </ul> </ul> </div> сделал клд css таким: #category { background-color: #1f8ee3; font-family: Arial; font-weight: 700; } #category ul { list-style: none; padding: 0px; border: none; } #category li { border-bottom: 1px solid #90bade; margin: 0; } #category li a { display: block; padding: 5px 5px 5px 15px; background-color: #2175bc; color: #000; text-decoration: none; width: 10…

    Asked by kopaweb,

    0 votes
    11 answers

  20. Закругленные края.

    Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…

    Asked by Чиполлино,

    0 votes
    8 answers

  21. Пространство имен HTML5 для XSLT-преобразований

    Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого …

    Asked by hike,

    0 votes
    8 answers

  22. Проверьте первую верстку

    Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css

    Asked by Дмитрий12,

    0 votes
    1 answer

  23. Два и более аккордеона на странице

    Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…

    Asked by Mary_RND,

    0 votes
    3 answers

  24. Chrome не выводит <noscript>

    Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.

    Asked by vahrusha,

    0 votes
    4 answers

  25. DIV внутри блока (div или td) с растягивающейся высотой 100%

    <table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне

    Asked by artemhp,

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