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
-
что зада?т параметр "nosorthandle"?
просматривал код одного сайта и наткнулся на вот это: ... <td width="145px" nosorthandle="1"> ... и ещ? вот ... < img nosorthandle= "true " ...
0 votes3 answers -
как задать цвет текста в <b> при условии что ...
как задать цвет текста в при условии что находится в ??? <center><b>нужен другой цвет текста </b></center> я помню что где то видил как в стилях дать такое свойство , но не помню где ...
0 votes3 answers -
Выравнивание и overflow
Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?
0 votes3 answers -
Вертикальное выравнивание в input type="text"
Доброго времени суток, уважаемые форумчане. У меня есть текстовый input, который должен выглядеть вот так . При этом текст, который пользователь вводит в это поле, должен быть центрирован вертикально. В коде это выглядит так: HTML: <form action="" method="get"> <input class="search" type="text" name="search" value="Поиск" /> <input class="submit" type="image" src="images/lens.png" name="doSubmit" /> </form> CSS: input.search { background: url(images/search_box.gif) top left no-repeat; font: 12px 'Arial'; height: 21px; line-height: 21px; width: 95px; } Проблема в вертикальном центрировании текста. Opera центрирует по умолчанию, IE - при ук…
0 votes3 answers -
Проблема с border при верстке
http://sfasdgas-hsdhsd.narod.ru/123123.rar (40 кб) вот мои "старания". Скажите пожалуйста как сделать обводку для меню снизу, и убрать ее для файла ins.gif (между левым и правым меню тонкий прямоугольный блок). Заранее спасибо огромное!
0 votes3 answers -
Система регистрации
Ну, пусть кто-нить сделал свой дизайн-сайт... но там cms, система регистрации,etc отсутствуют... А как можно сделать систему регистрации на сайте? Неужели требуются знания PHP, JavaScript,etc для того чтобы внести код в страницу сайта? То есть как сделать, когда качаешь скрипт регистрации и как можно и куда написать код... Без шаблонов... Заранее спасибо. З.Ы. Если можно то дайте ссылку на источник плыз...
0 votes3 answers -
самый легкий lightbox
Скачал себе "lytebox", но размер 73,8 КБ (75?585 байт) Не заслишком ли? Может есть что поменьше? Заранее спасибо
0 votes3 answers -
Абсолютная высота блоков (%) не отображаеться в Опере
Здравствуйте, у меня такая проблема, есть код хтмл: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href = "style.css" type="text/css" rel="stylesheet" /> <title>Index</title> </head> <body> <div class="site"> <div class="header"> <div class="logo"></div> </div> <div class="left_side"> </div> <div class="center"> <div class="content"> Content </div> </div> <div class="right_side">…
0 votes3 answers -
font size в заголовках
применяю относительный размер шрифта в стиле заголовка, а получаются очень маленькие буквы даже если добавить +7 к тому же нет ясности, к какому числу прибавляются условные единицы в заголовках h1-h...
0 votes3 answers -
Как правильно использовать хаки
Привет всем помогите разобраться как использовать хаки для борьбы против кроссбраузерного отображения, а точнее как их правильно прописывать для Mozilla Firefox у меня вот какая проблема расстояние от одной (ячейки) до другой смотреться нормально в Opere и Explorer вс? одинакова, а вот в Firefox не как не получается чтобы расстояние между палями было, как я хотел margin-left:3px; margin-top:5px; margin-right:3px; В Firefox у меня в с? это смотрится нормально как я хотел, толка когда прописано margin-left:7px; margin-top:5px; margin-right:7px; а в Opere и Explorer вс? с езжает подскажите пожалуйста что делать. Я читал, что есть специальный хаки для браузеров так вот воп…
0 votes3 answers -
как обычно IE6 против Mozilla и Opera
Страница нормально отображается в мазилле и опере , а в ие6 блок с выбором курса сползают куда-то вправо. С чем это связано? Не ругайте слишком сильно, я не волшебник я только учусь. Mozilla Opera IE6 Код 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=utf-8" /> <title>Курсы</title> <link href="select curs.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 {color: #003366} --> </style> </hea…
0 votes3 answers -
Отступы в ие6 от блочных элементов
Почему в ие6 появляются отступы, что стоит ли див в таблице или рядом с другим дивом. В фф и опере все нормально. вот простой пример: <div id="line"> <div class="til"></div> <div class="til2"></div> </div> #line { position:absolute; top:280px; width:100%; } .til { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-left:20px; _margin-left:10px; float:left; } .til2 { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-right:20px; _margin-right:10px; float:right; } Увидеть эти отступы можно добавив в конец каждого класса строчку border:1px solid black;
0 votes3 answers -
img вывод случайной картинки
Как сделать, чтобы при загрузке страницы, на ней отображалась случайно выбранная из заданных файлов картинка?
0 votes3 answers -
помогите с изучением- нада книга
скиньте сылку на книгу html.4 желательно чтобы книга была с полным изучением и примерами... базовый, даже чуть больше я знаю но хотел бы выучить язык на высшем уровне. буду осчень благодарен (я когдато видел книгу 40 мб но потерял сайт и теперь не могу найти... мне бы похожую)
0 votes3 answers -
Поиск на своем сайте от Google
Если кто делал, то скажите как. Уж очень интересно Заранее спасибо P.S. Идеально подходит для сайтов не имеющих в своей основе CMS
0 votes3 answers -
table to div ... help please
Zdrastvuite. Vot takaya dilema. pitaiusi iz table sdelati div ... vot shto u menea poluchilosi ... no pomoemu nemnoshko krivo ... stranitsa rezinovaya .. hociu rezulitat kak na kartinke ... toliko shtob vseo bilo virovneno (text pod img) <div id="gallery1"> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" />&l…
0 votes3 answers -
Изменение размеров iframe в зависимост от его содержимого
Можно ли как-нибудь так сделать, чтобы размер фрейма (а именно высота) увеличивался, если содержимое фрема не влазит внего без полос прокрутки. Если это можно сделать только с помощью скрипта, то приведите, пожалуйста, пример. Спасибо!
0 votes3 answers -
Некоректная обработка CSS в Opera и FireFox
Стили меню сайта прописаны на CSS: a.mainlevel:link, a.mainlevel:visited { color: #ffffff; font-weight: bold; background-image: url(../images/menu_bgr.gif); background-repeat: no-repeat; width: 95%; text-indent: 15px; text-decoration: none; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 20px;} В Internet Exploer Все выглядит замечательно. Что же касается Opera и FireFox то они: 1) почему то игнорируют text-indent: 15px. Т.е. текст сслылок не сдвигается вправо 2) действие line-height: 20px почему то не распостраняется на background-image. Т.е. картинка находится только под текстом, а изначально задумывалось что бы картинка растягивалась на 20px Кто подска…
0 votes3 answers -
Фрейм в ячейке таблицы.
Я использовал следующий тег. Вопрос такой: как избавится от нижнего скролла, и как сделать так, чтобы ячейка таблицы не растягивалась?
0 votes3 answers -
Кроссбраузерность таблицы
Очень ламерский вопрос, но все же как добиться того, чтобы таблица (не как способ верстки, а как способ отображения данных) выглядела одинаково во всех браузерах? Я только начинаю верстать. Таблица нормально выглядит в Опере. В ИЕ/ФФ ячейки немного увеличивают в высоте, но мне так нельзя. Приведу кусок ЦССа: table { border: solid 1px; border-collapse: collapse; width: 100%; text-align: center; } th { background: #eee; font-weight: bold; border-color: #bfbfbf; padding: 6px; } td.warned_by { text-align: left; } tr.censure { background: #f4fdee; } tr.truant { background: #fdebe8; } tr.noob { background: #f4f5ff; } Сразу вопрос, чтобы не создавать лишних тем…
0 votes3 answers -
Не получается фон body
Народ, подскажите, пожалуйста! Как задать body фон таким образом, чтобы он отображался по тому же принципу как в изображении? Центральную часть фона body можно отдельно выровнять по центру. Но как сделать так чтобы участки фона справа и слева от центрального бесконечно повторялись? http://f3.s.qip.ru/12K4cQBDa.png
0 votes3 answers -
Вопрос по высоте слоев
Добрый день. есть вот такая структура слоев: html: <div id="all"> <div id="header"> header </div> <div id="content"> content </div> </div> При условии, что div header фиксированной высоты 300px, как сделать, чтобы div content занял всю оставшуюся высоту? те 100% - 300px... заранее спасибо
0 votes3 answers -
Можно ли назначить разные параметры img?
У меня проблема такого рода. В style.css выставил отступ от картинки img { border:2px; padding-right: 10px; padding-bottom: 1px; padding-top: 1px; } Все хорошо отображается Кроме обычного вывода новостей имеется еще и блочный, как на новостных порталах. Из-за отступов обрамление блоков плывет. Можно ли назначить еще один параметр img на эти блоки уже без отступа?
0 votes3 answers -
помогите с if else
'.$row['name'].' этот код делает весь столбик ссылками как сделать так что б только одна строчка с name = 'Дом' к примеру была ссылкой а остальные нет?
0 votes3 answers -
Ссылка на iframe (помогите разобраться)
Добрый день! Может конечно и глупый вопрос, но вот есть такая проблема. У меня сайт сделан в помощью iframe'ов. Да, я знаю что это плохо. Но альтернативы пока ненашел. 1. У меня есть главная страница с меню одной картинкой. 2. Есть второстепенная, где есть также меню и еще один iframe для контента, который переключается с помощью target. Со вторым вопросом проблем - нет, меню переключает страницы. Но вот с первым вопросом проблема. В общем: Как сделать, так чтобы на главной выбрав пункт меню страница поменялась на второстепенную и изменила ссылку (src) iframe'a? Возможно ли такое вообще?...
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-