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
29,542 questions in this forum
-
Как назначить класс всем ячейкам один раз
<table> <tr> <td> <td> ... </table> Внутри table много ячеек. Как им всем назначить один и тот же класс? На странице есть еще одна или более больших таблиц, но у всех у них должен быть другой класс, тоже одинаковый для всех. Поэтому задание в виде <style> TD{ ... } </style> не подходит. Т.е. можно ли написать что-то вроде <style> name01.td{ ... } </style> ... <table name="name01"> <tr> <td> ... </table> чтобы в результате стиль name01.td применился ко всем td внутри таблицы с именем name01.
0 votes3 answers -
Наложение html на swf. Не работают кнопки в swf.
Задача: наложить html-код на swf. Делаем два леера. В верхнем - таблица. В нижнем - swf. Оба леера вижу. html-код работает. Проблема: swf по сути - элементарная галерея с кнопками "вперед" и "назад". Так вот эти то кнопки в леере и не работают. Понятно, что автономно в swf все о'к. Если интересно, код следующий: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:756px; z-index:1; } #Layer2 { position:absolute; width:1024px; height:756px; z-index:4; } --> </style> </head> <body bgcol…
0 votes4 answers -
Padding в ИЕ6
Если задать контейнеру размер, и сделать в нем padding (притом отступ намного меньше размера этого контейнера), то в ие6 к размеру еще прибавляется по размеру отступа с каждой стороны, как сделать, чтоб размер не менялся?
0 votes3 answers -
Окно всплива с ссилки
Подскажите пожалуйста хтмл код для всплива окна как на скрине... !!! Чтобы когда нажимаешь на ссылку то было окно в котором была оддельня информация и чтобы ее тоже можно было переделать в хтмл (тоисть например сделать другим цветом текст ... или там ссылку поместить и т.д. ) ну надеюсь вы поняли!!! )) Заранее спасибо!!! Скрин здесь!!!
0 votes5 answers -
IMG и обтекание
Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?
0 votes17 answers -
Validator.w3.org
значит парни вот такие ошибки Прошу помощи Data Life Engine 7.3 (лицензия) Result: 1 Error Address: Encoding: windows-1251 Doctype: XHTML 1.0 Transitional Root Element: html Root Namespace: http://www.w3.org/1999/xhtmll Line 80, Column 22: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag . <p><div id='news-id-4'>Текст ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing eleme…
0 votes6 answers -
Смена фонового рисунка
Добрый день. Укажите пожалуйста на ошибку. Меняю фоновую картинку в ячейке таблицы, на другую (в IE-6 работает а в FireFox - нет)? КОД - <td background='up_menu/img/menu.jpg'; onmouseover=\" background='up_menu/img/smenu.jpg'; \" onmouseout=\" background='up_menu/img/menu.jpg'; \" > TEXT_CELL </td>
0 votes5 answers -
Позицианировать элемент внутри TD с обтеканием
Вобщем народ! есть таблица три строки и 2 столбца. В нижней и верхней строке ячейки обьединены colspan=2. Средняя же строка разбита на 2 ячейки в левой из которых располагается меню сайта а в правой должен распологаться контент. Проблема в том чтобы поместить в правую среднюю ячейку в её правый верхний угол изображение (часть шапки предусмотренной дизайном). Как позицианировать этот элеммент так чтобы он находился в правом верхнем углу, вплотную прилегая к шапке и обтекался с левой стороны и снизу всем размещаемым содержимым??? тоесть в диве картинка w=283 h=202 нужно чтобы текст обтекал этот див и при растягивании ячейки таблицы этот див стоял в правом верхнем углу ячейк…
0 votes1 answer -
Текст и картинки по центру...
Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><…
0 votes14 answers -
Тупой вопрос
Подскажите пожайлуста как мне реализовать такую задумку: Есть 2 блока, один блок навигационный, а другой блок содержит в себе контент. Я хочу сделать так, чтобы если блок контента выше чем блок навигации, то блок навигации всё равно был равным по высоте блоку контента, т.е не обрывался где-то на серидине страницы, а продолжался в низ до футера. При помощи таблиц это реализуется просто, а вот как сделать при помощи блоков не понимаю :)
0 votes11 answers -
Скрол не простой а картинкой, срочн
реально сделать скрол не боковой, а в самой странице вот чтото типо такого , очень над
0 votes11 answers -
Как разместить ссылки только на морде? WordPress
сабж. есть код: <? if ( is_home()){ ?> <a href="http://ссылко.com">анкор</a> <?}?> он позволяет размещать ссылку на морде + все страницы статей, а мне нужно только чтоб на главное отображалась ссылка. Подскажите пожалуйста. спасибо!
0 votes9 answers -
Многа страниц!
Много страниц и их как то надо скампоновать. Как это сделать? вот как сдеся на рисунке. астигматизм43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t…
0 votes10 answers -
Вёрстка слоями. Фиксированный дизайн
Пытался применить следующие рекомендации http://htmlbook.ru/content/?id=97 Собственно столкнулся с небольшими расхождениями в отображении высоты контейнера IE изменяет высоту блока по обеим колонкам а Mozilla только по правой. Я что то напутал или как с этим бороться? пример моего кода <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Две колонки</title> <style type="text/css"> #container { width: 500px; /* Общая ширина колонок */ background: #fc0; } #leftcol { /* Левая колонка*/ width: 200px;…
0 votes6 answers -
декоративное подчеркивание ссылки
Проблема такая. в блоке контента ссылки подчеркиваются вот так border-bottom:1px dotted #BF0A17; Проблема в том как убрать этот бордер если ссылка стоит на изображение. <a href><img /></a>
0 votes3 answers -
Выравнивание background-image
Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…
0 votes10 answers -
Выравнивание ячеек таблицы
Есть таблица шириной 100%, которая состоит из 4-х столбцов. первый столбаец - ширина 20% второй столбец - ширина 30% третий столбец - ширина 20% четвертый столбец - ширина 30% В первом и третьем столбцах находится текст, во втором и четвертом столбцах находятся инпуты (<input type="text">). У инпутов ширина 100%. Проблема: В браузере Интернет Испортил, если в инпуте много текста колонка расширяется больше положенных 30%. Вопрос: Как бы так сделать, чтобы в ИЕ ничего не ломалось? Пробовал ставить у <input> overflow: hidden; - толку никакого.
0 votes5 answers -
печать страницы
страница сверстана слоями, а как организовать печать не всей страницы, а только контента, и чтоб, если материал если не вмещается на страницы при печати разбивался на логические блоки?
0 votes15 answers -
как добавить якорь?
есть ссылки index.php?id=1 как правильно добавить якорь к ссылке, что он находил эту страницу и открывал раздел страницы, где указан якорь?
0 votes2 answers -
форматирование сылки
народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…
0 votes7 answers -
подсвечивание ссылок
<div class="div_par"> <a href="#"> <div class="left">Выбираем авто</div> <div class="right">(111233)</div> </a> </div> то есть как сделать чтоб при разных цветах left и right при наведении цвет был один никак не выходит
0 votes15 answers -
Обтекание изображения списком
А как сделать, чтоб список, не обтекал изображение, а шел списком ровно? <p><img src="media/khp2.jpg" align="left" alt="*" />Текст:</p> <ul> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> </ul> #content-inner img { float: left; margin: 0 18px 0 0; padding: 0 4px 4px 0; background: url(../media/photo-frame.gif) no-repeat bottom right; } у меня так, но последние пункт обтекают изображение
0 votes5 answers -
символы какой кодировки?
Как спец символы, начинающиеся с "" и заканчивающиеся ";" превратить в нормальные буквы?
0 votes4 answers -
Как задать цвет маркеров у LI при этом не затрагивая цвет текста?
Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.
0 votes11 answers -
Шаблоны
Ситуация такая: есть шаблон на страницы в корневую директорию и шаблон с таким же оформлением на поддиректорию. Как можно привязать изменения оформления на один шаблон, чтоб не проделывать работы дважды? Пользую Macromedia Dreamweaver 8. Спасибо.
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-