HTML Coding

29542 questions in this forum

1. СРОЧНО! ПОМОГИТЕ СО ШРИФТАМИ!

   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; } все вроде бы хорошо, все вроде бы ок. Но гадская мозилла почему-то думает, что он жирный. мне …

   Asked by boo, December 21, 2012

   0 votes
   4 answers
2. Инжект iframe слева от страницы

   Пытаюсь решить такую задачу. Нужно динамически, средствами JS вставить в загруженную страницу iframe, таким образом, чтобы вся страница сместилась вправо относительно добавленного iframe. Я так понимаю, нужно правильно настроить у добавляемого iframe стили, но к сожалению, я не силен в CSS. Вот собственно в этом и вопрос, какие стили мне установить для добавляемого фрейма, для решения такой задачи. Своими силами решить не получается, надеюсь на помощь, заранее спасибо.

   Asked by yakovchuck@gmail.com, April 8, 2013

   • iframe CSS
   0 votes
   4 answers
3. Анимация панорамы

   Господа професионалы хочу спросить, желательно с условно подробным ответом, как реализовать такую вещь. Есть место на сайте (680*290) сейчас там статичная картинка. Хотелосьбы ее заменить на панорму (3000*290) (не меняя раземы места) которая бы медлено двигалась покругу (либо вперед-назад). Как и какими средствами это можно реализовать (без флэша) ? Спасибо!

   Asked by nickoff, June 14, 2013

   0 votes
   2 answers
4. Некорректный размер кнопок в Mazilla

   Проблема с оображением в Мазиле. http://jsfiddle.net/jontsk/WCyZr/4/ На скриншоте видно, что общая высота кнопок в Мазиле на 5px больше. Не знаю что делать с этим.

   Asked by jontsk, September 30, 2013

   0 votes
   8 answers
5. Идеальное портфолио

   Собственно каким он должен быть? Сколько работ примерно, и какие работы? (адаптивные, фиксированные, резиновые..) Мне кажется идеальный вариант штук 10 работ, хорошо оформленных, в меру сложных, по 3-4 адаптивных, резиновых и фиксированных. Как думаете? ред. Портфолио верстальщика.

   Asked by CroaToa, May 28, 2014

   0 votes
   5 answers
6. Проблемы с 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-…

   Asked by Lozhkaa, December 27, 2014

   0 votes
   4 answers
7. 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…

   Asked by halione, May 14, 2017

   0 votes
   0 answers
8. Два блока одинаковой высоты

   Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.

   Asked by alleclf, May 21, 2017

   0 votes
   2 answers
9. align=middle в хром

   Делаю выравнивание текста по картинке - <img src="/upload/medialibrary/1a2/clock.png" align="middle"> текст. В браузерах Opera и IE отображается как надо, текст по середине картинки справа, а вот в хроме текст справа вверху от картинки. Причём, если вместо align, написать valign="middle" в хроме как надо отображается, а в остальных браузерах не так.. Как сделать, чтобы в хроме отображалось как положено align="middle"?

   Asked by AlexUtk, January 11, 2012

   0 votes
   2 answers
10. Разные картинки для каждой ссылки

    Думал реализовать следующее в виде спрайта, но думаю не получится. Мне нужно сделать такой блок: по умолчанию картинка-ссылка на разделы одна. При наведении мыши на ссылку второго раздела (Машина 2), появляется другая картинка-ссылка, при наведении на третий раздел, следующая ссылка-картинка и т. д.

    Asked by aizul, January 13, 2012

    0 votes
    3 answers
11. 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>

    Asked by kuller, March 17, 2012

    0 votes
    1 answer
12. Автоматическая высота блока

    Посмотрите пожалуйста ссылку 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…

    Asked by imediasun, November 16, 2012

    0 votes
    2 answers
13. Разрешение экрана!

    Возникла такая проблема: У меня ноутбук разрешение экрана 1366*768 У меня все нормально менял разрешение экрана на 1024*768 тоже все нормально Но у друга моего разрешение экрана большое у него ПК браузер такой же Все блоки слетают Как возможно решить такую проблему? В принципе то что у меня прописано .midleFIX { margin:0 auto; width:800px; }

    Asked by BSandro, October 16, 2013

    0 votes
    5 answers
14. Кроссбраузерность. Неугомонная Opera!

    Столкнулся с такой проблемой: никак не получается пофиксить код, чтобы получить кроссбраузерность. Конкретно, как Вы уже догадались, проблема именно с браузером opera. Кто сталкивался с подобным, был бы рад услышать любой совет.

    Asked by crisTOPher, January 20, 2014

    0 votes
    3 answers
15. Не пойму как сделать вкладки

    Вот пример - http://jsfiddle.net/7amQP/ Необходимо чтобы желтый цвет сливался, то есть, сама вкладка должна быть одним целым с содержанием. Не могу понять как убрать разделитель. Надо чисто визуально сделать, без переключений, анимации нажатия и т.д.

    Asked by alleclf, February 5, 2014

    0 votes
    2 answers
16. Почему не работает код?

    <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>

    Asked by tR1umf, April 18, 2014

    0 votes
    4 answers
17. Не масштабирует сайт на моб.устройствах

    Доброго времени, Столкнулся с такой проблемой, главная страница сайта нормально отображается на моб.устройствах, а вот некоторые внутренние не подстраиваются под разрешение экрана и появляется горизонтальная полоса прокрутки. вот главная норм показывается http://new.nestand-art.com/ а вот страница новостей http://new.nestand-art.com/category/news/ Подскажите в чем проблема?

    Asked by Koc, January 18, 2015

    0 votes
    2 answers
18. Выровнять кнопки

    Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <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; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?

    Asked by bobb, May 31, 2016

    0 votes
    0 answers
19. Тестируя бутстрап сайт на смартфоне выявил некоторые ошибки

    Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при…

    Asked by mstdmstd, August 9, 2016

    0 votes
    2 answers
20. Нужен ли Sass

    Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css

    Asked by aqua.77, December 15, 2016

    0 votes
    3 answers
21. Обучение

    Всем привет. Я программист со средним специальным образованием. Навыки работы с сайтами - самые минимальные. Хочу научиться всему сама с нуля. Вопрос очень простой - посоветуйте пожалуйста хорошую литературу/видео-уроки/что-либо подобное для теоретического изучения. Заранее спасибо)))

    Asked by AnnaNew, January 12, 2017

    0 votes
    2 answers
22. работает 1 из 4 галерей

    Привет, у меня 4 галереи, вот код - https://jsfiddle.net/fdrq56ym/ . Проблема в том, что работает только первая, остальные три не робят, в чем причина, пробовал задавать отдельные айдишники каждой, работала по последней прописанной в var = get element

    Asked by exoty, July 11, 2018

    0 votes
    1 answer
23. Доставка шрифтов

    Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?

    Asked by rasmus, August 20, 2019

    0 votes
    2 answers
24. ошибка в dreamweaver

    Здравствуйте уважаемые форумчане! Проблема с выпадающим вертикальным меню. На одной из страниц вот такая ошибка. Меню выпадает из картинки.

    Asked by Angela, February 16, 2009

    0 votes
    0 answers
25. Стиль спойлера

    Добрый день, форумчане. Помогите, пожалуйста, справиться со стилем спойлера. 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; }

    Asked by mementos, March 7, 2010

    0 votes
    1 answer