HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Размещение контента наверху (после <body>), а визуально в центре
Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…
0 votes7 answers -
Аккордеон (как на сайте htmlbook.ru)
Доброго времени! Прошу помочь с созданием блока для сайта. Очень заинтересовал аккордеон как здесь: http://htmlbook.ru/css . В левой части, под "Быстрый поиск CSS или тега HTML". Как можно такое реализовать без друпалов (и прочих смс), чтобы запоминался выбранный элемент и после его вывода в правом блоке, переносился бы в первую позицию в списке?
0 votes2 answers -
Нестандартный шрифт, кириллица
Всем привет. Подключаю шрифт, все ок, на англ. раскладке все подхватывается, на русской раскладке нечего не изменяется, стандарнтый Arial. В чем может быть проблема ?
0 votes7 answers -
Onclick + img
Подскажите, как организовать смену изображений на странице по клику мыши по самому изображению?
0 votes3 answers -
Подскажите в чём может быть проблема
В режиме совместимости у 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…
0 votes7 answers -
Автоподгонка ширины <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…
0 votes1 answer -
Передвинуть блок
Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк
0 votes4 answers -
Фиксирование блоки
Есть таблица: <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…
0 votes5 answers -
После использования 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 пикселей! Если смотреть…
0 votes3 answers -
css-спрайты (можно ли сделать?)
Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?
0 votes2 answers -
Верстка с журнальным(плиточным) выводом постов
Здраствуйте, решил попробовать сверстать плиточный макет. Проблем вроде нет, получилось как надо если использовать фиксированую шарину. Но когда резиновый шаблон, куча проблем... Может кто-нибудь поделиться ссылками с информацией по данному виду топиков?
0 votes2 answers -
Не наследуется стиль слоя
Здравствуйте! Столкнулся со следующей проблемой. У меня в основной слой вложены несколько слоев, которые не наследуют его атрибуты. Код следующий: 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&…
0 votes4 answers -
Фоновое изображение
добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение inherit. я не как не пойму как его присобачить к моему коду: .body{ background-image: url(557271-1920x1200.jpg); background-attachment: fixed; }я пробовал и position: inherit;иbackground-image: url(557271-1920x1200.jpg) inherit; не получаетсяподскажите пожалуйста)) заранее вам огромное, человеческое спасибо))
0 votes7 answers -
Не получается плавный скроллинг
Вот пациент http://whoiwas.ru/work/cafe/. Вроде все библиотеки подключил, скрипт настроил. А ничего не получается.
0 votes4 answers -
вопрос по 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 …
0 votes3 answers -
Текст для определенного размера экрана
Для стилей использую конструкцию вида - <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">Интересует, как можно в самом коде html делать подобные решения. Например, если экран устройства больше 480 пикселей вывести <div>вход на сайт</div>а если меньше <div>вход</div>То есть, как менять не только стили, но и элементы странички.
0 votes5 answers -
междусловная вертикальная линия
как сделать такую вертикальнуюлинию где можно почитать про это?
0 votes4 answers -
Странное поведение <img src = "*путь к файлу*">
Доброго времени суток. Стоит задача отобразить в браузере выбранный docx документ. После выбора документа, docx автоматически преобразуется в html, этот html вставляется в код страницы и все это отображается пользователю. При преобразовании все картинки docx-документа выносятся в отдельные файлы, в html ставятся в нужных местах ссылки на картинки. При отображении полученной страницы картинки не показываются, только их рамки с заданными размерами, как-будто на них даны битые ссылки. Хром при попытке "открыть картинку в новой вкладке" открывает "about:blank". При этом при просмотре кода страницы пути к картинкам верные, файлы точно на месте. Если скопировать путь из кода с…
0 votes2 answers -
скопировать hover-эффект
не сочтите за рекламу. но мне вот с этой странички хотелось бы скопировать hover-эффект для этого блока . помогите пожалуйста проблема в том, что firebug не видит кода для hover-эффекта. пробовал разные браузеры
0 votes5 answers -
Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?
Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.
0 votes0 answers -
Где взять такую
Здравствуйте. Не знаю, в какой раздел написать, решил сюда. Где мне взять такую песню карусель http://joxi.ru/Vrwepwbi5VpB2X , не мог найти подходящую под такое описание, может и плохо искал: - слайдер прокручивает картинки по клику на стрелки либо по картинке, выбранная всегда в центре, если картинок мало то они по центру slick- карусель почти такая есть, но там нет функции кликать по картинкам. Может кому попадалась?
0 votes2 answers -
как "закрепить" вывод тултипа?
Добрый День! Подскажите пожалуйста, как закрепит вывод тултипа? Т.е. я хочу, что бы тултип выводился не на указателе мышки а, например, всегда в левом верхнем углу. Желательно CSS. Спасибо. з.ы. в ФФ я этого добился а в ИЕ не получается...
0 votes0 answers -
Стили ссылок
Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru
0 votes2 answers -
Непонятный пробел между блоками
Помогите пожалуйста побороть блочную верстку в IE6 Есть сайт: http://demo.metrowars.ru/ Открывайте его только в IE6!!! Для полного эффекта нажимаем Ctrl+A (выделить все на странице) и видим пустые места (будут выделены синим) Так вот вопрос ... в чем собственно может быть трабла ? Во всех остальных браузерах все отлично, так откуда пробел между дивами? заранее спасибо, жду вашего ответа ...
0 votes2 answers -
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…
0 votes2 answers