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
-
СРОЧНО! ПОМОГИТЕ СО ШРИФТАМИ!
http://dsdfsdsdfkvit.sdfsdfzdfsdato.ru/ сайт. имеется шрифт MyriadPro, код и ссылки для него сгенерировал при помощи великолепного сайта http://www.fontsquirrel.com/ Он выдал мне вот такой css @font-face { font-family: 'MyriadPro'; src: url('myriadpro-semibold.eot'); src: url('myriadpro-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold.woff') format('woff'), url('../fonts/myriadpro-semibold.ttf') format('truetype'), url('../fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg'); font-weight: normal; font-style: normal; } все вроде бы хорошо, все вроде бы ок. Но гадская мозилла почему-то думает, что он жирный. мне …
0 votes4 answers -
Инжект iframe слева от страницы
Пытаюсь решить такую задачу. Нужно динамически, средствами JS вставить в загруженную страницу iframe, таким образом, чтобы вся страница сместилась вправо относительно добавленного iframe. Я так понимаю, нужно правильно настроить у добавляемого iframe стили, но к сожалению, я не силен в CSS. Вот собственно в этом и вопрос, какие стили мне установить для добавляемого фрейма, для решения такой задачи. Своими силами решить не получается, надеюсь на помощь, заранее спасибо.
0 votes4 answers -
Анимация панорамы
Господа професионалы хочу спросить, желательно с условно подробным ответом, как реализовать такую вещь. Есть место на сайте (680*290) сейчас там статичная картинка. Хотелосьбы ее заменить на панорму (3000*290) (не меняя раземы места) которая бы медлено двигалась покругу (либо вперед-назад). Как и какими средствами это можно реализовать (без флэша) ? Спасибо!
0 votes2 answers -
Некорректный размер кнопок в Mazilla
Проблема с оображением в Мазиле. http://jsfiddle.net/jontsk/WCyZr/4/ На скриншоте видно, что общая высота кнопок в Мазиле на 5px больше. Не знаю что делать с этим.
0 votes8 answers -
Идеальное портфолио
Собственно каким он должен быть? Сколько работ примерно, и какие работы? (адаптивные, фиксированные, резиновые..) Мне кажется идеальный вариант штук 10 работ, хорошо оформленных, в меру сложных, по 3-4 адаптивных, резиновых и фиксированных. Как думаете? ред. Портфолио верстальщика.
0 votes5 answers -
Проблемы с tooltip
Все привет, надо сделать tooltip, красивый что-бы в нем работали теги html, у меня вот есть один. Ну суть в том что мне надо каждый раз писать ширину какая должна быть А как быть что-бы ширина сама делалась? Так и высота? Заранее спасибо. Например HTMl код. <a class="mad_tt"><clan style="color: #000000; cursor:help;">Привет</clan><span class="mad_tip" style="min-width:291px; cursor:help;">Привет еще раз</span></a>CSS код. .mad_tt {position: relative;cursor: default;display: inline-block;text-decoration: none;outline: none;border: 0px;}.mad_tt span.mad_tip {font-weight:normal;font-family: tahoma, arial, verdana, sans-…
0 votes4 answers -
SVG анимация
Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…
0 votes0 answers -
Два блока одинаковой высоты
Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.
0 votes2 answers -
align=middle в хром
Делаю выравнивание текста по картинке - <img src="/upload/medialibrary/1a2/clock.png" align="middle"> текст. В браузерах Opera и IE отображается как надо, текст по середине картинки справа, а вот в хроме текст справа вверху от картинки. Причём, если вместо align, написать valign="middle" в хроме как надо отображается, а в остальных браузерах не так.. Как сделать, чтобы в хроме отображалось как положено align="middle"?
0 votes2 answers -
Разные картинки для каждой ссылки
Думал реализовать следующее в виде спрайта, но думаю не получится. Мне нужно сделать такой блок: по умолчанию картинка-ссылка на разделы одна. При наведении мыши на ссылку второго раздела (Машина 2), появляется другая картинка-ссылка, при наведении на третий раздел, следующая ссылка-картинка и т. д.
0 votes3 answers -
fixed и float
Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>
0 votes1 answer -
Автоматическая высота блока
Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.php Обратите внимания по центру сайта есть 3 блока. структура их такова. <div id="wrapper"> <div шв="header"> <!--header--> <div id="middle"> <div id="container"> <!-- #container--> <div class="sidebar" id="sideRight"> <div id="side_right_cont"> <!--siderightcont--> <!-- .sidebar#sideLeft --> <div class="sidebar" id="sideLeft"> <div class="side_left_cont"> <!--sideleftcont--> <!-- .sidebar#sideLeft --> <div id="content" > <!--content--> <!-- #middle--> <!-- #wrapper --> <footer> #wrapper { width…
0 votes2 answers -
Разрешение экрана!
Возникла такая проблема: У меня ноутбук разрешение экрана 1366*768 У меня все нормально менял разрешение экрана на 1024*768 тоже все нормально Но у друга моего разрешение экрана большое у него ПК браузер такой же Все блоки слетают Как возможно решить такую проблему? В принципе то что у меня прописано .midleFIX { margin:0 auto; width:800px; }
0 votes5 answers -
Кроссбраузерность. Неугомонная Opera!
Столкнулся с такой проблемой: никак не получается пофиксить код, чтобы получить кроссбраузерность. Конкретно, как Вы уже догадались, проблема именно с браузером opera. Кто сталкивался с подобным, был бы рад услышать любой совет.
0 votes3 answers -
Не пойму как сделать вкладки
Вот пример - http://jsfiddle.net/7amQP/ Необходимо чтобы желтый цвет сливался, то есть, сама вкладка должна быть одним целым с содержанием. Не могу понять как убрать разделитель. Надо чисто визуально сделать, без переключений, анимации нажатия и т.д.
0 votes2 answers -
Почему не работает код?
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>
0 votes4 answers -
Не масштабирует сайт на моб.устройствах
Доброго времени, Столкнулся с такой проблемой, главная страница сайта нормально отображается на моб.устройствах, а вот некоторые внутренние не подстраиваются под разрешение экрана и появляется горизонтальная полоса прокрутки. вот главная норм показывается http://new.nestand-art.com/ а вот страница новостей http://new.nestand-art.com/category/news/ Подскажите в чем проблема?
0 votes2 answers -
Выровнять кнопки
Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?
0 votes0 answers -
Тестируя бутстрап сайт на смартфоне выявил некоторые ошибки
Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при…
0 votes2 answers -
Нужен ли Sass
Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css
0 votes3 answers -
Обучение
Всем привет. Я программист со средним специальным образованием. Навыки работы с сайтами - самые минимальные. Хочу научиться всему сама с нуля. Вопрос очень простой - посоветуйте пожалуйста хорошую литературу/видео-уроки/что-либо подобное для теоретического изучения. Заранее спасибо)))
0 votes2 answers -
работает 1 из 4 галерей
Привет, у меня 4 галереи, вот код - https://jsfiddle.net/fdrq56ym/ . Проблема в том, что работает только первая, остальные три не робят, в чем причина, пробовал задавать отдельные айдишники каждой, работала по последней прописанной в var = get element
0 votes1 answer -
Доставка шрифтов
Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?
0 votes2 answers -
ошибка в dreamweaver
Здравствуйте уважаемые форумчане! Проблема с выпадающим вертикальным меню. На одной из страниц вот такая ошибка. Меню выпадает из картинки.
0 votes0 answers -
Стиль спойлера
Добрый день, форумчане. Помогите, пожалуйста, справиться со стилем спойлера. http://primfile.com/video/hud-films/25-spoiler.html Вот здесь сверху и снизу рамки спойлера большой отступ до текста. Как его можно уменьшить? я пробовал margin, padding.. ничего не помогает. вот какие настройки в данный момент: .title_spoiler { text-align: justify; font-weight: bold; color: #636363; background-color: #ECE1FE; border: 1px dotted #bebebe; padding: 1px; } .text_spoiler { color: #757575; background-color: #DEEDFA; border: 1px dotted #bebebe; border-top: 0; text-align: justify; padding: 1px; }
0 votes1 answer