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
-
IE8
Установил ИЕ8 и... часть контента сайтов не отображается. Все, что в ФайрФоксе3.5 прекрасно отображается, в ИЕ8 с дефолтными настройками - нет. Сайт datingonline1.com. На главной должен в правом нижнем углу всплывать банер - в ИЕ8 он не всплывает. <script type="text/javascript" src="http://www.anastasiasaffiliate.com/banners/invite"></script> <script type="text/javascript"> invitations.init(10, 20, 30, 50, 103517, 2193); </script> Ссылка bookmark us, до того прекрасно работавшая в ИЕ6, не работает. <a href="" onclick="window.external.AddFavorite(location.href, document.title);return false">Bookmark us!</a> На других страничках есть …
0 votes0 answers -
Нужна помощь
Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл index: <html> <head> <title>Открытки HandMade </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="verh1"> <div id="verh"> <img src="images/batterfly 2.gif" align="left"> <div id="verh-right"> <img src="images/butterfly.gif"> <div id="main"> <div id="niz_left"> <img src="images/Text.gif" align="left" align="bottom"> <div id="niz_right"> <img src="images/Left bot…
0 votes2 answers -
Проблема с блоком
Вот проблема , нужно блок с четырех сторон (а может и больше) обтянуть "частями телевизора" чтоб визуально был как телек.
0 votes1 answer -
Прыгающее меню при переходах в IE
Здравствуйте. Дорабатываю вёрстку сайта http://seby.ru/ Код привести не могу, так как не понимаю в каком конкретно участке кода ошибка. Можно посмотреть листинг главной страницы. В IE 8 (и других версий), в windows XP, при переходах между пунктами главного меню, пункты меню деформируются (становятся жирными) на короткое время, а потом становятся нормальными. Этого эффекта в других браузерах нет, только в IE. Как его можно убрать? Я сначала думал, что виновато свойство подписей под картинками bold, но убрав весь жирный текст, эффект всё равно остался.
0 votes1 answer -
баннер в html
Я вставила код баннера на 2 страницы. На одной страницы он показывается http://hjemmeside1234.no/gullgaranti/gullgaranti/banner.html, а на другой которой мне надо нет http://hjemmeside1234.no/gullgaranti/gullgaranti/index-banner.html ,хотя блок с черным фоном отображается. Помогите разобратся почему он исчез . Мне нужно его вставит v нижний левый блок. Код баннера я такой вставила <div class="b-flash"> <object width="292" height="146" > <param name="movie" value="banner.swf"> <embed src="http://hjemmeside1234.no/gullgaranti/gullgaranti/images/banner_gullgaranti.swf" width="294" height="148"> </embed> </object> </div>
0 votes2 answers -
стили в теле
Когда блок стилей размещен в теле, валидаторы усматривают в этом ошибку, в то время как на отображение страниц в браузере это не влияет. Странно получается, W3C при разработке стандартов советуется с разработчиками браузеров и разработчиками сайтов, но по некоторым вопросам приходят к противоречивым решениям. Что касается разработки сайтов, то вставлять блок стилей рядом с соответствующим html-блоком удобно, и часто бывает проблематично запихнуть его в заголовок. И вот мне стало интересно, на что вообще влияет неправильное расположение блока стилей? Может для некоторых браузеров это все-таки имеет значение, или это как-то влияет на ранжирование в поисковых системах?
0 votes4 answers -
Не работает селектор атрибутов в Safari 5
Не работает селектор атрибутов "~" в Safari 5 на мобильном устройстве (iOs). Селектор целиком выглядит вот так .tabs > input.tab-selector-1:checked ~ div > div:nth-child(1){} При всем при этом, другой селектор той же категории "+" вполне переваривается. В чем может быть дело? Заранее признателен
0 votes0 answers -
Прозрачность
Вот у меня есть блок <div id="block"> в нем картинка, с классом <img class="foto" , которая имеет opacity:0.5, как мне сделать так, чтобы при наведении на block, foto было opacity 1?
0 votes2 answers -
вопрос знатокам по поводу bootstrap
добрый день. в принципе с бс знаком, работал. но вот сегодня интересный момент заинтересовал. фиксированная сетка на БС сделана так: каждая ячека имеет отступ слева, после чего весь блок с ячейками сдвигается влева на этот же отступ. а резиновая сетка сделана исходя из того, что ширина контейнера задается 100%, в итоге метод выше не применим(так как при отрицательном margin ширина блока остается такой же, как без него, и справа остается пустое место размером с этот отступ). собственно, что мешает НЕ указывать width 100% и воспользоваться методом выше не вводя дополнительные условия для first-child(last-child)?? ведь блок и так растягивается на 100% ширины. я так понимаю, …
0 votes2 answers -
Simple redirect to URL from select
Подскажите, вот есть код <div class="styled-select"> <form name="musicselect"> <select name="menu" onchange="top.location.href=this.options[this.selectedIndex].value;" value="GO"> <option selected="selected">All Categories</option> <option value="/index.php/music/category/alternative.html">Alternative</option> <option value="/index.php/music/category/blues">Blues</option> </select> </form> </div> Как сделать чтобы при выборе, допустим категории Alternative этот пункт оставался на странице? Более подробно: На главной странице по умолчанию стоит пункт "All Categories" если пере…
0 votes2 answers -
Подскажите размещение блоков
Добрый день. подскажите пожалуйста как лучше всего закрепить блоки согласно рисунка так чтобы image 1 всегда было сверху, а image 2 всегда было снизу высота контейнера меняется согласно его заполнения Заранее всем спасибо
0 votes2 answers -
Респонзив
Подскажите пожалуйста, какие есть способы верстки респонзив сайтов? Не bootstrap. Может есть какие-то ресурсы на русском языке, где можно почитать. Спасибо
0 votes1 answer -
Помогите реализовать соединяющие точки между ценой и названием
Здравствуйте. К сожалению, моего словарного запаса не хватило, чтобы нормально назвать эту тему (надеюсь скриншот поможет). Я тут набиваю руку, верстая паблик шаблоны, и я понятия не имею как реализовать эти соединяющие точки между ценой товара и его названием. Буду очень признателен если мне подскажут как это можно реализовать. Спасибо
0 votes4 answers -
Разъезжается меню
Добрый день. Есть сайт fedorgroup.ru при нажатии по главному меню все нормально, но как только нажимаю отправить запрос - посмотрите сами что происходит. Из-за чего проблема?
0 votes2 answers -
Флеш в Opera
Здравствуйте. Есть вот такой код <div id="expanding-hero" onclick="init()"> <object id="expandDemo" height="500" width="968" type="application/x-shockwave-flash" data="*******"> <param name="quality" value="high"/> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="opaque"/> <param name="scale" value="exactfit"/> <param name="allowscriptaccess" value="always"/> <param name="allowFullScreen" value="true"/> <param name="flashvars" value="xml_loc=virtualdrivecontenthandler.ashx%3fmodel%3dmazda3%26rand%3d633869671986718750&lcConn_01=connection01_633869671986718750&lcConn_02=connection…
0 votes1 answer -
Помогите разъезжается шаблон!
body { background-color:#000000; } #blok { width: 717px; } #b1 { width: 717px; height: 124px; } #b2 { position: relative; width:688px; margin-left: 1px; background-image: url(fon.png); } #b3 { padding: 0 12px; margin: 0px; text-align:justify; color:#FFFFFF; } p { padding:0px; margin: 0px; font-family: Arial; } #p1 { font: bold 8pt; color: #848484; text-align:center; } a:link { color: #848484; text-decoration: none; } a:visited{ color: #000000; text-decoration: none; } a:hover { color: #CCCCCC; text-decoration: none; } Это был CSSник <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>LegGno…
0 votes0 answers -
Flash и IE
Всем привет.У меня возникла как на мой взгляд странная проблема с IE.Во всех браузераз кроме всех IE mp3 плеер подключеный с помощю SWFobject работает. Предоставляю ссылку на сайт _melofon.ms
0 votes0 answers -
Как успокоить валидатор?
Есть набор ссылок - картинка и подпись. Было сделано: <a href="#"><div class="img"></div><div>#</div></a> a{display:block} .img{background:url()} Пишет - низя блочный элемет вставлять в строчный. Изменил все <div> на <span> - ошибок не выдаёт, но предупреждает, что не стоит делать пустые тэги <span> Чего ему сунуть, чтобы не ругался?
0 votes2 answers -
Экстра разметка
Здесь многие ее упоминают, но редко, когда дают понять, что подразумевают под этими словами. Так и до конца не смог понять, что на самом деле это означает. Может не все тоже понимают о чем идет речь и используют эти слова, чтобы произвести впечатление и этим возможно сбивают остальных. За все это время я узрел только два применения подобных слов. Это когда обсуждалась верстка формы на прошлом конкурсе..где якобы psywalker ее употребил для будущих каких-то возможных целей (расширяемости) и в других местах, где люди использовали для верстки хитроумного дизайна, где без дополнительных пустых тегов не обойтись...Так что на самом деле скрывается под этими словами?
0 votes1 answer -
WAP и WEB
Как сделать так, чтобы при попадании на сайт с компьютера открывалась WEB-версия сайта, а с телефона WAP-версия?
0 votes0 answers -
Отступы в блоке реклама
Как сделать, чтобы отступы в блоке реклама отображались во всех браузерах правильно? Например в браузерах Opera, Mozilla Firefox, Google Chrome все хорошо, а в Internet Explorer отступы между картинками другие. Opera: Internet Explorer: Вот сайт - линк P.S. если смотреть через ноутбуковский Internet Explorer, то все картинки будут идти в столбик.
0 votes3 answers -
Размеры и верстка сайта
Здравствуйте! Скажите пожалуста какой использовать стандарт размеров сайта? какая лучше верстка % или px? И есть ли в php или js код благодаря которому можно определять размеры браузера, чтобы потом подогнать сайт под него?
0 votes3 answers -
Верстка сложного изображения
Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …
0 votes0 answers -
Два дива по горизонтали, каждый по 50%
Доброго всем дня! Подскажите, как создать в блоке "content"-->>"tab1" два блока равные 50% и расположенные по горизонтали (на данный момент один под другим). <style> #content {width:1000px; overflow:hidden; background: #fff; border-top: 2px solid #3d3d3d; padding: 2em;} .left-col{float: left; width:50%; border:1px solid #FF0000; margin-right:5px; margin-bottom:5px; padding: 0px 5px 0px 5px; } .right-col{float: left; margin-left: auto; border:1px solid #FF0000; padding: 0px 5px 0px 5px; } .title{width:100%; height:25px; background: #FFC; margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:10px;} </style> </head> <div id="conte…
0 votes0 answers -
Head залазит в body
Здравствуйте! с проблемой сталкиваюсь уже во второй раз, но решить не могу. Делаю сайт на cms opencart, там MVC. Редактирую шаблоны страниц. И вот у одной страницы после редактирования в один момент появился странный отступ, смотрю через инспектор, а там стоит несколько пробелов " " в начале страницы и содержимое тега head переместилось в body, а в самом head'e ничего нет. Пробовал возвращать исходный tpl шаблон, но не помогает. Может быть, кто-нибудь сталкивался?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-