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. Небольшая, но очень интересная задачка по верстке.

    Дан вот такой код: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…

    Asked by Great Rash,

    0 votes
    55 answers

  2. Параметр overflow не работает

    Всем привет. Имеется страница, след. структуры ... <table> <tr> <td> .... </td> <td> <div class="content"> <div class="code"> .... </div> </div> </td> </tr> </table> ... Часть CSS кода: ... div.code { background-color: #F2F1ED; border: 1px dashed #000000; font-family: Courier; margin: 10px; overflow: scroll; padding: 5px; } ... Как видите, у div'а с классом "code" параметр overflow установлен в scroll. Но, не работает. При вводе нескольких десятков символов (не пробельных), этот div уезжает за экран монитора, при этом scrollbar остается заблокированным... В чем может быть пр…

    Asked by Vialls,

    0 votes
    2 answers

  3. Жирные цифры в ul

    Добрый день! Возникла необходимость реализовать такой вот список: 1. Первый пункт 2. Второй пункт 3. Третий пункт Каким образом можно выделить цифры, и при этом не выделять текст. Пробовал так, не подходит: span {font-weight:normal;} <ul style="font-weight: bold"> <li><span>Первый пункт</span></li> <li><span>Второй пункт</span></li> <li><span>Третий пункт</span></li> </ul>

    Asked by moskalev_mihail,

    0 votes
    8 answers

  4. Как корректно сдвинуть меню вправо. Валидатор ругаеться!

    68 #ja-container2 ul.menu li li a Ошибка разбора align="right" Как корректно сдвинуть меню вправо. Валидатор ругаеться! Сайт http://oceanglasses.ru

    Asked by Ramiz,

    0 votes
    10 answers

  5. При наведении на ссылку меняется картинка внутри ссылки

    Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…

    Asked by pdmi3y,

    0 votes
    4 answers

  6. Задание класса для Body

    Возможно ли задать в css класс для тега Body? Задача реализовать различное графическое оформление для различных страниц сайта. Скажем, определение фона и шрифт для стандартного шаблона идет через класс ".body1", а для определенного диапазона страниц - через ".body2". Либо это делается как-то иначе?

    Asked by Joerrigo,

    0 votes
    5 answers

  7. Рвется дизайн в ИЕ7.

    Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?

    Asked by PaLyCH,

    0 votes
    2 answers

  8. Рамка вокруг страницы. XHTML

    Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…

    Asked by Storm,

    0 votes
    3 answers

  9. Как один div выровнять по центру правого края другого?

    И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный

    Asked by Destrifer,

    0 votes
    6 answers

  10. Вложенные формы

    Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…

    Asked by jump,

    0 votes
    11 answers

  11. Как сделать отступ текста от верха ячейки

    Буду преблагодарен за ответ на этот простенький вопрос Как сделать отступ текста в данной ячейке таблицы наиболее естесственным образом (без пустых строк/абзацев или встраивания таблицы в ячейку)? Отступ от верхнего края ячейки

    Asked by Wild Rat,

    0 votes
    4 answers

  12. Разреженный текст - как быть?

    Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?

    Asked by Webr,

    0 votes
    8 answers

  13. Масштабируемый текстовый блок с нестандартными краями

    Ребята, как, собственно, эту область сделать масштабируемой на дивах? На табличках могу, а на дивах красиво это можно реализовать?

    Asked by Flo,

    0 votes
    27 answers

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

  15. Высота 3х колонок - 100% (проблема)

    Грубо говоря надо дивами получить то, что получится такими вот табличками: <html> <head> <style type="text/css"> html,body{ padding: 0; margin: 0; height: 100%; width: 100%; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td height="70" bgcolor="#FFFFCC"> </td> </tr> <tr> <td height="30" bgcolor="#FFFF99"> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspac…

    Asked by Chin,

    0 votes
    17 answers

  16. Кнопка для смены фона сайта.

    Привет всем ! Решил сделать на своем сайте кнопку для смены фона на сайте что бы страница не обновлялась, а менялся только её фон. Возможно ли реализовать это в CSS или без javascipt не обойтись ? Для примера, есть 4 фоновых изображения : 1, 2, 3, 4 И две кнопки, вперед и назад : NEXT, PREVIOUS Идея : Заходя на сайт стоит фон 1 : <style type="text/css"> body { background-attachment: fixed; background-image: url(1.png); background-repeat: repeat; } <style> Варианты реализации : 1 Есть 2 кнопки - NEXT и PREVIOUS, при нажатии на NEXT фон меняется на 2.png, при повторном нажатии на 3.png и так далее, при нажатии PREVIOUS возвращается к пред…

    Asked by tru-hustler,

    0 votes
    2 answers

  17. Сдача проекта и получение вознаграждения

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

    Asked by mewcherry,

    0 votes
    60 answers

  18. Чем наполнить портфолио новичку?

    Здравствуйте! Подскажите пожалуйста по вопросам портфолио. Ситуация такая: я новичок в верстке, реальные макеты для клиентов еще не верстал, верстал только те, которые скачал в интернете для того что-бы попрактиковаться (текст везде: Lorem Ipsum...), хочу начинать работать на фрилансе, возможно вскоре попробую устроится в офис. 1.Можно ли портфолио на фриланс-сайтах для начала заполнить сверстанными макетами, которые я нашел в интернете и сверстал что бы попрактиковаться или лучше вообще не заполнять портфолио если работ для реальных клиентов нет? 2.Могу ли я сверстав 10 таких скачанных макетов для портфолио идти устраиваться на работу в офис?

    Asked by Andrew_007,

    0 votes
    17 answers

  19. Непрозрачное изображение на прозрачном слое

    Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>

    Asked by sergiyko,

    0 votes
    4 answers

  20. Вертикальный текст в таблицах

    Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.

    Asked by higimo,

    0 votes
    5 answers

  21. Блоки наезжают друг на друга при просмотре со смартфона bootstrap

    Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?

    Asked by cactusyou,

    0 votes
    5 answers

  22. Втсавка видео flv на страницу

    Приветствую всех! Инетесует вопрос: Как вставить видео flv, wma, avi на страницу?

    Asked by UnFeeLing,

    0 votes
    4 answers

  23. как реализовать select из картинок?

    типо

    Asked by voodoo,

    0 votes
    6 answers

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

    Всем здрасте. Заранее прошу меня извинить, если вопрос уже такой был, но я просто не знала по какому запросу мне его найти. Короче проблема следующая. МФ и Опреа не понимают padding-top:0 в .tb1. код: <html> <head> <title>mysite</title> <style type="text/css"> body{ margin:0; background:black; color:white; scrollbar-base-color:gray; min-width:1000px; max-width:1500px; padding-top:2%; padding-bottom:0; } .tb1 { margin:0; padding: 0px; background:black; border: 0px; color: wtite; width:100%; padding-top:0; } .tb2{ border: 4px solid red; width:200px; height:80%; } </style> </head…

    Asked by In_Variant,

    0 votes
    14 answers

  25. overflow-y:scroll; две полосы прокрутки

    Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…

    Asked by contact,

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