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
-
Opera, rtl и неправильные отступы.
В опере при направлении текста справа налево(direction: rtl;) и использовании инлайн-блоков неправильно высчитываются отступы. Пример: http://jsfiddle.net/2MmKQ/1/ В первом желтом блоке, вложенные элементы строчные блоки. У первого(зеленого) задан левый отступ 20px, но в Oper-е этот отступ добавляется справа. Кто сталкивался с такой ситуацией и как решал? Может это какой известный баг оперы и легко исправлятся, просто я не знаю, подскажите. p.s. проблему можно решить если делать на флоатах, я сделал второй желтый блок, все так-же но вместо display: inline-block; я выставил float: right. Но интересует решение именно для inline-block;
0 votes0 answers -
доктайп блочит скрипт?
вобщем сделал какую то страничку, на ней - скрипт,но не работает сволочь убрал <!DOCTYPE html> - заработало. больше ничего не менял,у тега скрипт не было атрибутов. Но без доктайпа не хорошо.как доктайп влияет на скрипты?
0 votes0 answers -
Масштабирование фонового изображения. Как реализовать?
Необходимо большое изображение (выбрано большое разрешение для того, что бы на больших мониторах было тоже хорошее качество) установить на фон страницы так, чтобы оно заполняло все доступное простанство и в то же время все вмещалось в эту область. Т.е. масштабировать фоновое изображение до краев и в то же время уместить его полностью. О том, что может выглядеть плохо - понимаю. Пробовал играть со значениями background-size, не помогает. Лучшее, что смог сделать нижеследующий текст. Однако картинка умещается по горизонтали, а снизу белая полоса. Монитор 1280х1024, а картинка 3543х2362. body { background: url(kap_bg_optimize.jpg) no-repeat; -moz-background-size: 1…
0 votes2 answers -
IE8 doctype problem
Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?
0 votes4 answers -
Стыки.
http://codepen.io/nebovluje/full/hekAE Работает в опере и огнелисе. Как в опере убрать белые стыки?
0 votes1 answer -
Обрезание картинки в шапке сайта. (with link)
http://kursprokazan.ru/ Зайдите в раздел запись или контакты, там в шапке сайта идет обрезание картинки. Что делать?
0 votes2 answers -
Колонки одинаковой высоты и кнопки внизу
Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такой блок: Т.е. чтобы колонки были одинаковой высоты при неизвестном количестве текста, а кнопки снизу находились на одном уровне. В голову приходит только вариант с таблицей. Еще должно работать в IE7. Спасибо!
0 votes1 answer -
Большой div!
Всем доброго времени суток! Никак не могу разобраться, в чем тут ошибка: Имеется вот такой блок - http://joxi.ru/n2YY0kKc58QG26 Вот с такой стилизацией - http://joxi.ru/J2bJX1MfwDeG26 Не понимаю откуда берется такая высота - http://joxi.ru/LmG7pEXUYXNMml Примечание: если убрать: #menu table {width: 100%;}то сайт принимает такой вид - http://joxi.ru/VrwpeqguXM0GmX Заранее спасибо всем, кто хоть чем-то поможет!
0 votes3 answers -
Проблема с counter(list,decimal)
У меня есть нумерованный список. После того как счетчик доходит до 9, обнуляется. .WYSIWYG ol.searchres li:before{ conent:counter(list, decimal)"." }
0 votes1 answer -
Интересует софт для IE 6 toolbar
Интересует софт наподобии pixelperfect только для ie 6. Раньше накладывал обычной картинкой через просмотрщик сейчас захотелось узнать есть ли такой софт.
0 votes0 answers -
знания PHP
Привет всем. У меня возник такой вопрос : Обязательно ли знать php для того что бы верстать шаблоны (Я верстальщик , но с cms ещё дела не имел, посмотрел на готовый шаблон Joomla там увидел много php кода , вообще не понятного для меня) под ту или иную cms ? Вообще хочу начать свое изучение cms с Joomla т.к. слышал что эта кмс легка в обращении , и в ней легко разобратся новичкам. Или возможно вы мне посоветуете .. с чего лучше начать , изучать php или сразу переходить к изучению верстки под cms. И Спасибо всем прочитавшим за затраченое время
0 votes1 answer -
Помогите, два дива вместо таблицы
Друзья, помогите пожалуйста. в IE и Opera сползают дивы, делал по статье http://htmlbook.ru/content/dve-kolonki-navigatsiya-sleva Да и меню тоже сползают, хотя на главной странице нормально. Уже убился пытаться что-то исправить
0 votes3 answers -
Помогите сверстать
Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)
0 votes3 answers -
Отладка спрайт кнопок
Как правильней создать, хотел переделать картинки на спрайт и возник вопрос об их написании? <a href="javascript:void(0);" onclick="show_wm()" rel="nofollow"><img id="h1" class="south bor1" src="/" alt="" title="WebMoney" /></a> в основном видит такой вариант <ul id="navlist"> <li id="home"><a href="default.asp"></a></li> <li id="prev"><a href="css_intro.asp"></a></li> <li id="next"><a href="css_syntax.asp"></a></li> </ul> - какой лучше? Пробовал сделать такой вариант, у меня не получился: http://www.w3schools...rites_hover_nav Вопрос решён!
0 votes0 answers -
Откуда взялся лишний отступ между картинкой и меню?
Откуда взялся лишний отступ между картинкой и меню? И как его убрать без использования margin? http://allnet.16mb.com/
0 votes2 answers -
Как сверстать такой блок?
Помогите сверстать правильно такой блок. Левая и правая части фиксированные, центральная - резиновая. http://itmages.ru/image/view/1698420/714587a6
0 votes1 answer -
Помогите разобраться
Размещаю картинку(будет слайдер) на нее пытаюсь установить кнопку с помощью position:absolute;но при масштабирование страницы, кнопка съезжает как ее зафиксировать на слое??...Пытаюсь сверстать сайт из psd...Первый мой сайт))сильно не пинайте))
0 votes2 answers -
Вопросы по Elrte
Несколько вопросов по elrte 1) Как можно убрать некоторые кнопки из табов? 2) при добавлении картинки через elfinder размеры картинки вставляются через style="width:; height:;"> как можно это убрать, чтобы размеры вставлялись в тег img?
0 votes0 answers -
Помогите
Есть 3 дива друг под другом , нужно чтобы при нажатии на любой из них снизу от нажатого дива ВЫПЛЫВАЛ див с информацией о нем, при этом остальные дивы сдвигаются вниз,Как это реализовать?
0 votes2 answers -
Банальная проблема блоков с картинками
Решил обратиться к вам с простой проблемой) Как собственно делаются блоки контейнеры с блоками элементами внутри и что бы при изменении окна браузера элементы оставались на своих местах? Допустим это бок с примерами работ, в блоках картинки которые идут в ряд, и вот у меня вопрос: 1) Это как делать элементы БЕЗ отступов, то есть которые идут без margin друг за другом. 2) Это как делать с margin между ними и что бы элементы оставались ВНУТРИ контейнера (как на скриншоте);
0 votes1 answer -
Проблема с выравниванием картинок по центру
люди добрые, помогите разобраться, как сделать так чтобы картинки позиционировались по центру экрана а крыло ангела при разрешении 1024х768 при этом заходило за картинку http://www.annatischenko.ru/razdely/Kartin...rospisi_all.htm P.S. у меня если и получается добиться центрирования картинок с помощью div'ной верстки всего макета, то не получается его потом подогнать под большое разрешение P.S. ссылка почему то обрезается, так что я ее разделил на две части http://www.annatischenko.ru/razdely/ Kartiny/rospisi/rospisi_all.htm"
0 votes0 answers -
помогите узнать код
как сделать перелистывание картинок как на этом сайте >>> http://rewalls.com/girls/20610-devushka-jessica-jane.html ?
0 votes1 answer -
Моя первая верстка
Всем привет, я тут новенькая, решила сверстать свой первый макет. Сразу появился первый вопрос: правильно ли я разметила будущую верстку? http://imageshost.ru/photo/204463/id719915.html
0 votes2 answers -
Разница margin и пробела в браузерах.
Заметил вот такую штуку: Тег margin и пробел ( ) по разному отображается в хроме и опере. Допустим, у меня есть две картинки, которые стоят рядом с друг другом. Для 2ой я прописываю (margin-left: 15px) И вот это расстояние разное получается в браузерах. Как так? Или это верстка такая кривая?
0 votes1 answer -
Заполнение свободного места между двумя колонками таблицы
Всем привет. Извиняюсь за "корявое" название темы, просто не знаю как правильно назвать то, что мне нужно. Хочу реализовать вот такое(смотреть характеристики товара). В незаполненном промежутке между 2 колонками таблицы вставляются "." или "_". Это как-то должно рассчитываться, в зависимости от оставшегося свободного места в колонке. Подскажите как реализовать или хоть направьте в нужную сторону. Не могу даже понять как у Гугла это спросить
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-