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 CSS
Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …
0 votes7 answers -
Неправильно отображается MIDDLE в ИЕ6!
Вот так прописал, но почему то текст в ИЕ выравнивается по верху, а не по середине картинки? <li><a href='/about/vacancies/' class='menuitem' title='Вакансии компании'><img src='/images/template2/images1/bullet.gif' align='middle'>Вакансии</a></li> В чем может быть дело?
0 votes4 answers -
Подскажите срочно
у меня есть такой текст ЗАГРУЗКИ<?php include"modules/zagruz/kol.php"; ?> ,а как мне сделать чтобы эта ссылка сразу отображала содержимое типа ЗАГРУЗКИ . . а тут список
0 votes4 answers -
Document content looks like HTML Proprietary
Это мне выдал HTML VALIDATOR 0.8.4.0 по поводу употребления атрибута "background" с тегом - Я понял это намек..., но что конкретно он (валидатор) имел ввиду?
0 votes3 answers -
Неправильно отображается код.
Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…
0 votes9 answers -
Как правильно указать основной язык html-документа?
Покопался по инету, достаточно мало ясных указаний как правильно указать "человеческий" язык (имеется ввиду "естественный" язык, такой как английский, русский, украинский и т.д.), на котором написан html-документ. Варианты: 1. Как параметр элемента html, пример: 2. В поле заголовка HTTP Content-Language, пример: 3. Или В чем отличие этих вариантов? На одном из сайтов прочел, что код страны нужно указывать после кода языка через точку. Я записал через тире ("uk-UA"), использовав в качестве примера html-документ созданный с посмощью Writer из пакета OpenOffice. Какой вариант следует использовать? Как указать основной язык средствами CSS?
0 votes7 answers -
?????
когда я делаю ссылку она почемута становится по середине а мне нужно чтоб ссылка была наверху http://smages.com/5e/e3/5ee3cf55022a7aa81c...25c3aad.jpg.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>home</title> </head> <body style="background-color: rgb(51, 51, 51);"> <table style="text-align: left; height: 150px; width: 1226px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: rgb(0, 0, 0);" align="center" valign="middle"&…
0 votes2 answers -
td + overflow
Приветствую. Подскажите как сделать, чтоб контент в одной определенной ячейке не растягивал е?, а просто пропадал за ее границами? естественно td {overflow: hidden;} неработает, может будут альтернативы? зы: перепробовал кучу способов, пока что ничего не получилось (( tnx
0 votes14 answers -
Список нумерованный в обратном порядке
Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?
0 votes3 answers -
Изображение перед URL
Изображение перед URL как это сделать?:cool:
0 votes3 answers -
IE или я тупой?
Вставляю картинку Все броузеры отображают, ок. делаю ссылку с картинкой: все, кроме IE, картинку выводят, ставил и кавычки и одинарные и двойные, и размеры, и разные атрибуты, а в IE картинки нет. Может формат картинки поменять? Или я что то не то делаю?
0 votes35 answers -
Подгрузка шрифта
Мне надо знать, есть ли гарантия что не установленный подгружаемый шрифт средствами CSS будет работать. И вообще, стоит ли такое делать или по-деревенски картинку вставить?
0 votes11 answers -
меню
Здрасте!Подскажите плиз где можно взять код меню такого, как здесь www.ostwest.com/en/ Не откажите начинающему.
0 votes7 answers -
Выпадающее меню средствами CSS
Посмотрел как написан сайт adobe.com, там вс? выпадающее меню организовано средствами CSS, но как? может у кого нить есть ссылки на уроки?
0 votes2 answers -
alt (style)
Здрасте! Вот этот простейший код: <img src="xxx.htm" аlt="ПревеД Медвед"> Каким способом можно перекрасить alt или title в другой фон(color) с помощью style или без?
0 votes37 answers -
*.chm
У меня вопрос: с помощью какой программы можно создать *.chm файл!
0 votes8 answers -
Рамка вокруг чекбокса в IE
стиль для input input,textarea{ background:#FFFFFF;color:#000000; font:10px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; border:1px solid;border-color: #000000 #707070 #707070 #000000; } в опере и огнелисе нормально отображается, а в IE 6 ,большая рамка вокруг checkbox возможно ли он не? избавиться чтоб стиль на вид не изменился?
0 votes3 answers -
Проблема в Firefox: не работает свойство style.height
function set_size() { [i]document.getElementById("leftShadow").style.height[/i]=document.getElementById("copyright").offsetTop-138; alert(document.getElementById("leftShadow").style.height); } Выделенное курсивом отменно работает в IE, но не в FF. Как исправить?
0 votes4 answers -
Чем отличается /> и > в meta
Чем отличается написание от и как это влияет на работу сайта?
0 votes2 answers -
"склеить" HTML и JS, прописанный в txt
дело такое: в файлике txt написан JS. что нужно прописать в HTML, чтобы скрипт мог использоваться страницей?... надеюсь, что изложила проблему понятно)) помогите примером каким-нибудь, пожалуйста!! заранее спасибо)
0 votes17 answers -
Фоновый звук
Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?
0 votes12 answers -
Высота дива
Как сделать, чтобы при увеличении размера контента дива, он увеличивался бы по высоте, если в ксс указан overflow: hidden ? overflow: visible не подходит, т.к когда я его указываю, вся верстка "валится" в мозиле и опере. зы: Это надо сделать в дивах, которые поочередно расположены по горизонтали... Или альтернативный вопрос: как сделать чтобы верстка не валилась при overflow: visible ? =) .block_main{ position: relative; margin-top: 5px; margin-bottom: 5px; } .block_top_1{ margin-left: -10px; margin-top: -5px; margin-bottom: 5px; height: 32px; line-height: 18px; overflow: hidden; background: #FFF; border: 2px solid #f6f6f6; border-bottom: 1px solid #dddddd; } .block_con…
0 votes1 answer -
2 дива по горизонтали
В общем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя. Делаю так: <style type=text/css> .block_top{ padding-left: 10px; height: 27px; line-height: 30px; overflow: hidden; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px;…
0 votes1 answer -
Слой в Опера и Мозила отображаеться некорректно
Вот так отображаеться в IE Вот так в Opera и Mozila Часть стиля CSS .label { font-size: 9pt; padding-left: 50px; z-index:1; position:absolute; left:103px; top:172px; } Весь документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GESTAPO </title> <style type="text/css"> body, .login, .row, .folder, .label, th, comment { font-family: tahoma, verdana, arial, helvetica, sans; font-weight: normal; color: Red; } body { margin: 0; background-color: Black; padding: 10px; } .label { font-size: 9pt; padding-left: 50px; z-index:1; position:a…
0 votes5 answers -
Таблица + дивы
В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 2 блока, по середине - один, справа - тоже 2. Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права. Вот код: <body> <style type=text/css> body{ margin: 5px; } .main_table{ width: 100%; height: 100%; border-collapse: collapse; } .logo_cell{ width: 100%; height: 105px; background: url('images/logo_fon.gif'); } .left_cell{ width: 15%; height: 100%; vertical-align: top; } .center_cell{ width: 70%; height: 100%; vertical-align: top; padding-right: 5px; padding-left: 5…
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-