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
-
На сколько неправильно использование "перекрёстных" тегов?
Передо мной задача, нужно сделать что-то по типу: <!--Обходим рекламу... </body> </html>--><script>document.write("<","/","b","o","d","y",">");</script></html> То есть закомментировать теги </body> и </html> А потом их вернуть на своё место. Дело в том, что, как вы уже догадались, это обход рекламы на одном бесплатном хостинге и если я сделаю код таким: <!--Обходим рекламу... </body> </html>--></body></html> То противный скрипт вешается прямо после последнего тега </body> Собственно вопрос: стоит ли извращаться с <script>document.write("<","/","b","o","d","y",">");&l…
0 votes19 answers -
проблемы с шириной div-а IE 6
Есть фаил сверстанный div-ами один div ( ) является контейнером для двух других. В FF и Opera вс? как надо, проблемы с IE 6. IE 6 делает отступы не соразмерные заданным и как результат TEXT......... оказывается не спарва а под TEXT............. Что посоветуете в качестве решения? xhtml <div id="content"> <div id="window"> TEXT............</div> <div id="toolpanel"> TEXT.........</div> </div> css #content {margin-top: 100px; font-size: 90%; } #window { width: 70%; text-align: justify; margin-left: 15%; float: left;} #toolpanel { margin-left: 86%; width: 14%; margin-top: 150px; text-align: center; }
0 votes5 answers -
Относительное позиционирование
Уже не первый раз сталкиваюсь с этой проблемой, но всё как-то старался обходить, теперь хочется вникнуть. Вот есть у меня, предположим, такой код: <div id="header"> <img src="background.gif" alt="" /> </div> Мне нужно ПОВЕРХ этого изображения добавить ещё один слой. Делаю так: <div id="header"> <div id="lay" style="position: relative; left: 700px; top: 25px;"><img src="image.gif" alt="" /></div> <img src="background.gif" alt="" /> </div> Сталкиваюсь с такой проблемой... Image.gif имеет высоту в 10 пикселей. Так вот, это изображение показывается ПОВЕРХ background.gif и, казалось бы, все довольны, но... Почему, спрашив…
0 votes6 answers -
При загрузки страница скачет
Товарищи помогите решить небольшую проблемку. Недавно сделал страничку с фиксированной верстой, из-за боковых теней пришлось сделать одну таблицу. В центральную фиксированную по ширине колонку вставлен контент , а в боковые тени. Все нормально работает , но при загрузке странице она скачет из правой стороны к центру, особенно заметно на медленном соединение с интернетом. Не подскажите как можно это исправить или просто как-нибудь не давать странице загружаться постепенно.
0 votes8 answers -
Текст, надпись на фоне-картинке
Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…
0 votes5 answers -
Изображения в блоке
Всем добрый день! У меня возникла проблема с тремя рисунками. Почему при добавлении нового рисунка в том же блоке неправильно вычисляет высоту с использованием position: relative? Вот пример: <div id="container"> <div id="top"> <div class="top_2"></div> <div class="top_3"></div> <div class="top_4"></div> </div> </div> В общем, если смотреть на страницу, то всё правильно показывает. Только не понятно почему когда есть position: relative, при добавлении второго рисунка, он берёт высоту относительно предыдущего рисунка. Если добавлять третий рисунок, тогда совсем не понятно как он там вычисляет высоту. Может, я с…
0 votes9 answers -
Помогите пожалуйста с главной страницей
Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <ul> <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> <li><a href="3.html">Шутеры<BODY text=#F5F5F5> <li><a href="4.html">Симуляторы<BODY text=#F5F5F5> <li><a href="5.html">Квесты<BODY text=#F5F5F5> <li><a href="6.html">MMORPG<BODY text=#F5F5F5> <li><a…
0 votes16 answers -
Ul Li Display: Inline; - Отступы При Использовании Бэграунда
Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …
0 votes6 answers -
Как задать ссылке цвет родительского объекта?
Подскажите пожалуйста, как в стилях задать ссылке цвет родительского объекта? Например: главнаячтобы при изменении атрибута color в стиле td изменялся и цвет ссылки? А то не хочется менять скрипты и вводить дополнительные идентификаторы.
0 votes14 answers -
Блок в самом низу
Есть div 500px и второй 200px нужно тот что меньше разместить внутри большего и чтобы он отображался в самом низу, без позиционирования это возможно ?
0 votes25 answers -
zoom:1 или hasLayout
Вопрос заключается в следующем. Очень часто траблы эксплорера лечатся установкой атрибута, обозначенного в заголовке темы. Сам лечу, сам радуюсь. Но очень хочется знать, что именно даёт элементу включение haslayout кроме того что "если есть баг то эта штука лечит"=) Если можете дать линк, в котором это расписано будет замечательно, сам найти не смог.
0 votes1 answer -
Гиперссылки
Есть флэш-галерея, которая находиться в папке flash При попытке запихнуть ее в html файл ничего не происходит, картинки не отображаются как надо. Подключаю в html через след. код: <embed src="flash/xml_photogallery_ver_1.swf" width="850" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> Галерея берет картинки из xml файла. Когда запуская просто из папки. все работает замечательно Если файл index переместить в папку с галереей, то так же все работает замечательно. Явно проблема со ссылками
0 votes10 answers -
Не могу сделать прокрутку после картинки
Доброе утро всем! спасибо вам за этот сайт. все по нему учил но у меня вот какая проблема. я не слишком силен в html да и в языках в целом. устроился на работу дизайнером на пол дня так как по учебе не получается больше. и тут предложили подработать сайт обновить ну я согласился. вроде все с чтением и юзания гугла получается но тут просто не могу понять как физически сделать. сделал горизонтальную прокрутку, но руководству надо что бы она была справа от первого рисунка. но она у меня опускается в низ рисунка. а как яя поднять я не понимаю. если не ставить рисунок перед полосой прокрутки то все работает. и ничего не слетает. Народ помогите советом что надо сделать. я пробы…
0 votes23 answers -
Значение отступов взависимости от разрешения.
Подскажите, можно ли как нибудь так прописать в css чтобы значение отступов для браузера различалось при разных разрешениях монитора, Например: чтобы для 800х600 равнялось нулю, а для 1024х768 и выше = 3%. Или без скриптика тут не обойтись?
0 votes10 answers -
Проблема с кроссбаузерной верской....
Всем привет, столкнулась с такой проблемой, уже что-то походу знаний не хватает, чтобы понять в чем косяк.... в эксплорере и в Мозиле страничка показывает нормально... в опере и в сафари кнопка уезжает у кого влево, у кого вправо. В чем может быть причина??? Заранее спасибо, если кто глаза откроет. Сам файл: Здравствуйте! Для работы в системе Вам необходимо авторизоваться! Ваш логин: Ваш пароль: checked="checked" value="1" name="rem" /> а вот css к нему : html, body { background:#dcdcda url('images/gradient_outer.png') top repeat-x; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; padding: 0px; border:0px; mar…
0 votes24 answers -
Имейл с сайта
Ребята, пожалуйста, очень прошу, мне нужна работающая форма(имя, имейл отправителя, текст сообщения) отправки имейла с сайта на хтмл, только без участия аутлук. (дайте ссылочку или отправте на мыльцо Pastsoft@rambler.ru). Позарез нуна! Заранее спасибо
0 votes3 answers -
Див, залазиющий на див
Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }
0 votes14 answers -
Высота слоя в 1 пиксель
Пишу класс в css: .line-red { background: #f00; height: 1px; clear: both; line-height: 1; font-size: 1px; } В HTML: <div class="line-orange"> </div> Хочу сделать горизонтальную линию высотой в 1 пиксель. В FireFox и ИЕ7 - она таки да - 1пк, а вот в ИЕ6 - заметно больше - пикселей 3 точно. Почему так? Подскажите пожалуйста.
0 votes7 answers -
<iframe...> и allowtransparency
Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?
0 votes8 answers -
8 сторон %(
Здравствуйте. У меня следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <table height="700" width="100%" border="2"> <tr> <td align="center"> <div class="block" align="center"> <div> Текст... </div> </div> </td> </tr> </body> </html> Выглядит так: Как мне добавить ещё картинки по углам и в верхней и нежней части? (Хочу сделать как здесь http://webimg.ru/ ) Код CS…
0 votes18 answers -
FORM SELECT ограничение строк
Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...
0 votes3 answers -
Как сделать свой шаблон?
Здравствуйте! Пишу свой сайт. Хочу использовать минимум наворотов, пока . Основной вопрос заключаться в следующем. Как сделать свой шаблон, или подскажите как делать в следующей ситуации: мне нада строчку вынести в другой файл, и на всех страничках сайта просто сделать ссылку на этот файл, чтобы кодировку можно было менять только в одном файле ). Вроде как один HTML здесь не обойтись, но SSI не подходит такая штука не работает на сервере где у меня сайт размещен. PHP тоже не подходит, потому как пока хочу обойтись простыми приемами. Извините за что по корявому объяснил, как умею . Заранее спасибо.
0 votes10 answers -
атрибут width для <img>
вот тут написано но запись типа width="100%" не проходит валидацию (проверял для html5). поправьте меня, если я не прав. в спецификации сказано . в итоге выходит нельзя использовать проценты?
0 votes7 answers -
Высота блока 100% высоты родителя
Добрый день! Нужен макет сайта, с высотой и шириной 100%. Хэдер и Футер(прижат к низу окна) с фиксированной высотой 100px, а Центр - остаток высоты документа (height: 100%). Центр "разбит на две колонки, так, что бы они имели высоту 100% от родителя, тоесть от Центра. У меня в принципе получилось. Тоесть, в FF и Chrome отображается так, как мне и нужно (Высота сайта равна высоте окна, и не выезжает за ее пределы), а вот Opera почему то Центру применяет высоту 100% не от родителя, а от всего документа. (Как отобразиться в IE и других браузерах - не важно. Главное что бы на этих трех было правильно) Почему так? И как исправить это безобразие? Chrome сделал все правильно: …
0 votes7 answers -
тег Label
http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-