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. Жирные цифры в 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

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

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

    Asked by Joerrigo,

    0 votes
    5 answers

  3. Рамка вокруг страницы. 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

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

    Подскажите варианты решения, чтобы следующий код корректно работал <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

  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. Рвется дизайн в ИЕ7.

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

    Asked by PaLyCH,

    0 votes
    2 answers

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

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

    Asked by Ramiz,

    0 votes
    10 answers

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

    Есть русско-японский текст (конкретно - перевод японской Википедии с помощью 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

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

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

    Asked by Destrifer,

    0 votes
    6 answers

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

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

    Asked by Wild Rat,

    0 votes
    4 answers

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

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

    Привет всем ! Решил сделать на своем сайте кнопку для смены фона на сайте что бы страница не обновлялась, а менялся только её фон. Возможно ли реализовать это в 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

  13. Небольшая, но очень интересная задачка по верстке.

    Дан вот такой код: <!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

  14. Высота 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

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

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

    Asked by Andrew_007,

    0 votes
    17 answers

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

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

    типо

    Asked by voodoo,

    0 votes
    6 answers

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

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

    Asked by UnFeeLing,

    0 votes
    4 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. Масштабируемый текстовый блок с нестандартными краями

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

    Asked by Flo,

    0 votes
    27 answers

  21. Расстояние между элементами css

    Я хочу сделать блок. Пишу: <div id="left_colon"> <div id="top_block"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/user.png" /> Название</div> <div id="middle_block">Текст блока</div> </div> В CSS: #top_block {background-image: url('img/bt.png'); background-repeat: no-repeat; height: 35px; padding: 8px; font-family: Verdana; color: white; text-shadow: gray 1px 1px 0px;} #middle_block {background-image: url('img/bc.png'); background-repeat: repeat-y; padding: 8px; font-family: Verdana; color: gray;} #left_colon {border-spacing: 0; margin: 0; padding: 0;} Получается так: Помогите пожалуйста!

    Asked by epog333,

    0 votes
    2 answers

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

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

    Asked by higimo,

    0 votes
    5 answers

  23. Как натянуть готовую верстку на Joomla ?

    Как натянуть готовую верстку на Joomla ? подскажите видео курсы какие то

    Asked by Shenia132,

    0 votes
    1 answer

  24. Синтаксис ul li Как сделать так чтобы и картинка и текст были ссылкой?

    Все три картинки и ссылки заключены в синтаксисе ul li ↓ проблема! Как сделать так, чтобы и картинка и текст были ссылкой? Я пробовал абсолютно спозиционировать ссылку тупо по координатам на каждую картинку, но это извращенность. Можно конечно сделать все это дело уже просто ссылками + img, но как правило, чередование более двух связанных между собой слов, является списком. Можно посмотреть код: <!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"> <head> <style> #about { } #about ul { height: 7em; margin: 20px 0; } #about ul li {…

    Asked by Sotnikov,

    0 votes
    3 answers

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

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

    Asked by cactusyou,

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