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. Размещение контента наверху (после <body>), а визуально в центре

    Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…

    Asked by Lime,

    0 votes
    7 answers

  2. Аккордеон (как на сайте htmlbook.ru)

    Доброго времени! Прошу помочь с созданием блока для сайта. Очень заинтересовал аккордеон как здесь: http://htmlbook.ru/css . В левой части, под "Быстрый поиск CSS или тега HTML". Как можно такое реализовать без друпалов (и прочих смс), чтобы запоминался выбранный элемент и после его вывода в правом блоке, переносился бы в первую позицию в списке?

    Asked by SFGMobile,

    0 votes
    2 answers

  3. Нестандартный шрифт, кириллица

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

    Asked by lolka84,

    0 votes
    7 answers

  4. Onclick + img

    Подскажите, как организовать смену изображений на странице по клику мыши по самому изображению?

    Asked by supermihail,

    0 votes
    3 answers

  5. Подскажите в чём может быть проблема

    В режиме совместимости у IE - отступов нет, без совместимости и во всех остальных браузерах появляются одинаковые отступы. Табличная верстка. В самом верху ячейка с картинками (4 шт), под ней тоже ячейка с картинками (10 шт). Получается после верхней и нижней ячейки появляются отступы. Ячейки залил чёрным цветом чтобы было яснее видно где проблема. Не прошу решить проблему, прошу высказать предположения по проблеме. Спасибо! <tr> <td bgcolor="#000" height="131" width="990" colspan="2"><img alt="" width="163" height="191" src="/sm_full.aspx?guid=17993" /><img alt="" width="182" height="191" src="/sm_full.aspx?guid=18813" />&l…

    Asked by mukz,

    0 votes
    7 answers

  6. Автоподгонка ширины <td> по содержимому

    Здравствуйте. Как подогнать ширину ячейки таблицы по содержимому? Задача такая: отобразить форму в таком виде: Название предприятия: __ООО "Фирма"_____________________ Фамилия: ___Иванов______________________________________ Имя: __Иван_____________________________________________ Соответственно, правые границы должны быть выровнены. Решил сделать таблицами во внешней таблице: <style type="text/css"> table {width:100%; border:dotted 1px grey;} td { text-align:left; vertical-align:middle;} td.tcenter { text-align:center; padding-left:0mm;} td.wauto { width:1px; white-space:nowrap;} span.u {border-bottom:solid 1px; displa…

    Asked by MrBlade,

    0 votes
    1 answer

  7. Передвинуть блок

    Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк

    Asked by Andrew_las,

    0 votes
    4 answers

  8. Фиксирование блоки

    Есть таблица: <table width="775" height="851" style="background: url(img/beck1.gif) repeat-y;" cellpadding="0" cellspacing="1" align="center"> <tr> <td colspan="2"><img src="img/up1.gif" width="773" height="11" alt=""> </td> </tr> <tr> <td width="179" height="279" align="left" style="background: url(img/m3.gif) repeat-y;" id=ZZZZZZZZZZ><IMG SRC="img/m1.gif" WIDTH=179 HEIGHT=279 ALT=""> </td> <td> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr align="right" valign="top"> <td colspan="2" id=ZZZZZZZZ…

    Asked by chest,

    0 votes
    5 answers

  9. После использования include появляется Пустая полоса в 26px

    Начал изучать веб верстку. начал с Азов. Делаю шапку сайту, пишу такой код: <body style="margin:0px; padding:0px;"> <div style="width: 950px; margin:auto; border: 5px solid #96bbae;"> <div style="height:140px; color:white;"> <div style="width:100%; height:30px; background-color:#96bbae;"> бла-бла </div> </div> </div> </body> По крайней мере в опере все отображается как надо. Теперь я выношу этот код в отдельный файл. Пишу: <?php include "header.inc.php"; ?> Теперь этот код лежит там. За исключением тега боди. Теперь между Первой рамкой и всем остальным внутри появляется пустая полоса в 26 пикселей! Если смотреть…

    Asked by ShadowScale,

    0 votes
    3 answers

  10. css-спрайты (можно ли сделать?)

    Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

    Asked by clavin,

    0 votes
    2 answers

  11. Верстка с журнальным(плиточным) выводом постов

    Здраствуйте, решил попробовать сверстать плиточный макет. Проблем вроде нет, получилось как надо если использовать фиксированую шарину. Но когда резиновый шаблон, куча проблем... Может кто-нибудь поделиться ссылками с информацией по данному виду топиков?

    Asked by sssppp6,

    0 votes
    2 answers

  12. Не получается плавный скроллинг

    Вот пациент http://whoiwas.ru/work/cafe/. Вроде все библиотеки подключил, скрипт настроил. А ничего не получается.

    Asked by Tobey,

    0 votes
    4 answers

  13. вопрос по SCSS

    Здравствуйте, знакомлюсь с scss, и один из примеров решил воспроизвести, код просто переписал, но при компиляции в css выдает ошибку не пойму в чем проблема. Вот проблемный scss миксин: @mixin triangle ($width, $dir, $color) { @if $dir == up { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-bottom: $width/2 solid $color; } @else $dir == down { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-top: $width/2 solid $color; } }А вот что выдает при компиляции: Error: Invalid CSS after …

    Asked by BeetleJuice,

    0 votes
    3 answers

  14. Текст для определенного размера экрана

    Для стилей использую конструкцию вида - <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">Интересует, как можно в самом коде html делать подобные решения. Например, если экран устройства больше 480 пикселей вывести <div>вход на сайт</div>а если меньше <div>вход</div>То есть, как менять не только стили, но и элементы странички.

    Asked by alleclf,

    0 votes
    5 answers

  15. междусловная вертикальная линия

    как сделать такую вертикальнуюлинию где можно почитать про это?

    Asked by riaron,

    0 votes
    4 answers

  16. Странное поведение <img src = "*путь к файлу*">

    Доброго времени суток. Стоит задача отобразить в браузере выбранный docx документ. После выбора документа, docx автоматически преобразуется в html, этот html вставляется в код страницы и все это отображается пользователю. При преобразовании все картинки docx-документа выносятся в отдельные файлы, в html ставятся в нужных местах ссылки на картинки. При отображении полученной страницы картинки не показываются, только их рамки с заданными размерами, как-будто на них даны битые ссылки. Хром при попытке "открыть картинку в новой вкладке" открывает "about:blank". При этом при просмотре кода страницы пути к картинкам верные, файлы точно на месте. Если скопировать путь из кода с…

    Asked by itisme,

    0 votes
    2 answers

  17. скопировать hover-эффект

    не сочтите за рекламу. но мне вот с этой странички хотелось бы скопировать hover-эффект для этого блока . помогите пожалуйста проблема в том, что firebug не видит кода для hover-эффекта. пробовал разные браузеры

    Asked by cyklop77,

    0 votes
    5 answers

  18. Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?

    Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.

    Asked by Саша Черных,

    0 votes
    0 answers

  19. Где взять такую

    Здравствуйте. Не знаю, в какой раздел написать, решил сюда. Где мне взять такую песню карусель http://joxi.ru/Vrwepwbi5VpB2X , не мог найти подходящую под такое описание, может и плохо искал: - слайдер прокручивает картинки по клику на стрелки либо по картинке, выбранная всегда в центре, если картинок мало то они по центру slick- карусель почти такая есть, но там нет функции кликать по картинкам. Может кому попадалась?

    Asked by kent,

    0 votes
    2 answers

  20. как "закрепить" вывод тултипа?

    Добрый День! Подскажите пожалуйста, как закрепит вывод тултипа? Т.е. я хочу, что бы тултип выводился не на указателе мышки а, например, всегда в левом верхнем углу. Желательно CSS. Спасибо. з.ы. в ФФ я этого добился а в ИЕ не получается...

    Asked by urfin,

    0 votes
    0 answers

  21. Стили ссылок

    Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru

    Asked by Patriot_spb,

    0 votes
    2 answers

  22. Непонятный пробел между блоками

    Помогите пожалуйста побороть блочную верстку в IE6 Есть сайт: http://demo.metrowars.ru/ Открывайте его только в IE6!!! Для полного эффекта нажимаем Ctrl+A (выделить все на странице) и видим пустые места (будут выделены синим) Так вот вопрос ... в чем собственно может быть трабла ? Во всех остальных браузерах все отлично, так откуда пробел между дивами? заранее спасибо, жду вашего ответа ...

    Asked by AbLaZe,

    0 votes
    2 answers

  23. Fifeboard

    Исходный код: <tr class = "fb_sectiontableentry1"> <td class = "fb_leftcolumn"> <strong>Прикрепить изображение:</strong> </td> <td> <input type = 'file' class = 'button' name = 'attachimage' onmouseover = "helpline('iu')"/> <input type = "button" class = "button" name = "addImagePH" value = "" style = "cursor:hand; width: 40px" onclick = "java script:emo(' ');" onmouseover = "helpline('ip')"/> <strong>Имя файла латинскими буквами, размер не более 50kB.</strong> </td…

    Asked by victorz,

    0 votes
    2 answers

  24. Проблема с высотой таблицы

    Добрый вечер. Можете помочь . Не могу верно задать высоту внутренней таблице – игнорирует. Нужно сделать так чтоб таблица которая имеет три внутренних таблицы имели свою высоту только верхняя и нижняя таблицы а таблица которая по середина должна будет сама рассчитывать свою высоту – высоту я к ней не задаю Высота главной таблице – 100% Высота верхней таблицы будет – 70px Высота нижней таблице – 55px Из этого получаем код : ??? Прошу помочь <body> <table height="100%" > <tr> <td> <table height="70px" bgcolor="gold" > <tr> <td> …

    Asked by Temiks,

    0 votes
    4 answers

  25. Книга по html

    Доброго всем времени суток. Какую посоветуете книгу по изучению html?

    Asked by Gotafak,

    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