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 на CSS в Internet Explorer младше 7-ой
Уважаемые специалисты! Подскажите в сложившейся ситуации. Верстка шаблона на DIV-ах. Их свойства описаны через CSS. Основная часть шаблона страницы поделена на три DIV-колонки. Их свойства описаны в #left, #container, #right ( #container - для основного контента). Расположение блоков традиционное. При просмотре во всех браузерах отображение нормальное, кроме Internet Explorer младше 7-ой версии, где #container почему-то сползает под #right , оставляя свободное место. И что еще хуже, текст грубо обрезается справа так, что читать невозможно Подскажите, как исправить эту проблему. Ради кривенького и старенького IE переписывать шаблон на таблицы нет смысла, кроме того, эт…
0 votes12 answers -
DIV обрезает букву
Есть обычный блок, случайно заметил, что левая вертикальная палочка большой буквы "Д" обрезана. Текст в блоке выровнен по ширине. С чем это может быть связано?
0 votes15 answers -
Как убрать отступ?
подскажите как между картинками в таблице убрать пропуски? Решил поставить себе на рабочий стол html страницу (ну как в хоттабыче )) ), нарезал картинок, вставил их в таблицу, в броузере пропусков нет, а на рабочем столе есть! <html> <head> <title>Хоттабыч</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> .cross { cursor: default; } </style> </head> <body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0" BGCOLOR="#000000"> <table width="1280" height="363" border="0" cellpadding="0" cellspacing="0"> <tr> <td border="0" cellpadding="0" cellspacin…
0 votes8 answers -
overflow ограничивает абсолютный блок
Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.
0 votes13 answers -
скрипт для фонового img
Привет! Мож кто знает, как называется хтмл скрипт, для пропорционального выравнивания фонового img по краям странички браузера?.
0 votes21 answers -
Колонтитулы на странице для печати.
В word'e (Microsoft Word) возможно прописать верхний и нижний колонтитул чтобы он повторялся на всех страницах. Возможно ли такое же добавить как-то в стили для страниц на печать. Т.е. страницы которые стилизуется через media = "print". Допустим, контента на странице на 7 листочков А4, возможно ли сделать 2 diva повторяющимися в заголовке страницы и в футере, на манер вордовских файлов. Чтобы на всех 7 распечатанных страницах оба дива повторялись. а не 1 в начале и 1 в конце. P.S. Не нашел на форуме ответов на данный вопрос. В документации даже не знаю какую тему открыть чтобы почитать данный вопрос.
0 votes1 answer -
наставник Поиск наставника!
Здравствуйте. Изучаю верстку уже около полугода. Недавно встал такой вопрос: "А почему бы не найти человека,который будет мне помогать в верстке,давать советы,говорить как лучше сверстать,тыкать носом в мои ошибки?". Я понимаю,может этот пост будет написан напрасно,т.к. мало людей,кто хочет тратить время на совершенно левых людей,да еще и бесплатно. Но все же,я ищу человека,который станет моим наставником,будет составлять ТЗ, которому можно будет задавать вопросы,когда что-то непонятно,который будет давать советы,как лучше сверстать/назвать тот или иной блок. Немного о себе: Юноша,15 лет,изучаю верстку с августа(сначала прошел курсы на htmlacademy.ru, затем,вот,недавно,за…
0 votes26 answers -
кроссбраузерность - частный случай
Добрый вечер Создал первый в свой веб-сайт: http://peartree.ho.com.ua Сильно за дизайн не пинайте Писал, как посоветовали, под Мозиллу. Под Мозиллой работает нормально ? так как и планировал. Но если его открыть через ИЕ ? беда. Сразу возненавидел ИЕ? Подскажите, отчего все мои круглые уголки в левой части сместились вниз? Это хорошо видно здесь: http://peartree.ho.com.ua/news.php Вот кусок кода. Часть ПХП кода забрал, чтобы не отвлекал: .leftcol{ float: left; width: 170px; } .leftcol1,.leftcol2,.leftcol3{ background: #E8E8E8; position: relative; margin-bottom: 10px; } .leftcol4{ background: #E8E8E8; position: relative; } .bolt-top-left{ width: 18px; height: 18px; po…
0 votes12 answers -
лишний пиксель снизу в IE
Здравствуйте! вот,сверстал недавно сайтик - http://atahanov.ru/ (не посчитайте за рекламу, пожалуйста, просто лень выкладывать отдельно код и принтскрин, но, если все-таки надо будет, то сделаю..) вроде все просто - верстка таблицами, css только для текста и ссылок, никакаго флеша.. в файрфоксе все отлично отображается, в сафари тоже, а вот ИЕ, гад почему-то вставляет снизу полоску и из-за этого картинки не прилегают вплотную к дну браузера, весь вид портится.. как только не бился - вроде все обнулено в таблицах, все целпадинги и целспейсинеги и тд, а вот полоска не пропадает и все тут.. кто знает, подскажите, пожалуйста, как это исправить? заранее благодарю! p.s. - если …
0 votes20 answers -
position: fixed не работает в IE < 7мой версии - есть альтернатива?
Привет всем. Слой должен оставаться на месте при прокруте. Доктайп строгий. Использую position: fixed; в FF , Safari слой на месте, в IE 7 тоже вс? отлично но! не работает в IE в версиях меньше 7мой ((( Существует ли альтернативное решение этой задачи для более ранних версий IE?
0 votes6 answers -
Мои вопросы
Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?
0 votes52 answers -
CSS hacks (проблема с Safari 5)
Алоха. Перестал работать персональный css hack (селектор:not(:root:root) {свойство:значение;}) для Safari 5, но на старых версиях Safari работает "на ура". Кто-нибудь знает персональный css hack для Safari x<5<x? Встречал много статей, в которых утверждается что, к примеру, какой-то css hack только для Safari, начинаешь проверять его и получается, что он также читается и Google Chrome'ом. Все что я нашел работает для Safari_5+Google Chrome, а по отдельности только для Safari и только для Google Chrome - нету. Есть идеи? По теме: http://studioad.ru/blog/2009-09-30-92
0 votes12 answers -
OBJECT вместо IFRAME
Раз элемент IFRAME заперещен в XHTML Strict, то нужно как-то без него обходиться. Вот только как? Элемент OBJECT конечно может отобразить другой документ на странице, но это само по себе бесполезно, если учесть что атрибут TARGET тоже запрещен. Таким образом, необходимо придумать как по клику на элементе панели навигации сайта менять документ, загруженный элементом OBJECT. Вот такой способ... <object id="information_field" data="page_1.html" type="text/html"> <div class="button" onclick="information_field.data=page_2.html';"> ...не подходит. Атрибут меняется, но на странице все остается по прежнему. Что же делать???
0 votes7 answers -
Резиновая рамка п каям сайта.
Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar
0 votes7 answers -
3 колонки, шапка, подвал - контент вверху html (после шапки)
Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…
0 votes2 answers -
Резиновый горизонтальый слайдер
Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…
0 votes10 answers -
Как сдвинуть форму?
Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…
0 votes1 answer -
Сворачивание меню в Bootstrap
Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…
0 votes0 answers -
списки
<div class="apDiv1"> <a href="index.php?categoryID=24" class="cat">простые телефоны</a> <br> <ul> <li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li> <li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li> <li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="in…
0 votes18 answers -
смена картинок по onclick
Доброго времени суток. суть вопроса такова. Необходимо сделать категории для картинок в слайдере nivo. вот предположим, что это кнопки категорий. <div id=cont_main_menu> <div class =menu_item_1><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 1</a></center></div> <div class =menu_item_2><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 2</a></center></div> <div class =menu_item_3><center><a href="" class="off1" onMouseOver="this.className='on1'"…
0 votes13 answers -
как привязать див к правому краю таблицы
есть отцентрированная таблица. К ее правому краю нужно привязать див. Идея в том, что сама таблица всегда должна оставаться по центру, при изменении размеров окна браузера. Если в таблицу добавить еще один столбец справа, то основное тело таблицы сместится в лево, что недопустимо. Подскажите можно ли это сделать?
0 votes10 answers -
Посоветуйте
Посоветуйте шаблонизатор, не такой огромный и монстрообразный как Smarty. 150кб кода кажутся мне лишними в 40кб-ом проекте
0 votes3 answers -
Пожалуйста, помогите с парольным доступом!
Приветствую, не могли бы вы помочь, у меня первый заказ на веб сайт, до этого занимался созданием сайтов,но тут придумал уже дизайн, сделал макет, договарился с людьми и заступорился на такой вещи как парольный доступ, покапался на этом сайте. нашел код, но он у меня чтото не работает, при любом пароле пускает! не могли бы вы помось с кодом! нужно чтобы был один пароль ну и как на картинке В общем (она увеличена, сам пароль находиться в верхнем правом углу) ОГРОМНОЕ СПАСИБО ЗАРАНЕЕ! ПОЖАЛУЙСТА помогите!
0 votes16 answers -
HTML-редакторы, не требующие инсталляции
Подскажите, пожалуйста, какие-нибудь html-редакторы, не требующие установки. На учебе устанавливать программы нельзя, а в стадартном блокноте работать не очень удобно. На компьютерах установлен windows xp и линукс.
0 votes24 answers -
Слетел подключенный шрифт на сайте
Вот к примеру, страница <H1> выводился с подключенным шрифтом MyriadProLightCondensed, но тут вдруг перестал. Стили я не правил (т.е. вообще даже не открывал), менял только код PHP в некоторых шаблонах компонентов. Теперь почему-то не подключается нужный шрифт ни в одном браузере. Помогите разобраться? Да, кстати, дамп сайта на локалке работает как надо.
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-