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. Центрирование строчных элементов

    Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?

    Asked by Veit,

    0 votes
    1 answer

  2. Трабл с центрированием

    Есть такая разметка: http://www.rozma.inf.ua/ Все клево центрируется (делал по аналогии с Чикуенковским методом), но вот когда хочу ввести max-width столбиков в 200px, центрование пропадает Может кто сталкивался с подобной ситуацией?

    Asked by lego904,

    0 votes
    4 answers

  3. фоновое изображение без белой рамки

    как сделать, чтобы фоновая картинка была растянута по сайту без белых полей, и чтобы была в абсолютных координатах?

    Asked by ikutin,

    0 votes
    1 answer

  4. @import url()

    1) Директива @import url() в цсс файле создаст дополнительный запрос к серверу? 2) Сам урл (в круглых скобках который) можно писать как в ковычках, так и без ковычек, я прав?

    Asked by Evkaky,

    0 votes
    1 answer

  5. Как сделать рамку только для ячейки

    Прописал следующий код, вроде бы должна быть рамка но её нету, почему? в HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Главная страница </title> <link rel="stylesheet" type="text/css" href="style.css" > </head> <body> <table> <tr> <td class="1td"> 1 </td> <td class="2td"> 2 </td> <td class="3td"> 3 </td> </tr> </table> </body> </html> В CSS .1td { border: 3px solid #c716bd; } .2td { border: 3px solid #c716bd; } .3td { border: 3px solid #c716bd; }

    Asked by Myk,

    0 votes
    1 answer

  6. не работает background-image

    добрый день. Интересная проблемка возникла. Когда пишу background:url(bg.png); всё работает, а когда background-image:url(bg.png); фон не появляется. в чем может быть проблема?

    Asked by McLotos,

    0 votes
    2 answers

  7. Таблица HTML

    <HTML> <HEAD> <TITLE>1234</TITLE> </HEAD> <BODY> <table bgcolor="#FFFFFF" border="1" bordercolor="#000000" width="100%" height="100%" align="center"> <tr> <td colspan="3" height="10%"> </td> <tr> <td width="200px" valign="top"> </td> <td valign="top"> </td> <td width="20%" valign="top"> </td> </tr> <tr> <td colspan="5" height="10%" align="center"> </td></tr></table> </BODY> </HTML> не могу понять в чём проблема , таблица должна быть как на рисунке.

    Asked by professor73,

    0 votes
    2 answers

  8. Проблема с тегом <hr>

    Всем привет! У меня проблема, которую не могу решить целый день! В верстке в общем пробем нету! Короче у меня есть страница с новостями, они подгружаються с БД. Когда новости отпрограмировал, поставил что бы после каждой новости была линия, что бы чем-то разделять, ну и для красоты, использовал в этом случаи тег <hr> подошол на ура... но вот проблема, как мне убрать после последней новости последнюю линию, в гугли ничего не нашел. Сначало подумал, что проблем не будет, что уберу last-chil'ом, но это не css. Короче посоветуйте что-то. Буду благодарен.

    Asked by Cluber,

    0 votes
    3 answers

  9. Трансформация при закрытии блока

    Спасибо за ваше терпение. Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, CSS). При клике на строке меню один блок сменяется другим. Запрашиваемый появляется эффектно... Вопрос: как применить трансформацию к закрываемому блоку? Все, что удалось найти, это обратную трансформацию. Не подходит, закрываемый должен улетать вверх. Не могу сообразить, чем акцентировать именно закрытие блока? И как оба события (эффектно открыть один div, эффектно закрыть другой) привязать к одному клику? (Скрипт для смены блоков jQuery: function openDiv (id) { $(".ope…

    Asked by XFrei,

    0 votes
    0 answers

  10. Filter FlipH в IE8 портит BG-картинку

    http://m-sloboda.ru/ Помогите решить вот такую задачу: для экономии веса страницы попытался отразить слой с полупрозрачным фоновым изображением. В IE8 получилась вот такая беда (картинка потеряла цветность и полупрозрачность):

    Asked by d0ublezer0,

    0 votes
    2 answers

  11. Проблема cо ссылкой

    Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="sty…

    Asked by fa_t,

    0 votes
    4 answers

  12. переход от блока к блоку в виде стрелки

    http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.

    Asked by Zverushka,

    0 votes
    0 answers

  13. Обтекание блоков

    Добрый день! Натолкните, пожалуйста на мысль, как организовать такой макет. Условия такие: 1. Количество и высота зеленых блоков не определены 2. Положение и размеры оранжевого блока зафиксированы

    Asked by RayEagle,

    0 votes
    2 answers

  14. Хочу сделать так же (фиксированное меню). Какой скрипт отвечает за это.

    Здравствуйте! Понравилось то, как фиксируется меню на этом сайте: http://flatsome.uxthemes.com/ Но не могу найти, какой скрипт отвечает за это. Помогите, пожалуйста, разобраться с этим.

    Asked by Светлана Г.,

    0 votes
    4 answers

  15. Проблемы с адаптацией эффекта анимации текста

    Здравствуйте! Возникли проблемы с адаптацией данного эффекта http://codepen.io/Sonick/pen/HthaI Пытаюсь прикрепить этот эффект к отдельной section лендинга, а никак не получается. Похоже, что он работает только когда есть position:fixed. А мне нужно применить его по сути только к одному отдельному диву...Вот и вышла задача которую я никак не могу решить. Подскажите, пожалуйста, возможно кто-то сталкивался с подобной проблемой)))

    Asked by Orysya,

    0 votes
    2 answers

  16. тег DIV

    Вобщем хочу создать сайт но не знаю как делать верстку с div а таблицей делать не хотелось бы!

    Asked by silence_0013,

    0 votes
    1 answer

  17. Поблема с работой в Safari

    Всем привет. Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #block{ margin:auto; width:200px; height:100px; text-align:center; line-height:100px; border:solid 1px; background-color: #b5ff71; } </style> <script type="text/javascript"> function red() {document.getElementById("block").style.backgroundColor="red"} function blue() {document.getElementById("block").style.backgroundColor=…

    Asked by profmodder,

    0 votes
    2 answers

  18. как обвести текстовое поле синим цветом ?

    как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.

    Asked by malish,

    0 votes
    2 answers

  19. Подсказки для полей

    Вопрос следующий: возможно ли используя только html оформить подсказки таким образом, чтобы про фокусе определенного элемента появлялась определенная подсказка. Что-то типа placeholder только в несколько ином виде. Пример: Когда элемент в фокусе(инпут выделен синим цветом), то сбоку от него(местоположение не столь важно) появляется некое окошко, где написана подсказка, что нужно делать(к примеру, в данном случае может быть написан следующий текст: "Имя может содержать большие и маленькие буквы кириллицы. Имя должно начинаться с большой буквы и содержать не более 15 символов.") Если на первый вопрос ответ окажется утвердительным, то есть еще 1 вопрос: поддаются ли такие п…

    Asked by Serafim1991,

    0 votes
    4 answers

  20. jpeg в браузерах и Chrome

    Странный то ли глюк, то ли что. Одна и та же картинка (jpeg) во всех браузерах показывается ок, а вот в Chrome — с какими-то артефактами, будто она пережата (особенно заметна какая-то полоса справа). Пример в аттаче (слева — FF, IE, etc., спарва — Chrome). Смотреть, видимо, нужно не в Chrome =) Кто-то сталкивался с таким? В чем корень проблемы? Спасибо.

    Asked by Artlive,

    0 votes
    1 answer

  21. Уезжает меню, HELP!

    Ребята, меню наверху с кодом #headermenu{ margin:0; clear:both; width:1000px; height:82px; background:url('../image/jp/header_menu.png') center no-repeat; margin:auto 10% auto 10%; position:fixed; top:65px; z-index:1002; При расширении на большой экран не остается по центру, а уезжает левее. Как сделать так, чтобы оно оставалось по центру?? =( Ссылка на скриншот:

    Asked by ce-ce,

    0 votes
    2 answers

  22. Размеры и верстка сайта

    Здравствуйте! Скажите пожалуста какой использовать стандарт размеров сайта? какая лучше верстка % или px? И есть ли в php или js код благодаря которому можно определять размеры браузера, чтобы потом подогнать сайт под него?

    Asked by Devil,

    0 votes
    3 answers

  23. Вертикальная отцентровка текста

    При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>

    Asked by aquapasha,

    0 votes
    2 answers

  24. Подскажите размещение блоков

    Добрый день. подскажите пожалуйста как лучше всего закрепить блоки согласно рисунка так чтобы image 1 всегда было сверху, а image 2 всегда было снизу высота контейнера меняется согласно его заполнения Заранее всем спасибо

    Asked by PesBarbos,

    0 votes
    2 answers

  25. Помогите найти ошибку в вёрстке

    Помогите найти ошибку в вёрстке Не могу понять природу белой полоски под превьюшками. Выяснил только, что картинки без полосок, где-то в вёрстке ошибка. Инспектором в хром найти не могу. вроде это не margin. просмотрел стили - ничего подозрительного применительно к a не нашёл. Возможно это делает js, но врядли. http://sherwood62.ru/photogallery/

    Asked by OlegALL,

    0 votes
    1 answer
×
×
  • 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