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
-
HTML редактор
Посоветуйте пожалуйста удобный редактор с подсветкой синтаксиса. И если можно ссылку на скачивание. Спасибо!
0 votes7 answers -
Ширина для линейных элементов
Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!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" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…
0 votes2 answers -
Плавающие блоки выходят за пределы родительского
Всем привет! Вопрос может слишком просто но все же! У меня есть родительский блок в котором 2 плавающих блока (float:left) как мне сделать так что бы они не вылазили за пределы родительскго. Т.е что бы при увеличении вложеных блоков увеличивался и родительский! Я знаю что можно использовать свойство clear: both. Но это свойство должно не родителю! В общем у меня чего то не получается!
0 votes4 answers -
Список li в несколько колонок
Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…
0 votes11 answers -
как в <input type="text" /> описать href и style hand
Добрый день. Не знаю как такую задачу решить. Мне надо чтобы в <input type=text value="..."> отображался активный маил, тоесть кликнуть по адресу и откроется почтовая прога. Вот этим добился таки определенного результата 1. <TD width="15%" align="center"><a href="mailto: <?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"> 2. <input type="text" name="createmail2" style="width: 100%" 3. onfocus="this.style.backgroundColor='#fff'" value="<?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"></a> 4. </TD></TR> но …
0 votes4 answers -
проблема с google chrome, пропадает clear: both
Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.
0 votes4 answers -
Создание градиента. Вопрос в личку.
Мне в ПМ пришел вопрос следующего содержания: Не буду называть ник человека без его разрешения. Я предлагал администрации создать небольшой раздельчик, в котором освещались бы вопросы работы с графикой. Пока его нет (или если его вообще не будет) на подобные вопросы буду отвечать здесь, как в наиболее подходящем по тематике. Итак, что касается вопроса с градиентом. Первое - не надо изобретать велосипед, если он уже изобретен в виде инструмента (если мы касаемся растра) - Gradient Tool 1. Нажимаем Ctrl+N, чтобы все было наглядней возмем площадь побольше, например 1000х800 пикселей. Цвет оставляем белый. 2. К примеру нам надо сделать градиент, который намекал бы нам на …
0 votes31 answers -
Страница "уезжает" влево
Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.
0 votes2 answers -
HTML код
Столкнулся с такой проблемой. Мне нужно оформить страницу так, чтобы по была не ссылка а фото и по нему заходить по уже скрытой ссылке.Хочется сделать все красиво. Проблема в следующем....на одном сайте все отлично а на др. не проходит. Может есть универсальный код? А делаю я примерно так загружаю фото на фастпик и помещаю ссылку в код там где есть и ссылка на саму страницу. Может теги не все верны. Подскажите кто знает какие варианты давно хочу разобраться с этой процедурой раз и навсегда!?
0 votes3 answers -
div.hover
имеется 2 слоя <div class="sloi1">слой1</div> <div class="sloi2">слой2</div> как сделать так, чтобы при наведении курсора на первый слой вместе с ним выделялся и второй слой тоже?
0 votes3 answers -
overflo:auto+position:fixed+IE7==BSOD?
Цитата отсюда: Как у меня сейчас: #snipDIV { position: fixed; ...<прочие css-свойства для snipDIV>... overflow-y: auto; } Согласно отквоченному выше при загрузке страницы со snipDIV в IE7 я должен получить чуть ли не BSOD! Ну прямо "чистого" IE7 у меня нет, а вот в IE9 в режиме "эмуляции" IE7 (F12->Document mode=IE7 standards) страница грузится без проблем. И если нужно - все скролится. Есть у кого какой опыт по наблюдению данного бага в реальности? Косвенно, как видите, не подтверждается. Кстати - даже по Task Manager засек нагрузку на CPU в момент запроса такой страницы. Нет там ничего сногсшибательного, 6-8% загрузки CPU. Откуда вообще отквоченная инфа…
0 votes3 answers -
Проблема при отображении фонового рисунке в ИЕ 6
Всем привет! У меня есть html <div class="footer_bottom"> <div class="footer_bottom_left"></div> <div class="footer_bottom_right"></div> </div> и css .footer_bottom{height: 11px; background: white;} .footer_bottom_left{float: left; height: 11px; width: 11px; background: url(images/content_bottom_left.jpg) no-repeat;} .footer_bottom_right{float: right; height: 11px; width: 11px; background: url(images/content_bottom_right.jpg) no-repeat;} Все вроде бы работает нормально, но не в ИЕ 6. фоновый рисунок в .footer_bottom_left .footer_bottom_right смещаются каким то образом вверх на н…
0 votes0 answers -
закрепить изображение
есть блок, в нём изображение. если увеличивать масштаб, картинка тянется по горизонтали (и по вертикали), соответственно ,едет. нужно закрепить как-то картинку, чтобы её, например, центр (или другая точка) оставались на месте, а изображение за счёт масштаба ползло вбок-верх-низ. реально ли сделать так средствами css?
0 votes0 answers -
фонофое изображение
добрый день. Фоновое изображение по ширине должен растягиваться на 100% ширины окна браузера(по высоте – пропорционально растяжению по ширине). Центр фонового изображения должен оставаться на одной и той же высоте. Таким образом, при большой ширине окна браузера верх изображения должен «срезаться» верхним меню; низ – белым градиентом; пропорции должны оставаться неизменными. можно ли как-то закрепить центр изображения? оО можно ли как-то обрезать изображение (вложенное в блок тегом img)?
0 votes6 answers -
подложка подвала
очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …
0 votes1 answer -
объясните поведение блока
Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?
0 votes2 answers -
Какие косяки могут быть с "position:relative"?
В макете понадобился закрыть часть экрана блоком с "position:fixed". Из-за чего некоторые ссылки перекрылись этим блоком. Отслеживать поведение каждой - уйма времени. Вариант - задать всем перекрытым блокам position:relative и "вытолкнуть" их наверх через z-index. Какие при этом могут появится косяки? Например, переопределение родителя при абсолютном позиционировании (вместо body - позиционированный блок) или float будет корректно работать? Может ещё какие подводные камни?
0 votes0 answers -
Как к изображению можно добавить мал. картинку в верхний правый угол?
Дорого дня. Как к изображению можно добавить мал. картинку в верхний правый угол? Еще такой вопрос терзает, как лучше прописывать путь к картинке в таком виде <img src="image/1.png" /> или же <img src="http://site.ru/image/1.png" />
0 votes4 answers -
Не знаю как разместить надпись по центру
Как можно сделать надпись по центру по вертикали: Верстала следующим образом: <td><div class='navigation'><a href='#' class'navigation'>Розма</a></div></td> Фон задан для ссылки,поэтому,если пытаюсь делать отступы,то двигается всё. Что делать?Помогите,пожалуйста.
0 votes5 answers -
Оптимизация шаблона для Joomla 1.5
Для того, чтобы в шаблоне выводились, скажем, автор статьи, дата создания, заголовок страницы, используются следующие классы: <div class="small">, <div class="createdate">, <div class="contentheading">... Какие вы, господа, знаете еще? Имхо, это будет вполне полезная инфа для многих.
0 votes1 answer -
:link и отделение якорей от внеш.ссылок
Всем привет! a{color:red;font:20px Arial, Helvetica, sans-serif;} a:link{background-color:orange;} у меня хром присваивает даже якорям background-color:orange; опера игнор а ие6-все гуд в html5 нужно использ id!!ничого не поменялось а как теперь отделять?
0 votes3 answers -
<style> внутри <body> XHTML 1.0
Доброго времени суток. Интересует такой вопрос, можно ли размещать <style> внутри <body>? <!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> </head> <body> <style type="text/css"> <
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-