HTML Coding

29542 questions in this forum

1. Помогите правильно разместить обьекты

   Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.

   Asked by kukurikan, March 23, 2011

   0 votes
   8 answers
2. как сделали на этом сайте?

   http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…

   Asked by Тёмыч, April 23, 2011

   0 votes
   15 answers
3. Выровнять изображение и текст

   Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b&gt…

   Asked by iiwanc, February 5, 2012

   0 votes
   1 answer
4. Как подключить виджет uLogin к HTML сайту?

   Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?

   Asked by BloodyPriest, October 20, 2015

   • HTML создание сайта вёрстка
   0 votes
   9 answers
5. Фиксированное меню с помощью Javascript

   Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…

   Asked by volshebnyi, September 2, 2016

   0 votes
   4 answers
6. Некорректная подсветка синтаксиса CSS в Notepad++

   Notepad ++ 8.1 x64, но проблема существовала и в предыдущих версиях. В таблице стилей форматирование, условно говоря, первого абзаца, отличается от остального текста. Т.е. (см. скришнот) в первом селекторе подсвечиваются ЗНАЧЕНИЯ свойств, во втором - СВОЙСТВА, в третьем - и сам селектор. Причём если добавлять или убирать/добавлять селекторы, менять их местами в таблице, то эта условная граница "перемещается", т.е. она не привязана к какому-то конкретному участку кода. Мне кажется, что это баг (или фича) NPP++ и не стОит искать в этом поведении какой-то логики. Подсвечивает, и ладно. Но может всё же есть рациональное объяснение этому странному поведению? В частности, если…

   Asked by SergeAnt, June 22, 2021

   0 votes
   3 answers
7. прозрачный фон png на ссылке Hover

   Подскажите решение для того что бы прозрачный пнг на a:hover работал.

   Asked by ArtOfHuman, February 26, 2009

   0 votes
   2 answers
8. Проблема в IE и Maxthon

   Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.

   Asked by bravada j, March 1, 2009

   0 votes
   4 answers
9. Стиль внутри страницы

   Как внутри страницы (вне <head>) прописать CSS класс? Именно класс, а не стиль для элемента (<tag style=""></tag>).

   Asked by Kenshi45, March 6, 2009

   0 votes
   5 answers
10. Ещё одна проблемка

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> #div1 { position: relative; } #div2 { position: absolute; background: red; left: 40%; width: 5%; top: 20%; height: 10%; } </style> </head> <body> <div id="div1"><img src="http://www.unity.freenet.kz/map/proekcia3.jpg" width="100%"> <div id="div2"></div> </div> <script> alert (document.getElementById("div2").parentNode.offsetHeight + " : " + document.getElementById("div2").offsetHeight); </script> </body> </html> Во всех браузерах работает, к…

    Asked by lazybaby, March 22, 2009

    0 votes
    6 answers
11. Верстка блока

    Прошу помочь с дивной версткой блока с семантической точки зрения корректной. Как на картинке. HTML: <div class="b-feedback"> <dl class="position">Текст 1 <dt class="line"> <i class="g-png"> <img alt="" src="pancil.jpg"; /> </i> </dt> <dd class="name">Текст 2</dd> </dl> </div> В CSS прописываю так: .b-feedback { clear: both; } .b-feedback .line { margin: 12px 0px 15px; position: relative; } .b-feedback .g-png { position: absolute; left: -30px; top: 0.2em; } .b-feedback .name { margin: 0px 0px 25px 30px } В моем CSS проблема в линии под Текст 1, если вставить border-bottom для .b-feedbac…

    Asked by artwalek, April 16, 2009

    0 votes
    9 answers
12. ACRONYM

    Дело в том, что я загружаю текст из вне во флеш и на некоторые слова мне нужно сделать пояснение. Желательно чтобы при наведении на него появлялась подсказка, либо как нибудь иначе. пытался сделать так: в css пишу ACRONYM { border-bottom: 1px dashed blue; /* Подчеркивание текста */ color: maroon; /* Цвет текста */ } а в txt пишу <acronym title="Деревня в Красноярском крае">Овсянка</acronym> и ничего не происходит. подскажите как решить проблему...

    Asked by SerTse, May 8, 2009

    0 votes
    10 answers
13. Конвертация

    Здравствуйте, подскажите - есть html-ный лист, как его можно перевести в pdf формат не прибегая к разным конвекторам?

    Asked by raiden, June 22, 2009

    0 votes
    7 answers
14. Теги для вставки файла в текст

    Здравствуйте! Буду признателен если поможете мне в решении вот какого вопроса: Я новичек и только недавно начал изучать програмирование. Подскажите, пожалуйста, как можно вставить файл (zip) в текст статьи? Что-бы текст выглядел примерно следующим образом: Бла-бла-бла. Бла-бла-бла. Скачать Бла-бла-бла. Бла-бла-бла. Скачать В общем, что бы посетитель жал на ссылку и мог скачать документ или аудиофайл, например. Какие теги необходимо использовать? Заранее благодарен за помощь.

    Asked by Dim@, August 27, 2009

    0 votes
    4 answers
