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. всплывающая подсказка title и ее стилизация

    Всем привет. Возник вопрос: как к всплывающей подсказке добавить стилей css(изменить ширину, цвет текста и т.д.) и вообще возможно ли это?

    Asked by кирюха=),

    0 votes
    2 answers

  2. Что за параметр VA в Photoshop

    Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?

    Asked by aaron,

    0 votes
    1 answer

  3. Разбиение чисел по 3 разряда

    Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.

    Asked by Sergey Polevich,

    0 votes
    3 answers

  4. Помогите сделать плавно выпадающее меню

    <div id="menu"> <ul> <li><a href="#">Выпадающее меню</a> <ul> <li><a href="#">Сторінка 1</a></li> <li><a href="#">Сторінка 2</a></li> <li><a href="#">Сторінка 3</a></li> </ul> </li></ul></div> #menu ul { font: 14px arial; display: inline-table; position: relative; margin: 0; padding: 0; width: 100%;}#menu li { float: left; list-style: none; width: 100%; text-align: center; }#menu li a { text-decoration: none; display: block; color: black; bac…

    Asked by harvasyuk,

    0 votes
    3 answers

  5. раскрывающийся список с +-

    Подскажите или дайте ссылку на ресурс. Как создать вертикальный раскрывающийся список со знаком + слева от <ul>. При нажатии на + или на <ul>, список раскрывается и знак + меняется на -. Один уровень вложенности.

    Asked by razriv_shablona,

    0 votes
    6 answers

  6. IMG MAP AREA - координаты в процентах

    Нужна интерактивная МАСШТАБИРУЕМАЯ картинка на весь экран. Хочу сделать с помощью тэга area. Всё бы ничего, да вот при масштабировании регионы уползают кто куда Вроде бы можно указывать координаты в процентах, но ни в IE, ни в Opera данный код не работает У кого какие есть соображения? <img src=bg.jpg width="100%" border="0" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="0%, 0%, 50%, 100%" href="#" alt="zone1"> </map>

    Asked by DarkDaemon,

    0 votes
    6 answers

  7. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity,

    0 votes
    11 answers

  8. Вертикальное выравнивание

    Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …

    Asked by woofs,

    0 votes
    16 answers

  9. Firefox - пожиратель рам! Как отучить ФФ есть бордюры?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…

    Asked by Semreg,

    0 votes
    32 answers

  10. горизонтальное выравнивание в bootstrap3

    подскажите пожалуйста как в bootstrap3 сделать горизонтальное выравнивание картинки <div class="doc_outer"><img class="img-responsive" src="images/doc.png" alt="" /></div>помню, что был специальный класс, но не могу найти

    Asked by cyklop77,

    0 votes
    1 answer

  11. неполучается опустить вниз div

    Здравствуйте! Как можно второй внутренний div поместить вниз родительского ? <div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;"> <div style="width: 100%; padding: 5px; background: green;"> 12345 </div> <div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;"> 67890 </div> </div> Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?

    Asked by sergiyko,

    0 votes
    11 answers

  12. полосы с обех сторон возле названия

    Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!

    Asked by akkota,

    0 votes
    4 answers

  13. Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины

    Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …

    Asked by Guest Flashist,

    0 votes
    8 answers

  14. как выделить выбранный пункт в css меню

    Здравствуйте. Наверное начну с того, что именно мне нужно. Вот есть горизонтальное css меню и надо сделать так, чтоб например при выборе раздела "Photoshop" цвет (картинка) вкладки менялся на какой нибудь другой, ну чтоб пользователь видел в каком разделе он находится. Эор можно сделать средствами CSS? .top-menu { height: 28px; padding-left: 30px; position: absolute; } .top-menu a { display: block; float: right; text-decoration: none; color: #3b3b3b; z-index: 10; width: 111px; display: block; height: 28px; text-align: center; line-height: 28px; background: url(../images/top-menu2.png) left top no-repeat; margin: 0 0 0 -7px; …

    Asked by px379,

    0 votes
    8 answers

  15. Флеш часы на сайт

    Ребят всем здрасте У меня такй вопрос, есть сайт визитка на её нуно вставить флеш часики.. Фон для сайта у меня картинка, на этот фон нужно поставить флеш часики, я начинающий код етот взял с htmlbookа, как бы я не старался флеш часики появляются после фона внизу страници... В общем они некоректтно идут вообще.... Жду ответов

    Asked by darg,

    0 votes
    9 answers

  16. Выровнять текст возле картинки

    Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

    Asked by StOK,

    0 votes
    11 answers

  17. отцентрировать текст в колонке

    Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???

    Asked by Nomo,

    0 votes
    16 answers

  18. :first-child не всегда работает

    Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

    Asked by logicface,

    0 votes
    15 answers

  19. Вид страницы при масштабировании.

    Господа, подскажите. Ситуация следующая, при увеличении/уменьшении масштаба страницы, на ней все разъезжается в разные стороны. Как сделать так, чтобы все на своих местах оставалось, чтоб страница нормальная была, но только масштам изменялся. Где это смотреть? Спасибо.

    Asked by Ramazzzik,

    0 votes
    44 answers

  20. Прижать элемент вправо

    Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …

    Asked by rgl,

    0 votes
    1 answer

  21. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32,

    0 votes
    8 answers

  22. криво все....кроссбраузерность.. или может что еще не верно...

    В общем делал делал, вроде было все готово, в мозиле все ок, а у другого человека все отображается криво... У меня тоже по разному, в частности в ие.. Делаю картинку справа больше по размеру- она из хедера вниз уе3жает, и весь дизайн уходит влево.... Добавляю текста в нижний правый блок, - форма криво начинает отображаться Еще, например, туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... В ие вообще огромное растояние откуда-то взялось в центре... пробовал в общий контейнер дива запихнуть, ( было чисто из отдельных дивов ) не помогло.. что я делаю не так? помогите плиз...…

    Asked by Осенний Дождь,

    0 votes
    45 answers

  23. Про вложенные DIV и width

    Прошу помочь, вроде искал но что-то безупешно. Проблема такая: есть 4 блока, один родитель, три остальных ? дети. CSS: .navnotselected { width: auto; height: 51px; float:left; } .navtext { text-align: center; width: auto; margin-top: 5px; margin-left: 17px; margin-right: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:none; } } .navnotselectedbar1 { width: 100%; margin-top:1px; height:2px; background: #dcf1ff; } .navnotselectedbar2 { width: 100%; height:4px; background: #dcf1ff; width:100%; } и HTML <div class="navnotselected"> <div class="navtext">Text</div> <div class="navno…

    Asked by Northwood,

    0 votes
    7 answers

  24. Обрезание и разворачивание текста

    Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?

    Asked by RK3DNP,

    0 votes
    12 answers

  25. Проблемы с кодировкой

    Добрый день! Столкнулась с такой проблемой. Скачала шаблон сайта и в самом начале документа указаны следующие строки: <!DOCTYPE html> <html lang="en">. Если я правильно поняла, то это HTML5. Перекодировала в ANSI и изменила charset на windows-1251. Затем мне необходимо было изменить текст в шапке сайта, как раз там, где красуется логотип (на самом деле вместо логотипа просто текстовое наименование компании), но когда меняю английский текст на русский, то русский текст не отображается. Я не могу понять, в чем причина. Можете подсказать, что делать? lang="en" меняла на lang="ru", но это не помогло, к сожалению. Буду благодарна, если найдутся те, кто смогут по…

    Asked by yatsan,

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