HTML Coding

29542 questions in this forum

1. как уместить текст в размер экрана opera mini?

   есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.

   Asked by mitiya, July 22, 2012

   0 votes
   3 answers
2. Есть ли хук для реализации выравнивания по символу в таблцах?

   Добрый день. Очень жаль, что такой важный приём для правильной и читабельной вёрстки как выравнивание по символу, не прижился в html. Для 4-ой версии стандарта он так и не получил поддержку ни одного из браузеров, а в 5-ой и вовсе был выкинут из спеки. Может кто знает какой-нибудь трюк? В яндексе ничего найти не удалось, к сожалению. Может скриптовое решение есть готовое? В принципе представляю как это реализовать на jQuery, но прежде чем громоздить велосипед, хотелось бы попросить у многоуважаемого сообщества консультации по данному вопросу. PS: опечатался в на названии темы,

   Asked by Быколай, December 7, 2012

   0 votes
   14 answers
3. Скачет масштаб/размер шрифта в мобильном браузере

   Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?

   Asked by StormMan, September 29, 2015

   0 votes
   4 answers
4. отступ вокруг картинок - единицы измерения

   возник вопрос - кто какие единицы измерения использует при описании отступа картинок в тексте (выровненных по правому или левому краю) и почему. я сейчас использую пиксели, однако подумываю об относительных единицах измерения. эксперементировал с ex и em, однако оба они ведут себя довольно странно (собственно, этож картинка, текста то тут нет, отсчитывать не от чего)...

   Asked by nicothin, March 25, 2008

   0 votes
   2 answers
5. Проблема с версткой

   Значит страница www.indigo-create.ru/problem/ в FireFox и в Opera отображается нормально, а вот в IE колонка с новостями справа имеет всегда фиксированный размер ширины как бы я менял её в CSS или в макете — из -за этого колонка отображается некорректно. Если меняю ширину, то в FF и Оpera она меняется, а в IE не меняется. Что самое интересное, что если я меняю ширину других элементов, то она везде меняется, а вот у Новостей никак; и если убрать в CSS ширину вообще, то в Оpera и FF она принимает такую же ширину, как и в IE. В чем может быть проблема? В HTML ширина не указана, она указана в подключенной CSS. Я специально поставил границы, чтобы была видна проблема. С уважен…

   Asked by DrHorror, October 31, 2008

   0 votes
   2 answers
6. Проблема с float: left

   Добрый день, Подскажете, пожалуйста, как исправить такую ошибку: Слой с float: left в ие7 после окончания колонки, которую он обтекает, уменьшает padding. Наглядно: html <div style="float: left"> <img src="/i/image.jpg" style="margin: 0; padding: 0"> </div> <div class="ctlg"> <div><h3>title</h3> <ul> <li>Фильтр для очистки и минерализации мягкой воды</li> <li>Картридж</li> <li>Угольная <a href="#">вставка УВ</a></li> <li>Дозаторы <a href="#">кальция</a> и <a href="#">магния</a></li> <li>Возможность регенерация картр…

   Asked by Diver2, May 18, 2009

   0 votes
   5 answers
7. Flash в опере - без нажатия не активизируется никак?

   Господа, подскажите плиз почему для активизации Flash ролика в опере, на него надо сначала нажать? Может ссылка есть? как его заставить сразу маячить и светицо ;-)

   Asked by feodus, June 16, 2009

   0 votes
   4 answers
8. Плавающая ширина дива

   Доброго времени суток! Подскажите, пожалуйста, как можно решить следующую проблему: Есть такой код: <div id="body"> <div id="content">Content</div> <div id="news">News</div> </div> №news имеет фиксированную ширину, но его может вообще не быть в документе. Я никак не придумаю, как мне сверстать так, чтобы в случае отсутствия #news, #content растягивался на всю ширину #body, а в случае наличия - находился слева от #news. Сейчас #content растягивается на всю ширину, а #news уходит под него. Буду признателен за советы, а то голову уже сломал. Полный листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww…

   Asked by corsair, March 20, 2011

   0 votes
   5 answers
