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
-
Спрятать элементы таблицы
Добрый день уважаемые товарищи! Подкажите пожалуйста как можно сделать такую таблицу: Нужно както скрыть(сделать прозрачным) правую сторону ячейки. Подскажите пожалуйста как такое сделать? Спасибо за помощь!
0 votes4 answers -
Подскажите, можжно ли осуществить такое.
Заменить у селекта эту кнопочку ? , на эту ? желательно не извращенным способом)
0 votes6 answers -
Ищу Книги и Статьи по В?рстке Сайтов
Кто нибудь может посоветовать какие нибудь книги и статьи по В?рстке Сайтов,там Div , CSS и т.дConfused Я уже весь Инет перерыл,нигде нету,уж очень хочется научиться Верстать сайты. Если кто знает,может какие книжки можно скачать,какие нить ссылочки на скачку..?
0 votes4 answers -
КАРТИНКИ
1. Вот допустим есть некий сайт с множеством страниц, как сделать чтобы элементы которые есть на каждой странице не писать каждый раз вручную? 2. Как сделать так чтобы картинки отображались на странице сайта, в случайном порядке, по одной например: один раз зашел - одна картинка, второй раз - другая. И так далее.
0 votes6 answers -
Резиновый дизайт с двумя картинками
Нужно, чтобы из двух картинок, сложеных последовательно по горизонтали получалось одна, при том, нужно, чтобы их сумма по длине равнялась ширине экрана при всевозможных расширениях. как быть? Пытаюсь засунуть в таблицу вот так: при расширении 1024 на 768 - общая картинка становится шире экрана. Подскажите, пожалуйста, как это делается?
0 votes2 answers -
Шапка сайта
Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…
0 votes8 answers -
Из горизонтального в вертикальное меню!
Помогите. На неком сайте имеется прекрасный образец горизонтального меню. Мне нужно, чтобы оно было вертикальным! Как сделать - ума не приложу! ВОТ ПРИМЕР ЭТОГО МЕНЮ: http://www.shtogrin.com/design/menu/horizo...ts/example.html Вот сайт: http://www.shtogrin.com/design/menu/horizontal_lists/ Вот сам код: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <script language="javascript" src="example.js" type="text/javascript"></script> <title></title> <…
0 votes9 answers -
растяжения rowspan в таблицах
<table border="0" cellspacing="0" cellpadding="0" id="maintable"> <tr> <td colspan="3" id="header"> </td> </tr> <tr> <td rowspan="2" id="left_panel"> здесь менюшка </td> <td id="main_window"> </td> <td rowspan="2" id="right_panel"> </td> </tr> <tr> <td id="footer">Футер</td> </tr> </table> Проблема в том что при добавлении отступов между пунктами меню, растягивается футер, не знаю в чем дело 1) 2)
0 votes5 answers -
Высота ячейки 100% в IE - действительно решения не существует?
Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html…
0 votes10 answers -
CSS list-style-type, вопрос!
Можно ли сверстать ниже написанное, с помощью синтакисиса и задать необходимый цифровой маркер? 1. Пункт один 1.1. Подпункт один один 1.2. Подпункт один два 1.3. Подпункт один три 2. Пункт два .... и т.д.
0 votes10 answers -
IE не понимает background... center top; ?
В сайте следующая задумка - шапка сайта идет фоном, по центру. Сам сайт - статический и тоже отцентрирован по центру. Шапка и сайт сделаны так, что они должны четко сходиться в одном месте. Что по теории вполне выполнимо. Но, в итоге, в FF и Опере все работает как надо - на любом разрешении (1024х768 и больше). В IE (пока тестил на IE 6) - шапка и сайт разъежаются в разные стороны. И видно что фон не по центру. На валидность проверял и html и css - 0 ошибок. Пока пример показать не могу. div#container // отцентрирование по середине сайта { position:relative; width: 966px; margin-top: 190px; margin-left: auto; margin-right: auto; text-align:left; background-color:…
0 votes4 answers -
background-image
Hi. есть проблемка по поводу background-image: есть сайт в нем есть стили body { margin: 0px auto; padding: 0px; background-color: #FFFFFF; background-image: url(images/background2.JPG); font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 12px; color: #444444; } .bodys{ background: #FFFFFF url(images/background.gif) repeat-y center top; } <html> <head> <title></title> <link href="/resources/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="bodys"> <div id="header"> </div> <div> content </div> </div> </…
0 votes1 answer -
Теги <TD> с CSS - подскажите пожалуйста
Мучаюсь уже которое время и ни как не могу понять если ли решение моего вопроса. И книги читал, и в сети шарился но никак не найду ответа на следующий вопрос: К примеру есть таблица: <table class="sample"> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> </table> В стилях прописано для примера ну вот так: .sample { width: 95%; border:0px; } .sample1…
0 votes2 answers -
Отступ в IE 5.5/6.0
Всем привет! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> ... </head> <style type="text/css"> #left { float: left; width: 31%; margin-left: 2%; } </style> <body> <div id="left"> ...content... </div> </body> </html> Отступ в IE 5.5/6.0 от левого края в 2-3 раза больше, чем в остальных браузерах (включая IE 7/8). При отключении опции ?float: left? отсуп становится нормальным, но мне эта опция необходима (верстка трехколоночная, следующий div располагается следом за этим). Заранее спасибо за помощь.
0 votes4 answers -
3 колонки, шапка, подвал - контент вверху html (после шапки)
Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…
0 votes2 answers -
Выезжание меню
здравствуйте. взял скрипт с вашего форума, и появилась загвоздка надо чтобы при нажатии на определенную менюшку, она и выезжала, а у меня выезжают все ставя разные id результата не добился (может не так делал?) подсобите пожалуйста) страница ==> http://icefrozsite.narod.ru/out.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Выезжание</title> <style> * { margin: 0px; padding: 0px; } #picture { position:r…
0 votes5 answers -
Nimbus Roman No9 L, Liberation Serif и Windows
Подскажите, пожалуйста, аналоги этих шрифтов из стандартной поставки Windows
0 votes0 answers -
Господа, устал бороться с png фоном;(( Помогите
Собственно проблема не в том чтобы сделать фон прозрачным в ИЕ6, например. Есть слой в CSS: #top_center {background: url(../images/bg_top.png); background-repeat: no-repeat; background-position: center top; } Для этого же слоя, дабы сделать его прозрачным и понимаемым для ИЕ6 в код страницы прописываю следующее: <!--[if lte IE 6]> <style> #top_center { background-image: none; filter rogid XImageTransform.Microsoft.AlphaImageLoader(src=/templates/w.club/images/bg_top.png,sizingMethod='crop'); } </style> <![endif]--> В итоге все получаю красивым и прозрачным, но, появилась проблема изза которой я собственно сюда и пишу. Перед тем как прописать фи…
0 votes10 answers -
Помогите понять, откуда отступ под IMG?
Всем доброго времени суток. Имею такой html код: <!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"> .image_div { padding:0; margin:0; background-color: #AAA; float:left; } img { margin:0; padding:0; } </style> </head> <body> <div class="image_div"> <img src="image1_0.jpg"/> </div> </body> </html> B что в Опере, что в IE под картинкой появляется полоса цвета #AAA высотой около 4 пикселей. Что э…
0 votes6 answers -
Размещение блоков с помощью position: relative
Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…
0 votes6 answers -
Как сделать рамку вокруг строки таблицы?
Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?
0 votes4 answers -
Незнаю как зделать разрезанную картинку
А ответьте пожалуйста,мне это очень важно,я уже давно мучаюсь: А как на третьей картинке http://htmlbook.ru/content/?id=77 ,на шапке 2-ая слева(зел?ная)тыква изначально была не прямоугольная,а с касой линией снизу?Я в фотошопе вс? перепробовал,у меня постоянно получаеться прямоугольная картинка,а мне принципиально нужно,чтобы моя картинка была такая,как я е? вырезал. Напишите пожалуйста,как это сделать,может с помощью CSS это возможно или ещ? как нить?
0 votes4 answers -
Допоможіть із перекладом
Доброго вечора! Допоможіть перекласти цей кусок коду на smarty: foreach ($hotel as $key=> $naz_hot) { foreach ($naz_hot as $nazv=> $data) { // echo $nazv." "; foreach ($data as $data=> $nazva) { //echo $data." "; foreach ($nazva as $nazva=> $cina) { //echo $nazva." "; if ($value==$nazva) { echo "<td>".$cina."</td>"; } //else {echo"</tr>";} } } } } наперед вдячний
0 votes16 answers -
Float и valign
здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?
0 votes3 answers -
наследование высоты
сломал голову в размышлениях над: body, html{height:100%} если задать высоту таблице или блоку 100%, он адекватно растягивается, если структура таблицы представляет 3 строки, 1я и 3я - фиксированные высоты, то почему автоматом не вычисляется высота 2й строки(имею ввиду ячейку, не важно), если указать высоту 2й ячейки 100%, то она считается от BODY, а не от таблицы, даже если у таблицы есть еще один родитель со 100%, как сделать чтобы TD считал высоту от высоты таблицы, а не от BODY? как заставить DIV принимать высоту в 100% от родителя с % или явно не указанной высотой?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-