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
-
Помогите разобраться
На главной странице сайта (примерно в середине) образуется разрыв в тексте, пустой абзац. Наблюдаю его только в IE6. Как побороть? Сайт http://www.aquapage.ru Спасибо за помощь.
0 votes12 answers -
высота ячейки при 100% hieght таблицы в IE
есть талица, которая растянута на 100% по высоте в ней 3 строки: верхняя и нижняя с фиксированной высотой, средняя все остальное место. вот я не понимаю почему, но ие (7..в 6 не проверял, но думаю тоже самое) не смотря на фиксированную высоту всеравно растягивает эти ячейки по высоте. <table class="table"> <tr> <td colspan="2" class="up"></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td height="90"></td> <td height="90"></td> </tr> </table> html, body{ margin:0; padding:0; height:100%; } .table{ height:100%; } .up{ height:224px; } * код сократил.…
0 votes16 answers -
Блок со скроллингом
Проблема следующая: есть шаблон сайта, весьма запутанный. В дебрях таблиц необходимо одну ячейку с текстом и картинками при ресайзе окна сжимать и показывать скроллинг. Если делаю див на пустой странице, тут все понятно и хорошо. Если помещаю див в таблицу, тогда плохо: таблица и див изменяют размеры до тех пор пока не упираются в изображение, дальше все пропадает за пределами окна... Если не понятно объяснил, могу еще раз Есть некий вариант решения в такой ситуации?
0 votes10 answers -
width для IE6, IE7 и FF
Какой width будет у элемента для IE6, IE7 и FF: #element { width: 100px !important; width: 60px ; } PS: Убедительная просьба - объяснить по максимуму
0 votes12 answers -
подстройка размера фоновой картинки под разрешение
подскажите чайнику, как сделать так, что бы фоновая картинка,при разных разрешениях экрана, заполняла 100% экрана и при этом не появлялась полоса прокрутки
0 votes10 answers -
банальная проблема с прижатием футера к низу экрана
верстаю шаблон под osCommerce 3.0, столкнулся с кажется банальной проблемой, не так ведь сложно прижать футер к низу экрана, а страницу растянуть на всю высоту вне зависимости от содержимого. Но что-то я запутался немного, а за два дня с этой проблемой уже и никаких вариантов в голову не приходит, буду благодарен если кто укажет где моя ошибка)) вот стили основной части сайта, без шапки и футера /* @group structure */ #container { margin-left: auto; margin-right: auto; width: 1000px; height: 100%; text-align: left; background: #e0e9ed; overflow: hidden; } #left-column { width: 166px; position: relative; top: 80px; float: left; clear: bo…
0 votes7 answers -
ячейка не заполняется полность
начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом
0 votes7 answers -
Стиль для Select
Помогите пожалуйста! Как изменить размер и цвет маленьгкой стрелки тега select.
0 votes4 answers -
0 votes9 answers
-
IE tester (7)
У меня воник вопрос,в чем проблема ,что IE 7 в IE tester не отображает страницу с компа http://img218.imageshack.us/i/91051146.png/ ??
0 votes21 answers -
правописание
какими тегами выделить текст чтобы он не вылазил за пределы страницы
0 votes21 answers -
Как поднять content?
Доброе время суток! Как поднять content вверх к хедеру, но при этом чтоб sideLeft остался на месте? Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="…
0 votes4 answers -
Как растянуть контент до подвала
Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…
0 votes8 answers -
Как фиксировать ширины ячеек таблицы сложной структуры, если она 100%
Нарисовал дизайн сайта в фотошопе, порезал на слайсы , сохранил в HTML Ширины ячеек всех указываются, пустые ячейки - прозрачными гифами заполнены. Если общая (главная таблица) фиксированной ширины в пикселах (а е? так поставил Фотошоп) - сайт отобржается нормально, если вручную поставить ширину таблицы главной - 100% - то ячейки внутри е? тоже разъезжаются по ширине, хотя там явно указаны их ширна в пикселах (естественно я внутрь ячеек содержания никакого не вставлял). Хочу спросить, почему они раздвигаются , если явно указана их ширина в пикселах ? И как сделать чтобы они не раздвигались? а то у меня рисунок разъезжается.
0 votes9 answers -
как div переместить в нижний правый угол
Здравствуйте, имею аудио плеер, хочу что бы он постоянно находился в нижнем правом углу браузера, то есть если я буду прокручивать сайт, то плеер будет все равно оставаться в правом нижнем углу и будет виден. как это сделать можно, я думаю с div
0 votes5 answers -
Валидатор
Как вы считаете, стоит ли придерживаться мнения валидатора или послать его к чертям?
0 votes27 answers -
В таблице плавает высота ячейки
1) Есть таблица, у которой есть ячейки (слева и справа) со строго заданными высотой и шириной (14 ширина, 150 высота). В них вставлены такого же размера рисунки. В IE высота этих ячеек почему-то увеличивается, хотя в FF и O все нормально. Почему и как это исправить? Да, рисунки эти (gif) по краям прозрачные, поэтому если объединить 2 левые (правые) ячейки и вставить рисунок сверху поверх фона, он начинает "проступать" под рисунком. Чтобы этого не было я и сделал отдельно ячейки для рисунков в 150 высотой. 2) Валидатор говорит, что "there is no attribute "BACKGROUND" для строки " ". Заголовок не хочу менять, а как задать фон ячейки? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HT…
0 votes11 answers -
Два разных ol li ul li на одной странице
Здравствуйте есть одна страница на которую нужно вывести 2 разных списка пример: <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> css файл ol { color:blue; } // этот цвет применяется для ol li + ol li ul li в обоих списках Вопрос. Хочу чтобы во втором списке color для ol li + ol li ul li был red, т.е. в первой пусть будет blue а во второй red На самом деле все намного сложнее. На сайте меню, такое выкидное (многоуровневое), а тут потребовалось сделать на странице м…
0 votes5 answers -
Не работает выравнивание по центру в IE8
Не работает выравнивание по центру в IE8 сайт http://wowzoloto.ru/ #PageWrapper { margin:0 auto; padding:25px 0 0; width:990px; }
0 votes12 answers -
Можно ли сделать зеркальное отображение фоновой картинки на css?
Здравствуйте Возможно ли на css сделать зеркальное отображение фоновой картинки?
0 votes5 answers -
Как позиционировать div снизу?
Не могу понять почему div не позиционируется снизу? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…
0 votes4 answers -
Перенос строк таблицы при печати
Здравствуйте. На aspx странице с помощью xml/xsl преобразования формируется документ, в котором есть таблицы с объединенными ячейками (вот фрагмент таблицы). <tr > <td rowspan="3">ИТОГО 1</td> <td>Text 1</td> <td>Text 2</td> </tr> <tr> <td>Text 3</td> <td>Text 4</td> </tr> <tr> <td>Text 5</td> <td>Text 6</td> </tr> (я извиняюсь, но вставить в пост таблицу не удалось) Проблема в следующем. При печати, если лист заканчивается поле второй строки tr (где в ячейках Text 3 / Text 4), то на следующей странице печатается следующая строка tr (где в ячейках Text …
0 votes1 answer -
iframe и кодировка
Здравствуйте. Можно ли установить постоянную кодировку для содержимого, поступающего в iframe. Суть в чем: у меня на сайте (он в кодировке utf-8, в meta тоже прописано utf-8, БД - в utf-8, все браузера показывают utf-8) в iframe с name сразу грузиться страница в utf-8 (браузера по фрейму показывают utf-8), далее все страницы (в utf-8), которые грузятся в этот фрейм, как целевой, отображаются корректно, но - на запросы с формы (информера с другого сайта), которая использует этот же фрейм, приходили страницы в utf-8, но отображались в windows-1251 (т.е. во фрейме переключалась кодировка - видимо по установке с, отправляющего ответ, сервера). Проблему удалось решить частич…
0 votes1 answer -
Резиновый макет в три колонки
Здравствуйте реально ли создать такой макет в три колонки (блочная вёрстка). В котором ширина первой и второй колонки будут фиксированые а третья колонка будет растягиваться на всю оставшуюся ширину экрана. высота будет растягиваться относительно самой высокой колонки. Фон у всех разный, причём первым двум колонкам он задаётся рисунками, так что вариант с бордерами не подходит. Заранее спасибо!
0 votes19 answers -
Как заменить кнопку в форме на картинку?
Есть часть кода формы входа из движка форума vBulletin. Хочу заменить кнопку входа со стандартной на свою. Поискал на форуме, нашел такую возможность примерно следующего вида: <input type="image" src="/images/imgbutton.gif"> Но проблема в том, что параметр type в моем случае уже имеет значение. Как быть? Вот код: <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <table border="0" cellpadding="0" cellspacing="3" width="341"> <tbody> <tr> <td class="smallfont" style="white-space: nowrap;"> <label for="navbar_username">Имя</label&…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-