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
-
по всей высоте дива фон
есть верстка в три колонки+шапка div имеет background img div в высоту равняется высоте контента как сделать что б div в высоту был на максимум а не по высоте контента? div{ height :100%} - не катит так как высота получается всей страницы вместе с шапкой, а надо без нее.
0 votes4 answers -
таблицу по центру экрана
Добрый день! Как записать с помощью CSS параметр таблицы Ширина страницы 650, мне надо, чтобы она располагалась по центру экрана... Спасибо!
0 votes4 answers -
отображение html-кода на страничке
Подскажите, пожалуйста, как отобразить html-код на страничке? Т.е. чтобы вместо таблички отображался именно код - table и т.д. Заранее спасибо
0 votes2 answers -
неактивные какие-то ссылки
http://creative-bart.narod.ru/index4.html в мозиле не работают ссылки (навигационная панель) В ИЭ и Орера работают, что к чему? p.s. найдете баги напишите плиз...
0 votes2 answers -
frD-Border у input[type=button] input[type=submit] в IE
Пишу я короче стиль для кнопки где у не? разные границы. Справа и слева по 3 пиксела, а снизу и сверху вообще 0 пикселов. В FF вс? нормально отображается, а в IE (проверял в 6 и 7) неконкретно, а т.е. кнопки отображаются с закругленными границами .. причем иногда по разному то захватывая при этом границы то нет... мне это дело типа ненужно, а нуно как в FF. Привожу код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> <!-- input { background-color: #FFCC33; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-right-style: …
0 votes37 answers -
Вложенные формы
Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…
0 votes11 answers -
проблемы с шириной div-а IE 6
Есть фаил сверстанный div-ами один div ( ) является контейнером для двух других. В FF и Opera вс? как надо, проблемы с IE 6. IE 6 делает отступы не соразмерные заданным и как результат TEXT......... оказывается не спарва а под TEXT............. Что посоветуете в качестве решения? xhtml <div id="content"> <div id="window"> TEXT............</div> <div id="toolpanel"> TEXT.........</div> </div> css #content {margin-top: 100px; font-size: 90%; } #window { width: 70%; text-align: justify; margin-left: 15%; float: left;} #toolpanel { margin-left: 86%; width: 14%; margin-top: 150px; text-align: center; }
0 votes5 answers -
три колонки + шапка и подвал.
<body > <!--HEADER START--> <div id="masthead"> </div> <!--HEADER END--> <!--MENU START--> <div id="wrapper"> <div id="navigation">Content for id "navigation" Goes Here </div> <div id="content"> Content for id "navigation" Goes Here </div> <div id="advertisement">Content for id "content" Goes Here</div> </div> </div> <!--MENU END--> <!--FOOTER START--> <div id="footer">Content for id "footer" Goes Here </div> <!--FOOTER END--> </body> body { font-size:62.5%; font-color:black; font-family:"Times New Roman", Times, se…
0 votes4 answers -
Подч?ркивание пунктиром
http://www.activeheat.ru/contacts.php В IE ссылки подч?ркнуты пунктиром, а в Firefox - нет Где ошибка? a.city {color: #000000; border-bottom: 1px dashed #000000; text-decoration: none;}
0 votes5 answers -
Высота слоя
Картина такая: http://rj.foto.radikal.ru/0708/5f/b08629c244a0.gif Есть невидимый слой. В него вложены два (три, четыре, пять, сколько угодно) слоя. Нужно чтобы высота самого нижнего вложенного слоя (на картинке - под номером 2) ВСЕГДА достигала родительского низа (высота родителя может меняться). Реально ли сделать такое?.. :'(
0 votes4 answers -
Выравнивание картинок с помощью Float:left и float:right
Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?
0 votes5 answers -
<table> внутри <a>
Необходимо, чтобы тело таблицы было ссылкой. В реале таблица должна требуется для формирования блока, с текстом, имеющим background в виде рисунка. Блок должен работать ссылкой. Сделал так: Link В Mozille работает, в IE нет. Что делать?
0 votes9 answers -
неужели глюк в FF?
имеем меню навигации на CSS (для IE используется JavaScript, естественно). CSS #nav { list-style-type: none; position: relative; width: 100%; float: right; font-weight: bold; } #nav a { color: #FFF; text-decoration: none; } #nav li { float: left; padding: 12px 5px; position: relative; } #nav li.frst { margin-left: 15px; } #nav li:hover { background: #3060AA; } #nav ul { display: none; list-style-type: none; background: #3060AA; position: absolute; top: 100%; left: 0; min-width: 100%; } #nav li:hover ul { display: block; } #nav ul li { float: none; clear: both; padding: 5px; } #nav ul li a { font-weight: normal; display: block; } HTML …
0 votes2 answers -
Выравнивание DIV-ов по низу таблицы
Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…
0 votes7 answers -
ul: margin: 5px;
ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?
0 votes2 answers -
Выпадающее меню vs Opera 9.1 и выше
Помогите пожайлуста! Есть сайт www.sdl.net.ua И есть проблемка, как исправить?
0 votes3 answers -
Выравнивание ПОДтаблицы
Вроде форумом не ошибся))) Помогите траблу убрать..... Первая таблица уезжает вниз. Как сделать что б их шапки были на одном уровне? Заменить две таблицы одной не предлагать -- данные генерятся динамически, поэтому это исключено. <table border=1> <tr><td> <table style="vertical-align: top;"> <tr class='title'><td>Òåëåôîí</td><td>Äåéñòâèÿ</td></tr> <tr class='subtitle'> <td><p align="left">......</p></td> <td><a href='.......'>Ðåäàêòèðîâàòü</a> <a href='......'>Óäàëèòü</a></td> </tr> <tr class='subtitle'>…
0 votes2 answers -
table-layout: fixed и Опера
собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?
0 votes4 answers -
Frame -> iframe
Добрый день! Имеем вот такой вот код. <frameset rows="97,*"> <frame src="top"> <frameset cols="350,*"> <frame src="photo.php"> <frame src="content.php"> </framset> </frameset> На данный момент во фрэйме photo - превьюшка фотки, при клике открывается в новом окне. Хотел применить скрипт lytebox (_http://www.dolem.com/lytebox/). Но он фотку открывает только в этом фрейме. А хотелось бы во всем окне. Советуют структуру странички поменять с применением iframe. Не могли бы подсказать как правильно сделать это? Заранее благодарен.
0 votes0 answers -
убрать перенос строки в списке.
Как убрать перенос строки в списке для создания горизонтального меню? <ul class="header_top_list"> <li>меню1</li> <li>меню2</li> <li>меню3</li> </ul> Результат: меню1 меню2 меню3 Нужный результат: меню1 меню2 меню3
0 votes13 answers -
Проблема с CSS в Smarty
У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…
0 votes10 answers -
Настройки скролла
Здравствуйте. Создаю блок в у которого вертикальный скроллинг. Скажите плиз как можно настраивать отображение кнопочек и самого бегунка. Можно ли через CSS, если нет то как из под JS спасибо
0 votes5 answers -
Выравнивание слоя в STRICT
Здравствуйте уважаемые знатоки Вопрос в следующем: Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке? Условия: 1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool: 2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение) Что можете посоветовать? Спасибо.
0 votes16 answers -
Проблема с линькованием css на страницу
Друзья, помогите разобраться в чем дело. Скачал маленькую портальную систему (обычная с базами данных в виде DAT файлов), установил ? понравилось. Смотрю в код а там щедрой жменей рассыпаны font`ы разные к месту и не к месту. Код почистил, стили вынес в отдельные файлы, начал прилинковывать, а не получается (ни в ручную, ни через Дримвивер) ? если импортировать в код работает, а линком ни в какую. Все правила соблюдены, файлы даже рядом уже сложил. Никак не пойму в чем дело. Может кто знает, сталкивался с такой проблемой. Извините, если оффтопик ? я здесь первый раз. Вдруг надо было в раздел "PHP" обращаться. Заранее спасибо, буду рад любым предположениям.
0 votes2 answers -
Как запретить браузеру переносить заданную строчку
собственно сабж строку 07-ААА123456 иногда браузер разделяет на две строки после дефиса(в таблице) как ему запретить делать это через поиск ненашел, поэтому запостил подскажите пжлст
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-