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
-
Помогите правильно разместить обьекты
Здрасьте! Не могу правильно разместить обьекты в 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> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.
0 votes8 answers -
как сделали на этом сайте?
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> Но ведь тут нет н…
0 votes15 answers -
Выровнять изображение и текст
Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 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>…
0 votes1 answer -
Как подключить виджет uLogin к HTML сайту?
Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?
0 votes9 answers -
Фиксированное меню с помощью 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'…
0 votes4 answers -
Некорректная подсветка синтаксиса CSS в Notepad++
Notepad ++ 8.1 x64, но проблема существовала и в предыдущих версиях. В таблице стилей форматирование, условно говоря, первого абзаца, отличается от остального текста. Т.е. (см. скришнот) в первом селекторе подсвечиваются ЗНАЧЕНИЯ свойств, во втором - СВОЙСТВА, в третьем - и сам селектор. Причём если добавлять или убирать/добавлять селекторы, менять их местами в таблице, то эта условная граница "перемещается", т.е. она не привязана к какому-то конкретному участку кода. Мне кажется, что это баг (или фича) NPP++ и не стОит искать в этом поведении какой-то логики. Подсвечивает, и ладно. Но может всё же есть рациональное объяснение этому странному поведению? В частности, если…
0 votes3 answers -
прозрачный фон png на ссылке Hover
Подскажите решение для того что бы прозрачный пнг на a:hover работал.
0 votes2 answers -
Проблема в 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". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.
0 votes4 answers -
Стиль внутри страницы
Как внутри страницы (вне <head>) прописать CSS класс? Именно класс, а не стиль для элемента (<tag style=""></tag>).
0 votes5 answers -
Ещё одна проблемка
<!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> Во всех браузерах работает, к…
0 votes6 answers -
Верстка блока
Прошу помочь с дивной версткой блока с семантической точки зрения корректной. Как на картинке. 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…
0 votes9 answers -
ACRONYM
Дело в том, что я загружаю текст из вне во флеш и на некоторые слова мне нужно сделать пояснение. Желательно чтобы при наведении на него появлялась подсказка, либо как нибудь иначе. пытался сделать так: в css пишу ACRONYM { border-bottom: 1px dashed blue; /* Подчеркивание текста */ color: maroon; /* Цвет текста */ } а в txt пишу <acronym title="Деревня в Красноярском крае">Овсянка</acronym> и ничего не происходит. подскажите как решить проблему...
0 votes10 answers -
Конвертация
Здравствуйте, подскажите - есть html-ный лист, как его можно перевести в pdf формат не прибегая к разным конвекторам?
0 votes7 answers -
Теги для вставки файла в текст
Здравствуйте! Буду признателен если поможете мне в решении вот какого вопроса: Я новичек и только недавно начал изучать програмирование. Подскажите, пожалуйста, как можно вставить файл (zip) в текст статьи? Что-бы текст выглядел примерно следующим образом: Бла-бла-бла. Бла-бла-бла. Скачать Бла-бла-бла. Бла-бла-бла. Скачать В общем, что бы посетитель жал на ссылку и мог скачать документ или аудиофайл, например. Какие теги необходимо использовать? Заранее благодарен за помощь.
0 votes4 answers -
Съезжает табличная верстка в 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&…
0 votes6 answers -
как добавить див через :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…
0 votes6 answers -
Требуется помощь c CSS стилями
Здравствуйте все. Прошу помощи. Все перепробовал,ничего не получается. В ссылке изображение шаблона. Эффект тени который указан стрелками не показывается при заливке сайта на хостинг. На локальном диске все отображается нормально. Я понимаю,что проблема скорее всего в стилях,но что исправить не знаю. Буду благодарен за помощь. http://mirina-art.neirs.ru/kartin.html Пишите мне
0 votes6 answers -
бустрап верстка
есть такой чудо код <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> но иначе не выравнивается
0 votes12 answers -
Проблема с отзывчивой таблицей
Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!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…
0 votes5 answers -
Привязка объекта
Здравствуйте У меня несколько вопросов для более сведущих людей чем я... 1. (наверное слишком глупый... но все же): в опера с альфа слоями работает... а в IE нет... что можно сделать чтобы это дело заработало? 2. Я хочу сделать чтобы при наведении на картинку происходило движение до нужного мне момента, после того как она доезжает должна происходить другая анимация кнопок на этой картинке... но я не знаю как мне их связать чтобы они вместе двигались, но при этом чтобы к кнопкам не привязывался скрипт первого движения... очень надеюсь на вашу помощь! (очень надеюсь на то, что вы поймете что я имел ввиду.. т.к. сам с трудом понимаю что написал.. ) для наглядности ссылка и …
0 votes2 answers -
параметры css для <embed>
как в CSS прописать все параметры ? name src value
0 votes5 answers -
Некорректно отображается шрифт в FF3
Заказчик прислал такой скриншот: http://www.picamatic.com/show/2008/10/20/0...6_1280x1024.jpg у него надпись "art project..." вверху отображается некорректно — часть букв искажена. В моем Firefox или других браузерах такого не наблюдается... Можете проверить, у кого-то есть такой же эффект? Ссылка sparrows точка org.ua/?en
0 votes2 answers -
градиент краев сайта
Подскажите как сделать фоновый рисунок (тень от основного контента ну и дракончики). пока что в мыслях только сделать две обертки. первой обертке левую сторону градиент сделать беграундом повторяющимся, и второй для правой стороны. или проще сделать одну линию на всю ширину? а дракончиков... можно в принципе сделать одной картинкой и в боди ее положить беграундом. сайт фикс. пробовал для обертки делать box-shadow, но тень тогда уходит во все стороны =) а надо только по бокам. PS: полоска в центре это контент =)
0 votes3 answers -
Оцените семантику
Здравствуйте, оцените, пожалуйста, структуру: <!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>. Футер прижат…
0 votes8 answers -
Изменить размер фонового изображения с помощью CSS?
Здравствуйте! Назначаю тегам <a> фоновые изображения по background, которые велики для тех слов, что будут над ними. Как с CSS можно сжать размеры фоновых картинок, не уменьшая разрешения исходных картинок в граф. редакторах и не добавляя внутрь <a> тегов <img> c заданными размерами?
0 votes4 answers