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
-
float проблемы кроссраузерности.
Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах: <div class="menu-hidden-out"> <div id='thisid' class="menu-hidden-in"> Текст Выпадающего меню. </div> </div> .menu-hidden-out { position:relative; width: 100%; z-index: +100; } .menu-hidden-in { visibility: hidden; position: absolute; top: 0px; padding: 0px; margin: 0px; max-height:200px; height:expression(this.scrollHeight > 200? "200px" : "auto"); max-width:700px; width:expression(this.scrollWidth > 700? "700px" : "auto"); min-width:120px; width:expression(this.scrollWidth < 120? "120px" : "auto"); overflow:auto…
0 votes2 answers -
inclide и несколько head
Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…
0 votes7 answers -
html или javascript?
Можно ли сделать следующую вещь с помощью только html без javascript? Есть сверстаная дивами страничка, резиновая. При ресайзе она пропорционально изменяет свои размеры. Ее правый и левый край (с тенью) -- размножаемая по вертикали картинка высотой в 1px. Фиксированую высоту я, диву в котором она находится, задать не могу, т.к. она динамеческая. И, в зависимости от размера окна, все время разная. Так вот можно ли как нибудь сделать,чтобы картинка эта размножалась адекватно без скрипта? Здесь много текста стили: .list_left{ background:url(images/list_center_right.jpg) repeat-y; width:30px; float:left; } .list_right{ position:relative; background:url(images/list_cente…
0 votes4 answers -
Градиент по списку
Объясните как сделать градиент в списке. Наприме, ситуация: имеем ul-спискок из 4 элементов. Надо, чтобы от первого до последнего, цвет плавно менялся с красного на зелёный.
0 votes13 answers -
Непонятки с td rowspan
<table border="1" height="100%"> <tr height="10"> <td width="700">1</td> <td width="223" rowspan="2"> <br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1 </td> </tr> <tr height="*"> <td width="700">1</td> </tr> </table> В опере всё отображается корректно. В ИЕ первая строка таблицы отображается не правильно (её высота дол…
0 votes15 answers -
Использование нескольких классов без кавычек
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
0 votes3 answers -
Проблема с фреймом(html).
Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…
0 votes6 answers -
Блок Обратная связь
на сайте есть готовое решение http://htmlbook.ru/practical/obratnaya-svyaz все работает но как сделать что бы выезжала не слева, а справа??
0 votes8 answers -
frD-дублирование текста не понимаю почему.
Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; wi…
0 votes5 answers -
Форма входа
У меня форум на ucoz, и там при входе, когда требуется ввести логин и пароль все время стоит галочка "запомнить", как от этого избавиться?
0 votes15 answers -
Как при XHTML1.1 растянуть таблицу в высоту
Как при XHTML1.1 растянуть таблицу в высоту на 100%?
0 votes6 answers -
Как выровнить текст по вертикали
Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…
0 votes10 answers -
haml, sass и все такое
Привет всем верстальщикам :-) С версткой у меня мягко говоря не очень, в основном бекенд, поэтому хочется немного подтянуть эту область. В связи с этим возник один вопрос - использует ли кто-то такие штуки как HAML, SASS, как кто вообще относится к синтаксическому сахару? Лично мне все это удобней, чем писать на html+css но... хотелось бы услышать мнение верстальщиков. И еще - шаблоны, например Boilerplate - тру или сакс? Хочется использовать html5 (мне он кажется более правильным, плюс есть нужные мне фичи), но напряжно заморачиваться с совместимостью со всеми браузерами. Я на ложном пути? Всем спасибо
0 votes15 answers -
Встраивание <span> внутри <a>
Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.
0 votes2 answers -
Выровнять ячейки внутри таблицы
Примерный код: <table border="1" width="100%"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> </tr> </tbody> </table> Надо выровнять ячейки внутри, при этом не фиксировав высоту и ширину ячеек. Голову ломал день) спасибо за помощь)
0 votes15 answers -
Как расположить два дива один под другим, чтобы текст обтекал их обоих.
Смотрите картинку: https://docs.google.com/drawings/pub?id=1KEb29JC9JPVgT7bpJGaqvyYHKZyfQV-IEInT28-TRLc&w=960&h=720 HTML код: <div class="div-1"></div> <div class="div-2"></div> <span class="text">текст</span> HTML менять нельзя.
0 votes4 answers -
Можно ли сделать часть PNG-картинки ссылкой?
Всем добрый день! Допустим, у меня есть две PNG-картинки необычной формы. Одна наложена на другую. Как сделать так, чтобы у одной из картинкой активной ссылкой была только определенная часть? Например, картинка – квадрат, а его угол представляет из себя ничего (прозрачен), вот как сдеалть, чтобы эта прозрачность не работала как ссылка. Возможно, "криво" изъясняюсь. Я филолог по образованию и занимаюсь дизайном, но, вдруг, верстка стала интересна для меня) Заранее спасибо!
0 votes5 answers -
Прыгает ссылка :hover
Добрый день, впервые столкнулся с такой проблемой. Имеется HTML-код: <div class="region_item">Город: <span class="city">Москва</span> <a href="#chooseCity">Выбрать другой</a></div> И соотв. CSS к нему: .region_item { clear: left; display: block; background: url(../img/grad/region_bg.png) repeat-x; height: 23px; width: 198px; margin-left: 3px; border: 1px solid #5c636b; color: #8c9398; padding-top: 6px; padding-left: 5px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; } .region_item a { text-decoration: none; color: #018fc2; border-bottom: 1px #018fc2 dashed; font-family: Tahoma, Arial, Sans-Serif; font-size:…
0 votes5 answers -
Макет должен занимать всю высоту окна браузера, независимо от объема информации
Здесь написано: « », — но не написано, как именно это сделать. Подскажите, пожалуйста!
0 votes6 answers -
printable css для большой таблицы
Здравствуйте Подскажите пожалуйста. Есть таблица с данными. Эта таблица большая по ширине. Настолько, что появляется горизонтальный скролл. Перед мной стоит задача сделать так, чтобы при распечатке все было красиво и читабельно. Т.е. как-то надо эту таблицу при помощи стилей перекрутить и выплюнуть на лист бумаги через принтер. Может, кто-то сталкивался с такой проблемой? Или хотя бы подскажите куда копать. Таблица эта состоит из n-ного количества столбцов. Каждый столбец отвечает за какой-то товар. Таблица эта - сравнение товаров по различным характеристикам. Воть тяк...
0 votes13 answers -
Ширина DIV'а
Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>
0 votes8 answers -
Блок не двигается
здравствуйте! есть компонент для джумлы, но он не удачно налез на кнопки навигации, хотел его подвинуть ниже. добавил туда такую строчку #comments-form-link {position:relative; top:50%;} пробовал менять цифры, а блок не двигается.. как его опустить?
0 votes2 answers -
Непонятные отступы в explorer
<div id="counters"> <div id="counter1"> <!-- catalog.tut.by code begin --> <a href="http://catalog.tut.by/"> <img src="http://catalog.tut.by/images/catalog-tut5.gif" border=0 width=88 height=31 alt="Каталог TUT.BY"></a> <!-- catalog.tut.by code end --> </div> <div id="counter2"> <!-- Akavita counter code --><a target=_top href="http://www.akavita.by/"> <script language=javascript><!-- d=document;w=window;n=navigator;d.cookie="cc=1"; r=''+escape(d.referrer);js=10;c=(d.cookie)?1:0;j=0; x=Math.random();u=''+escape(w.location.href);lt=0; h=history.length;t=new Date;f=(self!=top)?1:0;cd=0; tz=t.getTime…
0 votes2 answers -
Как залить background градиентом?
Видел много сайтов, где на фоне не чистый цвет, а градиент. Можно ли как-нибудь такое сделать с помощью CSS? Может есть возможность растягивать изображение на весь экран?
0 votes2 answers -
иконка возле ника
У меня на сайте есть ники пользователей. Перед ником стоит икнока. Бывают такие ситуации когда ник не влезает и переходит на следующую строчку... как мне сделать чтобы икнонка и ник всегда шли слитно, и если пересносились на новую строчку то всегда вместе.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-