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
-
Заворот фона при резиновой верстки...
Помогите решить проблему возникающую при уменьшении окна и смещениитекста и фонового рисунка вниз.. При полном окне http://img135.imageshack.us/img135/1176/01pz0.jpg При сжатом окне..http://img222.imageshack.us/img222/5181/02lc7.jpg <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новый Документ</title> <style type="text/css"> .footer{ width: 100%; background-color: #9EBF76; background-image: url(bot-bg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:…
0 votes1 answer -
Меню на рисунке
Я не смыслю полностью в этом деле...поетому никак немогу сообразить как сделать мо? меню - www.mpchat.ru/underwhat на рисунке..слева..оно все время сдвигает рисунки... Вот код...всего что у меня на титульнике...искала в шаг за шагом но ничего не нашла.. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" …
0 votes6 answers -
DIV, минимальная высота, растягивание
Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.
0 votes6 answers -
Отступ в Firefox
http://www.activeheat.ru/ В IE перед меню отступа нет, а в FF вверху между фотоколлажем и меню пустое место. Откуда оно появилось? Как его убрать? Подскажите, плиз.
0 votes12 answers -
Регулировка отступов в <p>
Вопрос в соответствующий раздел для знающих Немогу вспомнить, а может и вовсе незнал, но мне нужно отрегулировать растояне от строчки до строчки между абзацами , как это сделать раскажите люди добрые.
0 votes3 answers -
Разъезжается ячейка в таблице. Хотя размеры указаны.
Делаю шапку для сайта. Делал вначале слоями, но в последствии оказалось, что отображается эта шапка не во всех браузерах хорошо. Сейчас таблицей сделал, и о ужас :-) с таблицей тоже не все гуд. Вот посмотрите таблицу (убрал картинки и стили, что бы было нагляднее) В комментах кода суть моей проблемы. Как сделать так, чтобы ячейки ?1 и ?2 оставались при своих размерах, независимо от введенных данных ячейки ?3. Заранее благодарю :-) P.S Таблица хорошо отображается только в Firefox 2
0 votes9 answers -
Табличная верстка и формы
Есть вот такой код <table id="text" cellpadding="0" cellspacing="3" border="0" width="100%"> <tr> <td> с последней | <a href="index.php?r=1&cou=15">с первой</a> | <a href="index.php?r=2&cou=15">по рейтингу</a> | Категория <form action="index.php" method="get" name="chcateg"> <input type="hidden" name="qwerty" value="1"> <select name="chcateg" class="form" onchange="submit();" > <option value="all">Все</option> <option value="0">Фото</option><option value="1">Ужас</option><option value="2">Смех</option><option value="3">Прочее</option> </s…
0 votes3 answers -
Как сделать рамку одинаковой и в ИЕ и в Мозилле?
В ИЕ все отображается как надо. Но в Мозилле - нет. Как сделать их одинаковыми? Замучалась уже Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo" align=…
0 votes23 answers -
стиль текста в таблице border не встает?
Хочу сделать табличку, в которой будет текст, но он делается стандартным body'евским, даже заголовок не получается в css'e прописано (соответственно таблица и стиль заголовка h2): #sidebar { width: 210px; padding: 0px 0 0 15px; float: right; } .contacts { border: 2px solid #000; padding: 10px; } .contacts h2 { text-align: center; font-size: 16px; font-family: Arial; color: #000; font-weight: bold; } в самом файле сайдбара, куда это будет ставиться: <div id="sidebar" class="contacts"> <h2>Заголовок</h2></div> Можете подсказать, в чем тут дело?? Заранее благодарен!
0 votes1 answer -
Gif анимация и курсор
Всем привет! Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =) Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала? Заранее благодарю! <STYLE type=text/css> .bar A { DISPLAY: inline } .bar A SPAN { DISPLAY: none } .bar A:hover SPAN { DISPLAY: inline; right: 30px; POSITION: absolute } .bar A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90…
0 votes2 answers -
анти-альясинг и тень у шрифта средствами CSS
Доброго времени! Подскажите плиз как сделать шрифт сглаженным и с тенью средствами CSS. Вроде говорят так можно... Текст должен выглядеть вот так:
0 votes3 answers -
Проблемы с вставкой изабражения.
Нарисовал меню в фотошопе, разрезал его. Верхнюю и нижнюю часть задал как вставка рисунка над и под кнопками меню, а середину задал как фон, но изображения не состыкуются, в чем проблема? Фон смещен в право. Так же при вставки изображения слево и снизу образуется какой то зазор, как его убрать?
0 votes12 answers -
В Firefox съезжает текст
Почему на странице http://www.nordbass.ru/aerospa.php в Firefox текст "Аэро СПА получили признание во всем мире. Десятки тысяч таких бассейнов продаются" вылезает выше картинки и даже на не? залезает, хотя в html следует за картинкой? В IE вс? ОК отображается.
0 votes11 answers -
Ссылка ?
Ответьте кто знает , как задать ссылку открывающююся в новом окне браузера заданого размера ? Зарание спасибо
0 votes5 answers -
Открывающиеся окно
Подскажите пожалуйста... как сделать так чтоб ссылка, открывалась в отдельном РАЗВЕРНУТОМ окне. А то у меня на пол экрана открывается. А мне надо на весь )
0 votes6 answers -
Позиционирование ссылки на картнике
Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…
0 votes25 answers -
2 вопроса
Здравствуйте. Просветите меня пожалуйста ) Вопрос 1: Как сделать так, чтоб при нажатии на текст-ссылку-выезжали снизу пункты относящиеся к этой ссылке. А то слишком муторно делать n-ое кол-во одинаковых страниц. А точнее последующее их редактирование. Если не сложно, объясните ) Вопрос 2: У меня имеется некоторое количество exel-файлов (таблиц). Можно ли как нибудь сделать так, чтоб они отображались на сайте. Главное чтоб при редактировании этих екселев- на сайте они тоже автоматически редактировались. Реально это вообще?:/
0 votes4 answers -
поиск шрифта
сабж по имени Chiller киньте, пожалуйста, линкой, если знаете его или аналог с кириллицей
0 votes0 answers -
кнопка печати в html документах
Здравствуйте, помогите создать кнопку печати на html-странице, чтобы был предусмотрен предварительный просмотр?
0 votes1 answer -
Скажи диву "стоп"!
Здравствуйте. Проблема в след.: куча дивов у меня на странице.. и когда уменьшаешь размер окна они сдвигаются.. например "логотип" и "название сайта" на разных дивах, на одном уровне: один слева, др. справа. допустим ширЬ одного абсолютная, а второго нет. (если это важно) думал nowrap применить, но толи оно не по теме, толи не туда пихаю( HTML <div id="header"> <div id="title"> <h1>Бла-бла-бла</h1> <h4>тра-ля-ля</h4> </div> <div id="logo"> </div> </div> CSS #header { height: 200px; } #header #title { float: left; } #header #logo { width: 400px; height: 200px; background-repeat: no-repeat; float: ri…
0 votes9 answers -
Меню с закладками
Необходимо сделать меню (или дать готовый скрипт). Меню состоит из закладок, расположенных в один ряд горизонтально. При большом количестве закладок появляются стрелки справа и слева с помощью которых можно просматривать все закладки. Если закладок не очень много и они все вмещаются в строку, то срелки для прокрутки пропадают. Рассмотрю как реализацию меню, так и идею по его реализации.
0 votes6 answers -
Как правильно задавать вопросы
Наткнулся на интересную статью и честно ее можно с легкостью использовать в качестве правил любого технически направленного форума (для htmlbook она подходит идеально). Если вы считаете ее полезной перенесите туда куда нужно, ибо я не знаю куда ее ткнуть поэтому просто в отдельный топ ее кладу. http://rsdn.ru/Info/Howtoask.xml
0 votes3 answers -
область видимости clear:both;
Добрый день. Подскажите возможные пути решения проблемы: Есть 2 столбца (эмулирующих 2 горизонтальные ячейки таблицы): ... ... Вопрос: Возможно ли использовать во втором столбце стиль "clear:both" для внутренних объектов, регулируя их взаимное положение В РАМКАХ ВТОРОГО СТОЛБЦА? Получается что это свойство действует глобально, а не локально, и любой внутренний элемент второго столбца с данным свойством, автоматически выносится из положенной ему области вниз обоих столбцов.
0 votes5 answers -
Текст выходит за слой
Хоть и звучит похоже, но такой проблемы на форуме не разбиралось. Эксплорер все понимает, а FF и Opera нет. Скрины ниже... Эксплорер Опера и ФФ Вот код: <!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="css.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Фирма "РЕМИС"</title> </head> <body> <div id="container"> <div id="navitabs"> <span class="navi…
0 votes12 answers -
Какой заголовок выбрать?
Подскажите пожалуйста, при использовании такого синтаксиса: <h1><span>Текст заголовка<span/></h1> <style> h1 { background:url(logo.jpg) no-repeat left top; height:70px;} h1 span { display:none;} </style> будут ли использованы преимущества тэга заголовка? Или другими словами будет ли лучше индексироваться сайт поисковиками ( в частности Гуглем) нежели использование простого img с атрибутами alt и title? И стоит ли овчинка выделки? Заранее спасибо.
0 votes23 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-