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
-
Проблема с шрифтами
Испытываю ряд трудностей при просмотре сайта с apple устройств, а именно они отказываются воспринимать Tahoma и заменяют его шрифтом с засечками. Какие есть стандартные методы борьбы с яблоком? Меня бы в принципе устроила даже отдельная загрузка шрифта для этих устройств через @font-face с указанием @media я просто не нашел как именно нужно выделять их.
0 votes2 answers -
Кнопка "наверх" на разных сайтах работает по разному
Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!
0 votes2 answers -
bxSlider - последний слайд перекрывает остальные
Сразу дам ссылку на проблему — http://jsfiddle.net/mrnobody/6RkSd/ Есть слайды, когда я перехожу на второй слайд (или любой другой, кроме первого и последнего), то он появляется на долю секунды и перекрывается последним. в моем случае слайдом под номером 4. PS: Еще заметил, переключился на слайдер -> случилось перекрытие, и если я открою веб-инсперктор, то показывается нужный слайд. PPS: Нашел решение дописать mode: 'fade', но нужно чтобы они именно перелистывались. PPPS: Правильно работает только в Опере 12.16.
0 votes2 answers -
HTML препроцессоры
Подскажите html препроцессоры для локальной вёрстки, с возможностью инклюдить другие файлы с указанием параметров.
0 votes2 answers -
Подключение шрифта helvetica neue cyr roman
Добрый день, верстаю один дизайн, а тут вот такой шрифт, как его подключить в css? для нестандартных шрифтов я использовал google fonts, а там его нету, как его подключить?
0 votes2 answers -
как убрать косяки в меню у разделителей?
Разделитель выходит за пункты меню, как его укоротить? http://jsfiddle.net/vf94k/
0 votes2 answers -
Помогите переместить меню
Здравствуйте. Мне очень нужна ваша помощь. Дело в том, что мне поручили сделать сайт для фирмы, а мои познания в этом очень скудны. Кое как, методом проб и ошибок у меня вышло это www.shellservice.com.ua . Но проблема в том, что начальство хочет чтобы меню над шапкой было под ней. Я менял позицию, но меню не сохраняет свою структуру тогда и становиться просто текстом в столбик а не кнопками. Ковырялся в коде, но ничего не вышло. Помогите пожалуйста. Если нужна еще информация от меня, пишите.
0 votes2 answers -
изменить свойство селектораиз другого селктора
ну не приснилось же мне..помню рабочий код вида .block:hover { .block2.color=#ccc; } ну не обязательно же скрипт юзать...или это это невозможно ..не пинайте -а вдруг
0 votes2 answers -
3 колоночный макет с контентом в html выше чем меню
Здравствуйте подскажите как сделать 3 колоночный макет, но чтобы контент находился в html выше чем левое и правое меню. И чтобы контент был в резиновом диве, а два блока с меню фиксированы.
0 votes2 answers -
Наложение картинки на img
Всем привет! Столкнулся вот с какой проблемой. Есть слайдер, упрощенная структура такая: <div id="mySlider"> <img src="1.jpg" /> //Меняющиеся картинки <img src="2.jpg" /> //Меняющиеся картинки ... </div> Мне нужно каким-то образом на меняющиеся картинки <img> наложить нарисованную дизайнером сетку. Я пробовал так: сделал новый дивник (#transparent), навесил на него в виде background: url('png с прозрачным фоном') мою картинку в виде сетки и абсолютом накинул этот дивник на картинки слайдера. Получилось примерно так: <div id="mySlider"> <img src="1.jpg" /> <img src="2.jpg" /> ... </…
0 votes2 answers -
выпадающее меню на css
Помогите пожалуйста сделать выпадающее меню на css, без jq. Спасибо <div id="menu"> <ul><li><a href="#">click me</a></li><ul><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li></ul><li class="standup"><a href="">ССЫЛКА1</a></li><li class="standup"><a href="">ССЫЛКА2</a></li><li class="standup"><a href="">ССЫЛКА3</a></li><li class="standup"><a href="">ССЫЛКА4</a></li></ul></d…
0 votes2 answers -
Проблема в верстке, при уменьшении размера браузера
Здравствуйте, вот пример моей проблемы http://arm.zz.mu/ При уменьшении размера окна меньше чем 1200 пикселя, с права появляется полоса. Я знаю в чем проблема. Проблема в том что есть класс "width", из-за которого все это получается. может кто подскажет решение данной проблемы... https://pp.vk.me/c424420/v424420357/94a5/fjA8J-ZA_eg.jpg
0 votes2 answers -
Сохранение пропорций изображения
Добрового времени суток. Подскажите, как для тэга img в CSS задать правило сохранения пропорций (аналогично как background-size: cover;). У меня вот следующая конструкция: .img-intro-left{ float: left; border: 3px solid #FCBF66; margin-right: 15px;}.img-intro-left img{ width: 150px; height: 150px;}Но при определенных размерах ширины и высоты изображения - оно естественно искажается. Возможно ли это реализовать на CSS? Заранее благодарю за подсказки
0 votes2 answers -
Выровнять фрейм как надо
<body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…
0 votes2 answers -
Уползает фон landing верстки
Доброго времени суток форумчанам. Решил впервые сверстать макет и выбрал для этого дела landing страничку. При этом столкнулся с проблемой, фон уползает и не покрывает весь контент: И вот как должно быть по макету: Вот код моей верстки: http://jsfiddle.net/vNBfM/ В чем ошибка? Прошу также в общем оценить код, указать на ошибки. Заранее благодарю.
0 votes2 answers -
Яндекс карты - можно ли задать параметр карты прямо в адресе скрипта?
Суть в том, чтое сть карта <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=SAlIYG_RhurtAuaxaa-hi5HKjE-7wHhS&width=600&height=450"></script> Можно ли допустим к адресу допбавить &options.shadow=false ? Мне нужно убрать тень для балуна. Но не хочется для этого вместо обычной вставки простого скрипта создавать свой скрипт, генерировать карту, создавать и указывать кучу параметров (ведь базовая карта через апи как чистый лист - в общем долго это все). Можно ли как-нибудь указать для карты, что в ней не должно быть тени?
0 votes2 answers -
как расположить гифку в нужном месте
Задумка была такая: В бакграунде столбца табличного дизайна, висит картинка подсвечника с огарком свечи. Над ним хотел расположить гифку горящего огонька. Но огонек висит слишком высоко над огарком и немного правее. Как его подвести к нужному месту? Пробовал абсолютное позиционирование в CSS, почемуто ничего не получилось. Как можно еще в браузере расположить гифку в нужном месте? Спасибо. Хотел вставить скриншот, но не понял как это здесь делается.
0 votes2 answers -
CSS3 и Html5 рабочие версии или еще в разработке?
В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается. И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3. И посоветуйте пожалуйста учебник хороший по html5 И css3
0 votes2 answers -
FF не видит css файл.
Помогите пожалуйста, не знаю что делать. FF не читает или не видит css файл. Во всех браузерах отображает нормально, а в фф какие-то бока. Вот сам сайт morematt.hol.es
0 votes2 answers -
Откуда взялся margin?
Ребят помогите, http://jsfiddle.net/PqzC2/ , не могу разобраться откуда взялся margin между элементами <li> ? И куда пропадает фон при прокрутки направо?
0 votes2 answers -
Блочная верстка
Доброго времени суток, помогите сделать макет будущей страницы, пробовал разными способами, но так, как хочу не получается, табличную верстку делать не хочется. Вот что пока есть: http://jsfiddle.net/KfWLM/3/ Вот что нужно:
0 votes2 answers -
Проблемы с выравниванием.
Имеется небольшая шапка, где должны находится несколько кнопок и логотип(просто название сайта). Располагаться должно в таком порядке: ссылка-кнопка(прижата слева), по центру логотип, кнопка(прижата справа). .,, <div id="header"> <a class="menu" href="index.html">Меню</a><a class="logo" href="index.html"><b>Название сайта</b></a><a class="add" href="index.html">+</a></div>... #header{margin:0 auto;height:32px;background: #333;position:fixed;width:100%;z-index:1;} .logo{text-decoration:none;color:white;font-variant:small-caps;font-size:large;display:block;margin-top:5px;text-align:center;} .menu{float:left;} .…
0 votes2 answers -
Цвет шрифта.
Здравствуйте. Мой сайт(http://kovkavolgograd.ru/) на wordpress. Форум поддержки wordpress вообще не работает, даже пароль от входа не восстановить.У меня на компьютере пять браузеров - GoogleChromePortable, GoogleChrome, Opera, OperaAC и Mozilla Firefox. В трех из них ( GoogleChromePortable, GoogleChrome, Opera) буквы текста моего сайта разноцветные, серо-зеленые. Я новичок в этом деле. Подскажите в чем проблема? Или скажите сайт где на этот вопрос я могу получить ответ ? С Ув. !
0 votes2 answers -
Помогите сделать картинку, как ссылку !
Помогите - не могу создать ссылку на картинку гл. страницы http://saveimg.ru/show-image.php?id=668faa5bc8ff77ffd891c18dceaddc48
0 votes2 answers -
Прокрутка контента слева направо
Здравствуйте, дорогие форумчане! Можно ли с помощью только CSS реализовать прокрутку контента (в частности новостей с блога) слева на право? Мои попытки реализации: 1.Пробовал задавать всем блоком со статьями "float:left;", но последний блок, который должен уйти за пределы экрана соскакивает на новую строку, "overflow: hidden;" скрывает 2-ую строку блоков, но не дает нужного эффекта. В общем блок не хочет уходить за пределы экрана. 2. Создал такую структуру: <div class="content"> <div class="icontent"> <div class="block"> </div> <div class="block"> </div> . . . …
0 votes2 answers