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://jsfiddle.net/QsxgR/ В принципе, код не длинный, выкладываю ещё и сюда исходники html и css: <div class="about-container"> <div class="threeblocks"> <div class="defaultblock"> <img src="img/book.png" /> asdasdasd asdsdas dad as dasd asd asd as dasd as dasd asd asd asd asd asdasd asd asd </div> <div class="defaultblock"> <img src="img/dots.png" /> asdasdasd </div> <div class="lastblock"> <img src="img/content.png" /> asdasdasd </div> </div> </div&…

    Asked by vladsypchenko,

    0 votes
    4 answers

  13. Фоновое изображение

    добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение inherit. я не как не пойму как его присобачить к моему коду: .body{ background-image: url(557271-1920x1200.jpg); background-attachment: fixed; }я пробовал и position: inherit;иbackground-image: url(557271-1920x1200.jpg) inherit; не получаетсяподскажите пожалуйста)) заранее вам огромное, человеческое спасибо))

    Asked by egrom92,

    0 votes
    7 answers

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

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

    Asked by Tobey,

    0 votes
    4 answers

  15. вопрос по 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

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

    Для стилей использую конструкцию вида - <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

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

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

    Asked by riaron,

    0 votes
    4 answers

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

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

    Asked by itisme,

    0 votes
    2 answers

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

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

    Asked by cyklop77,

    0 votes
    5 answers

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

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

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

    0 votes
    0 answers

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

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

    Asked by kent,

    0 votes
    2 answers

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

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

    Asked by urfin,

    0 votes
    0 answers

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

    Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в 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

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

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

    Asked by AbLaZe,

    0 votes
    2 answers

  25. 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
×
×
  • 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