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
-
тэг <input>
Всем привет, в чем может быть проблема, в разных браузерах тэг <input> отображается поразному, например для IE.8 size="80" хорошо вписывается в нужное место, но в браузерах Firefox или safari поле становится намного длиннее, если size уменьшить т.е вписать это поле для оперы то в IE оно становится коротким. Что такое может быть и как с этим бороться? Спасибо Код поля: <input type="text" size="80" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.cons…
0 votes9 answers -
CSS position: absolute Vs relative
Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…
0 votes9 answers -
DOM или Sprite
В вёрстке мне необходимо изображать несколько квадратов внутри ячейки таблицы. Их можно сделать с помощью применения стилей к некоторому элементу DOM. Например, сделать три div. С одинаковой шириной и высотой, дать отступ справа, выровнять их вправо с помощью float. Но можно сделать Sprite и подставлять эти же квадратики фоном. Я уже делал и так и так. По моим наблюдение много float тормозит отображение. А использование фонового изображения создаёт эффект, что картинки появляются не сразу. Так как таких квадратиком до сотни на странице. Какие вы видите за или против этих двух способов? Или может есть что-то лучше, чем я описал?
0 votes17 answers -
структура сайта на flex
помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox
0 votes1 answer -
first-child
Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.
0 votes6 answers -
Как по-нормальному убрать scrollbar'ы?
Как по-нормальному убрать scrollbar'ы? Короче ситуация такая - не хочу задавать фоны <div>"ов в процентах, но когда задаю ширину бэкграунда 1280пиксей то в браузерах почему-то появляется горизонтальная полоса прокрутки, хотя разрешение экрана 1280х1024... Можно поставить на все overflow: hidden, но тогда при уменьшении размеров окна часть страницы просто обрезается и скроллбар не появляется. Интересно, как можно решить проблему? неужели без резиновой верстки не обойтись??
0 votes2 answers -
Прокрутка
Есть такой интересный скрипт пот скрин http://image4all.narod.nnov.ru/images/1210...d3388c9ff98.png Как сделать такую прокрутку.Мне говорили это такое свойство подскажите как сделать?!Это прокруска не всец страницы а например текста в блоке!
0 votes4 answers -
Смещение блока в IE6
Стандартно это делается через указание в CSS левого и центрального поля - плавающим {float:left} и если в блоках находится простой текст без какого любым форматированием все срабатывает, кроме той ситуации когда текст выравнивается по ширине (alligne="justify")? тогда и начинаются проблемы в IE 6.0, третий блок переносится в следующую строку, хотя в остальных браузерах все нормально Как сделать так чтобы все блоки располагались в строчку, независимо от того какой формат контента в них? Вот рисунок: А вот код: <div class="conteiner_main" align="center"> <div class="content_conteiner"> <div class="left_column"><p>Три…
0 votes10 answers -
Всплывающие окна в joomla
Доброго времени суток, форумчане! Введение. Во-первых хотел поблагодарить организаторов данного проекта, что создали ресурс, где действительно нужная и правильная информация и при этом все благородно оформлено. Все по-настоящем! Спасибо! А во-вторых, обращаюсь с со своими тяготами. Делаю сайт на joomla, это мой второй сайт. Первый раз взял шаблон с программы Artisteer (программа создает шаблоны для CMS) Второй шаблон решил сверстать сам, хотя не знаю ни каких основ верстки и т.д. Шаблон сверстал, но со стилями так и не разобрался (не смог создать своего), разозлился сильно-сильно, и удалил все! Теперь переделываю опять шаблон только уже со стилями из Artisteer. Если будут…
0 votes0 answers -
Текст отображается, как ссылка
Здравствуйте. При изучении HTML я столкнулся с проблемой. Я пытался сделать маркеры на странице и ссылки на них. Однако из-за этого весь текст выглядит, как одна большая ссылка. А если быть точнее, то начиная с "Глава 1 под линией и до конца, ссылка ведет на "el2". Помогите, пожалуйста разобраться с этим. Что тут не так?
0 votes3 answers -
Прыгающие блоки в Ослике 6
Я тут почитал вопрос ниже, но увы он мне не подошел. Суть вопроса: Есть шапка <!-- body { margin: 0; padding: 0; background-image:url(i/top_c_plash.jpg); background-position:top; background-repeat:repeat-x; } --> <div style="width:100%; min-width:972px; height:253px; display:inline-block;"> <div style=" float:left; height:253px; width:500px; display: inline-block;"><img src="i/top_l.jpg" width="500" height="253" alt="top_l" /></div> <div style=" float:right; height:253px; width:468px; display:inline-block;"><img src="i/top_r.jpg" alt="top_r" width="468" height="253" /></div> </div> Пытаюсь добиться иллюзии …
0 votes3 answers -
0 votes5 answers
-
Дайте совет, все ОК, только менью . . .
Вот та страница сайта над которым работаю. t a m c r e d i t . g e / f i n a n c i a l . h t m (без пробелов) Я хочу переделать вес сайт, чтобы все страницы были с такими же играющими цветом меню. Все вроде бы вставила, но вот с шириной не могу справится, как поступит, чтобы и меню было резиновой.
0 votes3 answers -
нужна помощь
помогите, пожалуйста. хочу чтобы вот так получилось, но и текст и картинки каждый в отдельной строке, что делать? просто мне это надо по-учебе, да и для интереса
0 votes11 answers -
Непонятная ошибка
Валидатор ругается на строчку Line 20, Column 78: document type does not allow element "style" here …document.write('<style type="text/css">.tabber{display:none;}</style>');</scri… The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for …
0 votes7 answers -
Линия с прозрачными краями (затухание)
Вопрос, как лучше сделать линию ?
0 votes5 answers -
Модальное окно в слайдере
Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.
0 votes5 answers -
Проблема с Мозиллой
Не знаю что делать, помогите : Разрабатываемая страница работает в IE, Opera, но отказывается отображать что либо в Мозилле (вместо рисунков и фреймов просто пустые рамки ) Что делать?
0 votes6 answers -
Проблема с <iframe> у IE 7,8
Проблема в следующем, использую тег <iframe>, на странице полупрозрачный фон таблицы, страницы которые грузятся в <ifarme> без установки фона (рисунка или заливки, то есть авто) не заливают фон, проверил на firefox, opera, safari, а IE как 7 так и 8 заливат фон в зависимости от того какой цвет стоит по умолчанию. IE Firefox Opera Safari А теперь вопрос, есть ли возможность избежать эту проблему? Заранее благодарен! =)
0 votes4 answers -
Плавающие блоки
Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?
0 votes22 answers -
Как реализовать указатель в меню
Собственно есть меню: http://kim-evgene.ucoz.ru/Temp/Test.html Надо сделать чтобы указатель (линия) был только до активного пункта, т.е. последующие пункты после активного должны быть уже без линии Я думаю это легко сделать через ява скрипт, только сам его совсем не знаю, к примеру: есть активный пункт меню с классом "this", скрипт проверяет, если у элемента ("li") класс не "this" то делает бордер слева, если "this" то так же делает бордер и + увеличивает какую-то специально созданную переменную на 1 (которая была равна до этого к примеру "0", и так же до этого проверялась в скрипте), и дальше скрипт уже видя что переменная равна "1" не делает бордер Подскажите, пожалуйст…
0 votes4 answers -
Прыжок
не хочу делать кнопку на страничке ххх.narod.ru на страничку .ru подскажите хтмл код чтоб заходя на сайт xxx.narod.ru ничего не нажимая поподать на www.xxx.ru и ещё хочу на сайт сделать форму для писем (чтоб письма отправлять прямо со страничке) как правильно называется эта форма и может где-нибудь есть готовые !!!
0 votes10 answers -
слой с параметром float
Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части <html> <head> <style type='text/css'> #center_left { width:52%; float:left; } #center_right{ width:44%; float: right; padding-left:15px; } #left { width:52%; height:auto; float:left; background-color:#FFFDF4;} #right{ width:43%; float:left; height:auto; padding-left:15px;} #center_right_bottom{ width:468px; float: right;} </style> </head> <BODY> <div style="width:100%;"> <div id="center_left" style="background-color:#FF9900"><br><br>сл…
0 votes8 answers -
сервисы погоды и курса вылют
Добрый день всем !!! Помогите решить задачу , хотелось бы на сайте разместить погоду и курс валюты . Где и как это мделать . Огромное спасибо всем !
0 votes7 answers -
Не работает input
Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-