9. Плавное вращение 3Dкуба на css3

   Есть исходник 3д куба с надписями на гранях, но он дергается при повороте мышкой и текст на нем выделяется.. Как это устранить? спс. вот пример http://www.paulrhayes.com/experiments/cube-3d/touch.html $(function(){ var el = document.createElement('div'), transformProps = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '), transformProp = support(transformProps), transitionDuration = 'transitionDuration WebkitTransitionDuration MozTransitionDuration OTransitionDuration msTransitionDuration'.split(' '), transitionDurationProp = support(transitionDuration); function support(props) { for(var i = 0, l = props.len…

   Asked by romoga, January 17, 2014

   0 votes
   3 answers
10. :lt, :gt, :eq какова поддержка браузерами?

    Удалите тему плз

    Asked by Zverushka, May 6, 2014

    0 votes
    8 answers
11. slider jquery

    Доброе утро, не подключается скрип, все делаю по инструкции, но не работает((( подскажите в чем может быт ошибка, я предполагаю, что не правильно прописываю этот скрипт <script>$(document).ready() ({ $('.bxslider').bxSlider({ pagerCustom: '#bx-pager'}); });</script>ссылка моего слайдера http://sport.teslalight.com.ua/index-slider.html скачал отсюда http://bxslider.com/examples/thumbnail-pager-1

    Asked by mrfrunze, October 13, 2014

    • jquery
    • slider
    0 votes
    11 answers
12. Как создать подобный ввод email?

    Здравствуйте,все никак не могу понять как правильнее реализовать данную форму? Как видите рамки ссылки(по совместительству кнопка) несколько больше рамок поля, притом, что размеры их рамок, высота поля и ссылки одинаковы. Вообще такое ощущение,будто это одно поле, но каким-то образом разделенное, но не понимаю как. Я же "лепил"их с помощью отрицательного марджина ссылки.

    Asked by WebNewbe, July 30, 2017

    • html
    • css
    0 votes
    3 answers
13. Отмена наследования css свойст потомками

    Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...

    Asked by Super_Saimon, February 13, 2018

    • css
    0 votes
    5 answers
14. Изменения размера изображения

    Рисунок некорректно сжимается в IE, в Opere все пашет. Как быть? Размер рисунка вручную менять не хочется

    Asked by ivan_t_b, May 31, 2008

    0 votes
    7 answers
15. Есть вопрос

    Имеется слой. Нужно его выровнить по правому краю, не используя параметр float. Какой ещё параметр в css есть для выравнивания слоя по правому краю? без использования * position:[absolute|relative] так выглядит css #it1{background-image:url(images/1.jpg);} так выглядит html <div class="item" id="it1"></div> Что нужно дописать в css, чтобы слой выравнивался по правому краю?

    Asked by Fid, December 15, 2008

    0 votes
    6 answers
16. Множественный DTD - где проблема?

    Пытаюсь добавить в стандартное DTD для XHTML1.1 определение общей сущности &footer; Есть DTD в файле DTDTest.dtd: <!ENTITY footer '<hr size="1" noshade="true" /> <font CLASS="footer"> <a href="index.html">Домашная страница O'Reilly </a> | <a href="sales/bookstores/">Книжные магазины O'Reilly</a> | <a href="order_new/">Как сделать заказ</a> | <a href="oreilly/contact.html">Контакты в O'Reilly </a><br/> <a href="http://international.oreilly.com/">Международная информация</a> | <a href="oreilly/about.html">О O'Reilly</a> | <a href="affiliates.html">Сотрудничающие ко…

    Asked by Webr, March 15, 2009

    0 votes
    0 answers
17. Select набор названия элемента с клавиатуры

    Есть select, который содержит 200 элементов. В IE7,8 при клике и наборе части названия наводит курсор на нужный элемент. А в IE6 - не выбирает. Вопрос, можно ли сделать без клика на поле ввод с клавиатуры и почему метод не работает в IE? Спасибо

    Asked by rolph, September 17, 2009

    0 votes
    1 answer
18. Проблема верстки DIV

    Все дивы находятся в одном диве с шириной, чтоб не убегали. Меню слева, подвижное, верх\низ.Проблема в следующем, когда кликаю меню, оно двигается и появляется задний фон страницы.(между главным контентом и подвалом, или между меню и повалом) Для дива в котором все эти дивы, поставил задний цвет белый, в опере работает, в остальных браузерах нет. Что делать?

    Asked by deadmopozzz, July 24, 2011

    0 votes
    4 answers
19. Двойной перенос строки через стили

    Как сделать двойно перенос строки между абзацами как на этой странице Моя ссылка В коде перенос только один, но абзацы не сливаются друг с другом.

    Asked by gadjet, March 5, 2012

    0 votes
    5 answers
20. Параллакс эффект или выезжающий блок

    Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам JS, но не устраивает. Т.к. когда сролинг идёт колесом, то "прыгает" конент. А когда мышкой тащишь, то нормально. Подскажите как сделать с помошью css или как-то более "грамотно" Что сделано сейчас: <header>...</header> <style> .benefits{margin-top:-300px} .parallax_content{ height:300px; margin:0 auto; overflow:hidden; } </style…

    Asked by clgs, February 18, 2017

    0 votes
    1 answer
21. Помогите выбрать хорошую программу.

    Уже долго пользуюсь WebPageMaker v.2 для создания сайтов. Но она хороша для небольших ресурсов. Сейчас работаю над большим. С этой прогой получается все очень трудоемко. Очень много приходится делать вручную, так как в ней почему-то нет возможности править HTML-код всей страницы в целом, а только коды отдельных элементов. Поставила Дримвейвер МХ 2004 v.7, но он под Висту не работает. Подскажите, где взять подходящий визуальный редактор. Во всяких там HTML, SSI, PHP я практически не разбираюсь (HTML только чуть-чуть). Или может быть Дримвейвер поздней версии с кряком и русификатором.

    Asked by olla55, April 7, 2008

    0 votes
    7 answers
22. <!DOCTYPE>

    Обязательно ли вставлять ? Когда вставляю перестает работать position:relative. Может не тот вставляю?

    Asked by Chebas, April 20, 2008

    0 votes
    4 answers
23. Поворот объекта на 90?

    Доброго всем времени суток! Подскажите пожалуйста, как повернуть div на 90? и как повернуть текст (неважно в каком элементе{те в любом}) тоже на 90?? Заранее всем спасибо!

    Asked by Goggi, April 21, 2008

    0 votes
    3 answers
24. Баг с таблицами в FF3.0.6

    В общем создаю таблицу, хочу сделать так, чтобы в каждой ячейке были только боковые бордеры, прописываю их в css, а браузер зачем-то создает еще и нижние+верхние, хотя они мне не нужны. Притом, если я заливаю эти ненужные бордеры цветом ячейки, хотя это уже извращение, то боковые начинают обрываться в местах пересечения с ними. Еще есть баг с рисунками, в опере и ff к ним добавляется внизу непонятный отступ, хотя я все обнулил. В ИЕ все норм. Как исправить такое?

    Asked by Kenshi45, February 8, 2009

    0 votes
    8 answers
25. Помогите - CSS глюк?

    Наткнулся при коде на несколько проблем, кроме того я чайник. Готовый htm файл залил здесь http://rapidshare.com/files/416737094/TEMPO.htm.html и вот тот же самый код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Что то тут не то</title> <style type="text/css"> ul { border: solid 1px; float: left; list-style: none; margin: 10% 0 0 1em; padding: 0 1em 0 0.5em; } li { background: #00FFCC; } ul div { background: #CCCCFF; margin-left: -0.5em; } a:hover { text-…

    Asked by BPOTHOCOK, September 3, 2010

    0 votes
    6 answers