15. Съезжает табличная верстка в IE

    Люди добрые, стоит задача разбить шапку сайта на 3 колонки, так чтобы 1-я была логотипом, 2 и 3-я колонка баннеры. ————————————————————————————- | logo | TOP1 | TOP2 | ————————————————————————————- делал и на таблицах, и на div, только в IE все съезжает <table class="nopad top1top2"> <tr valign="top"> <td> </td> <td> </td> <td> </td> </tr> </table> <div id="header_r"> <div id="logo"></div> <div id="TOP1"></div> <div id="TOP2"></div&…

    Asked by dmsoh, December 3, 2009

    0 votes
    6 answers
16. как добавить див через :before for ie6?

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…

    Asked by bot87, May 17, 2011

    0 votes
    6 answers
17. Требуется помощь c CSS стилями

    Здравствуйте все. Прошу помощи. Все перепробовал,ничего не получается. В ссылке изображение шаблона. Эффект тени который указан стрелками не показывается при заливке сайта на хостинг. На локальном диске все отображается нормально. Я понимаю,что проблема скорее всего в стилях,но что исправить не знаю. Буду благодарен за помощь. http://mirina-art.neirs.ru/kartin.html Пишите мне

    Asked by neir, May 28, 2011

    0 votes
    6 answers
18. бустрап верстка

    есть такой чудо код <div class="row"> <div class="col-lg-4"> <div class="col-lg-7"> <h1>Менеджеры</h1> </div> <div class="col-lg-5"> <h1><a class="btn btn-success" href="/user/create"><span class="glyphicon glyphicon-plus"></span></a></h1> </div> </div> <div class="col-lg-8"> </div> </div>так нормально делать или есть более правильное решение? смущает ссылка в <h1> но иначе не выравнивается

    Asked by https, January 3, 2016

    0 votes
    12 answers
19. Проблема с отзывчивой таблицей

    Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!DOCTYPE html> <html> <head> <meta name="description" content="Демонстрация отзычивая таблица"> <meta name="keywords" content="пример, демо, отзычивая, таблица, CSS"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css…

    Asked by АлександрDog, January 25, 2019

    0 votes
    5 answers
20. Привязка объекта

    Здравствуйте У меня несколько вопросов для более сведущих людей чем я... 1. (наверное слишком глупый... но все же): в опера с альфа слоями работает... а в IE нет... что можно сделать чтобы это дело заработало? 2. Я хочу сделать чтобы при наведении на картинку происходило движение до нужного мне момента, после того как она доезжает должна происходить другая анимация кнопок на этой картинке... но я не знаю как мне их связать чтобы они вместе двигались, но при этом чтобы к кнопкам не привязывался скрипт первого движения... очень надеюсь на вашу помощь! (очень надеюсь на то, что вы поймете что я имел ввиду.. т.к. сам с трудом понимаю что написал.. ) для наглядности ссылка и …

    Asked by Kadaje, December 12, 2007

    0 votes
    2 answers
21. параметры css для <embed>

    как в CSS прописать все параметры ? name src value

    Asked by SibBear, March 30, 2008

    0 votes
    5 answers
22. Некорректно отображается шрифт в FF3

    Заказчик прислал такой скриншот: http://www.picamatic.com/show/2008/10/20/0...6_1280x1024.jpg у него надпись "art project..." вверху отображается некорректно — часть букв искажена. В моем Firefox или других браузерах такого не наблюдается... Можете проверить, у кого-то есть такой же эффект? Ссылка sparrows точка org.ua/?en

    Asked by hooey_ru, October 20, 2008

    0 votes
    2 answers
23. градиент краев сайта

    Подскажите как сделать фоновый рисунок (тень от основного контента ну и дракончики). пока что в мыслях только сделать две обертки. первой обертке левую сторону градиент сделать беграундом повторяющимся, и второй для правой стороны. или проще сделать одну линию на всю ширину? а дракончиков... можно в принципе сделать одной картинкой и в боди ее положить беграундом. сайт фикс. пробовал для обертки делать box-shadow, но тень тогда уходит во все стороны =) а надо только по бокам. PS: полоска в центре это контент =)

    Asked by npofopr, October 5, 2010

    0 votes
    3 answers
24. Оцените семантику

    Здравствуйте, оцените, пожалуйста, структуру: <!doctype html> <head> <!-- Metatags and other... --> </head> <body> <section> <header> <!-- Logo and banner --> </header> <nav><!-- Speedbar --></nav> <article> <h1><!-- Title --></h1> <!-- Content --> <nav><!-- Navigation (Pager) --></nav> </article> <aside> <menu> <!-- Menu --> </menu> </aside> <div id="empty"></div> </section> <footer> <!-- Footer --> </footer> </body> </html>. Футер прижат…

    Asked by Mr.Smith, August 15, 2011

    0 votes
    8 answers
25. Изменить размер фонового изображения с помощью CSS?

    Здравствуйте! Назначаю тегам <a> фоновые изображения по background, которые велики для тех слов, что будут над ними. Как с CSS можно сжать размеры фоновых картинок, не уменьшая разрешения исходных картинок в граф. редакторах и не добавляя внутрь <a> тегов <img> c заданными размерами?

    Asked by borus, March 2, 2012

    0 votes
    4 answers