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
-
Персонаж : как его одеть
Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: css /**************** Man charaster ****************/ .mchar { width: 125px; height: 285px; border: 1px solid #690000; } /*** man image ***/ .mimg { position: relative; z-index: 1; margin-top: -285px; float: left; } /*** char items ***/ .mchar .items { width: 125px; height: 285px; position: relative; float: left; z-index: 2; } .mchar .items div { height: 0px; width: 0px; float: left; } .mchar .items div img { width: 125px; height: 282px; position: relative; } /* items category z-index */ .mchar gun { z-index: 9; } xhtml 1.0 <!-- man charaster --> <div class="mcha…
0 votes8 answers -
valign в мозилле не работает корректно
Вот код (http://fugas-test.jino-net.ru/?color=000000): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <style type="text/css"> <!-- .borderous { border-width: 1px; border-style: solid; border-color: #<?=$_GET['color'];?>; border-left: 0; border-right: 0; } --> </style> <link href="/main.css" type=text/css rel=stylesheet></link> <script defer src="/js/pngfix.js" type="text/javascript"></script><!-- by Vasya Zhukov --> <script src="/js/flash.js" type="text/javascript"></script> <script type="text/javascript">color = "<?=$_GET['color'];?>";</script> <t…
0 votes3 answers -
vertical-align: baseline
vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?
0 votes5 answers -
Возможно ли создание кнопки
Возможно ли создать кнопку с закругл?нными полями на основе ячейки таблицы, то есть , при этом нельзя использовать background-image? Если да, то подскажите как или дайте ссылку, где можно почитать об этомИли как то изменить , чтобы он был с закругленными краями
0 votes4 answers -
input внутри ссылки
Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?
0 votes7 answers -
тег Label
http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?
0 votes13 answers -
Как добавить заголовок?
Уважаемые специалисты! Подскажите, пожалуйста, как добавить заголовок в тегах , чтобы он смотрелся органично в таблице с текстом, либо на месте слова "ГЛАВНАЯ" на главной странице сайта:http://www.stalgarant.ru/
0 votes9 answers -
Не задается размер в 100% Div'у
HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…
0 votes12 answers -
Растягивание таблицы в опере при восстановлении окна
В опере наблюдается глюк, когда при уменьшении размеров окна, таблица растягивается в высоту вместе с ее содержимым, а при восстановлении окна - остается такой же растянутой и не сужается по содержимому, как это делает експлорер, т.е. появляется куча свободного пространства в ячейках. Можно ли решить эту проблему? Вот код страницы: <html> <style media=screen> a.menu {color: green; text-decoration: none} a.menu:visited {color: green; text-decoration: none;} a.usual {color: blue; text-decoration: none;} a.usual:visited {color: purple; text-decoration: underline;} table {table-layout: auto; font-family:arial; font-size:10pt; font-color:black;} .selected_e…
0 votes3 answers -
Некорректное расширение картинки.
Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.
0 votes4 answers -
Резиновый по горизонтали футер в три колонки.
Подскажите пожалуйста, работает ли позиционирования одного блока div относительно другого блока div? Будет ли работать вот такое позиционирование ? <div style="width:100%; height:60px;"><div style=" width:200px; right:40px; bottom:0px; position:relative;" >Абра Кодабра</div></div> Как можно спозиционировать правый край внутреннего дива от правого края внешнего ? Вот моя попытка реализации резинового футера http://ulskiy.org.ua/example/example.html
0 votes2 answers -
Двоится текст в IE
Вот тут по ссылке скриншот... Этот глюк уже просто в горле здоровой костью застрял... Может кто-нибудь подскажет, из-за чего это происходит и как это поправить? ПОМОГИТЕ, НЕРВЫ ГОРЯТ http://extcity.com/work/ie_shit.jpg
0 votes7 answers -
span как ссылка
есть участок кода <a href="index.htm"> <span class="cage" style="cursor: pointer"></span> </a> .cage { background: cccccc; width: 20px; height: 20px; padding-left: 5px; display: inline-block } проблема в том, что в осле квадратик отображается идеально, в опере очень плохо (именно потому, что ссылка, как я понял), в фаирфоксе вообще не отображается... в чем соль?
0 votes8 answers -
Вопрос по коду шапки
сделал шапку, засунул в таблицу бегграунд, засунул флеш .swf. Все вроде бы ничего, но есть один косячек. Посмотрите скрин Как видно на скрине, есть небольшой разрыв между бегграундом и флеш. Пробовал уменьшать, увеличивать флеш. Но так и не смог сделать. Подскажите, в какую сторону копать, чтобы исправить косячек. Вот сам код таблицы <table width="100%" border="0"> <tr> <td height="173" background="../../images/321.jpg"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','714','height','171','title','MSP - Electronic Music Portal','src','../..…
0 votes3 answers -
помогите выровнять FRAME
Есть необходимость сделать сайт с двумя фреймами (один над другим) причем дизайн (не резиновый) предполагает, что между фреймами не должны быть заметны границы. Поэтому в верхнем фрейме не должно быть горизонтального скроллинга. Нижний фрейм всегда больше видимой части страницы - поэтому всегда есть вертикальный скроллинг. Основные блоки страницы должны быть выровнены по центру. Тк нижний фрейм всегда имеет вертикальный скроллинг для выравнивания верхнего тоже пытаюсь включить ему вертикальный. В результате в Мозилле все ок, в Експлорере скроллинга нет и блоки при изменении размеров окна съезжают пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/…
0 votes6 answers -
Тени от блоков (таблиц) на неоднородном фоне
Есть бэкграунд, который представляет собой узор. Например, такой: , или такой: . Как при помощи css сделать тень на таком фоне? Интересует корректная работа результата как минимум в ИЕ, Firefox, Opera и Safari. Спасибо.
0 votes11 answers -
Проблема с высотой ячеек в таблице.
Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…
0 votes2 answers -
Изменение стиля
Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:
0 votes7 answers -
Рендеринг в опере
В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?
0 votes0 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 -
ссылки на руском
На сайте есть много документов на русском. названия в кодировке cp1251 как и весь сайт. что то типа http://mysite.ru/files/Документ.doc Но браузеры как то неоднозначно к этому относятся. FF грузит без проблем. А Опера и Эксплорер говорят что такого документа нет,причем в теле ошибки имя документа указано в UTF-8. Есть ли какой то однозначный подход к решению такой проблемы? Мне просто нужно чтоб названия документов были на русском языке.
0 votes5 answers -
Правая граница таблицы выходит за границы
Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…
0 votes0 answers -
Проблемы с рамкой в Mozille и Opere
Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!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>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…
0 votes6 answers -
float:right в шапке "узкой" колонки таблицы
Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…
0 votes2 answers -
Вертикальный отступ перед div в FireFox отображается неправильно (
<div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-