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. Непонятки с размером шрифта

    Добрый день! Не подскажет ли многоуважаемый all. Имеем следующую конструкцию на странице: <table><tr><td> <p> <div style="text-align: justify; font-size: 8px"> <img src="http"> текст1<br> <p><img src="http"> текст2<br> <p><img src="http"> текст3<br> <p> текст4<br> <p> </div> <p> <p> </table> Кто бы объяснил, почему текст1 выводится шрифтом в 6 px, а остальные тексты как положено 8 px? Уже вся голова сломана, а толку нет :-(( Причем такая фишка проявляется в Эксплорере и ФайрФоксе, Опера показывает нормально. Гран мерси.

    Asked by flider,

    0 votes
    12 answers

  2. Input не работает по краям

    Не работает кнопка если нажать по бокам. Если по тексту то работает Вот скрин. На скрине видно что есть отступы в 20px, из-за них как раз таки и не работает вот код <div><a class="post" href="#"><input type="submit" name="new_answer_btn" id="new_answer_btn" value="Отправить"/><em></em></a></div> и стили .new-answer .post, .new-private-answer .post { position: relative; display: inline-block; margin-top: 20px; padding: 0 20px; height: 27px; background: url(/design/main/images/btnbg.png) -12px 0 no-repeat; color: #fff; text-decoration: none; line-height: 26px; font-weight: bold; font-size: 1.167em; } .new-…

    Asked by Modestes,

    0 votes
    6 answers

  3. дивы друг под другом

    Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> &l…

    Asked by festvtteam,

    0 votes
    9 answers

  4. Вертикальное меню

    Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.

    Asked by aaron,

    0 votes
    5 answers

  5. из за чего в ie6 так?

    Из за чего так а не так и как это исправить ———- Спасибо заранее почемуто картинки криво подгрузились вот ссылки http://i.piccy.info/i3/59/2f/1116603231dfe...44cc7a6197.jpeg вот это ие6 http://i.piccy.info/i3/df/fa/ad2cf431326fc...7d9c42be86.jpeg а надо так <div id="nav"> <ul id="menu"> <li><a href="#" onclick="openMenu(this);return false">Меню 1</a> <ul> <li><a href="#">sub menu 1</a></li> <li><a href="#">sub menu 2</a></li> <li><a href="#">sub menu 3</a></li> <li><a href="#">sub menu 4</a…

    Asked by woofs,

    0 votes
    6 answers

  6. верхнее меню -список

    есть гориз меню на joomla сверстанное с косяками beta.openvpn.ru . проблема в том что пункты падают на следующую строчку при уменьшении окна браузера. возможно ли сделать так чтобы меню автоматически сжималось при сужении окна браузера, либо варант 2 возможно ли хотя бы зафиксировать его по ширине, но чтобы пункты меню списка были в одной строке и не падали вниз.. если возможно то как?.. замучался гуглить и править код.. подскажите пжлста гуру. вот обрывки хтмль и css <table class="menubg" width="100%" height="33px" align="center" border="0" cellpadding="0" cellspacing="0" background"menu_bg_.jpg"> <td> <div id="top"> <table cellpadding="0" cel…

    Asked by RobotWerder,

    0 votes
    1 answer

  7. связать backgroundы в таблице

    Такая вот таблица: <tr> <td background="1.gif" rowspan=2 height="30" width="30"></td> </tr> <tr> <td bgcolor="#fafafa" height="10" width="100%"> <td background="2.gif" colspan="2" height="20" width="100%"> </tr> <tr> <td background="3.gif" height="10" width="15"> </tr> бэкграунд 1.gif сливаеться с 2.gif. 2.gif повторяеться по ширине как сделать, чтобы 3.gif сливалось с 2.gif Т.е. как сделать, чтобы бэкграунд начинался не с 1пикселя изображения, а с пикселя X.

    Asked by Chebas,

    0 votes
    3 answers

  8. Отличие css2 от css2.1 (шрифты)

    Заметил, что свойства шрифтов в спецификации CSS2 задаются несколько иначе чем в CSS2.1. Какую спецификацию верстальщику необходимо взять за основу? В спецификации CSS2 есть такие свойства шрифтов, как font-size-adjust и font-stretch. В CSS2.1 их уже нет. Куда они делись? Поддерживают ли их современные браузеры?

    Asked by clavin,

    0 votes
    1 answer

  9. зачем getElementById

    В многочисленных примерах кода часто используется функция getElementById, вот например "озебривание" таблицы: <table border id="tb"> <tr><td>1.1<td>1.2<td>1.3</tr> <tr><td>2.1<td>2.2<td>2.3</tr> <tr><td>3.1<td>3.2<td>3.3</tr> <tr><td>4.1<td>4.2<td>4.3</tr> <tr><td>5.1<td>5.2<td>5.3</tr> <tr><td>6.1<td>6.2<td>6.3</tr> <tr><td>7.1<td>7.2<td>7.3</tr> <tr><td>8.1<td>8.2<td>8.3</tr> <tr><td>9.1<td>9.2<td>9.3&lt…

    Asked by rgl,

    0 votes
    1 answer

  10. Проблемы с режимом совместимости

    Есть два сайта: верстка st2002.heroku.com и сам сайт: st2002.ru сайт с версткой открывается в ie8 отлично, а вот сайт открывается в режиме совместимости. Строчка <meta http-equiv="X-UA-Compatible" content="IE=8" /> почему-то не выводит из этого режима. В чем дело? Спасибо

    Asked by houdini,

    0 votes
    2 answers

  11. Таймер с выплывающим окном

    Добрый вечер всем ) у меня такой вопрос "Как сделать на сайте таймер с выплывающим окном" Время проходит допустим 3 мин и выплывает окно ( не сылка на страницу а окно) где добавить слова! За ранее спасибо!

    Asked by sedoff,

    0 votes
    15 answers

  12. Выравнивание по центру

    Добрый день! Кто-нибудь знает, как выровнять по центру блок, у которого стоит свойство float:left и который расположен в блоке с фиксированной шириной: вот разметка: <div style="border:1px solid red; width:200px;"> <div style="border:1px solid green; float:left">123</div> <div style="clear:both"></div> </div> Или это вообще невозможно? text-align:center у родительского блока не катит

    Asked by iron_maiden,

    0 votes
    5 answers

  13. HTML редактор

    Посоветуйте пожалуйста удобный редактор с подсветкой синтаксиса. И если можно ссылку на скачивание. Спасибо!

    Asked by olechic,

    0 votes
    7 answers

  14. Мобильная версия сайта

    Подскажите, пожалуйста, как реализовать мобильную версию сайта? Я пока вообще не понимаю, как это делается. Я почитала статьи и форумы и так понимаю, что существует несколько способов вёрстки под мобильные устройства. Также нашла плагин, который устаналивается в CMS, но на Битрикс, судя по отзывам, этот плагин налазит плохо... Вообще, с чего начать?

    Asked by maritca,

    0 votes
    1 answer

  15. относительная ссылка неработает

    Изза чего может неработать относительная ссылка на внешние директории?

    Asked by pudge,

    0 votes
    16 answers

  16. Аккордеон на css

    Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.

    Asked by CroaToa,

    0 votes
    7 answers

  17. Проблема с реализацие элемента.

    Здравствуйте! Не могу догнать как сделать чтобы косые линии, что исходят из терминала, дотягивались плавно до рамки над параграфом. Суть задумки такая прокручивается страница до терминала и из него вытягиваются линии и после плавно появляется блок с текстом. Думаю может как с помощью canvas можно сделать плавный эффект вытягивания.

    Asked by Vicos,

    0 votes
    9 answers

  18. Короткие тексты с картинками

    У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?

    Asked by PavelTkachev,

    0 votes
    4 answers

  19. Что делать? [html, js, php]

    Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…

    Asked by frozen_dynamics,

    0 votes
    6 answers

  20. Нужно ли сейчас уметь писАть код руками

    Здравствуйте. Хотелось бы из полиграфического верстальщика переквалифицироваться в web верстальщика. В связи с этим вопрос. Нужно ли в нынешних реалиях уметь писать код полностью руками? Если да, то сейчас акуально изучать сразу HTML5? Потому как знаю есть Dreamweaver в котором все гораздо проще чем писать в Notepad++, и, на сколько я знаю, есть Muse в котором просто рисуешь что тебе нужно, а он все это переведет в грамотный код. Выскажитесь профессионалы так ли это? Спасибо.

    Asked by KoKa,

    0 votes
    8 answers

  21. как Вот так сверстать без использования flexBox

    имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox

    Asked by Daniil Khanin,

    0 votes
    4 answers

  22. linear-gradient при transform

    Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!

    Asked by vaskes,

    1 vote
    2 answers

  23. Какие стили рушат пагинацию страницы?

    Здравствуйте! Скажите, пожалуйста, что рушит нормальное отображение нижней части со списком остальных страниц открытого раздела на странице?

    Asked by borus,

    0 votes
    9 answers

  24. Опять этот IE6!

    Помогите, пожалуйста! Как побороть IE6? В чем моя проблема off

    Asked by Zuma,

    0 votes
    1 answer

  25. доктайп и js, как подружить?

    имеется следующий код, на замену iframe: <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { showPage1(); }); var baseUrl = ""; function showPage1 () { showPage (document.getElementById ("indexx.html")); } function showPage(el) { var div = document.getElementById("textDiv"); page = baseUrl + el.id; div.innerHTML = "<iframe src ='" + page +"' width='100%' height='100%' scrolling='auto'>"; } </script> продолжение:…

    Asked by xameleon,

    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