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
-
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
Имеется код: <!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> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…
0 votes2 answers -
Где-то ошибка в сценарии.
Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин. Спасибо. <html> <head> <title>Index</title> </head> <BODY> <FORM><DIV STYLE='color: blue; text-decoration: underline'&…
0 votes9 answers -
8 сторон %(
Здравствуйте. У меня следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <table height="700" width="100%" border="2"> <tr> <td align="center"> <div class="block" align="center"> <div> Текст... </div> </div> </td> </tr> </body> </html> Выглядит так: Как мне добавить ещё картинки по углам и в верхней и нежней части? (Хочу сделать как здесь http://webimg.ru/ ) Код CS…
0 votes18 answers -
Фотогалерея responsive. Одинаковая высота картинки.
Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...
0 votes18 answers -
косяк в ie6 с background-image для body и ul списком
ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css html {background: url("../images/trava.gif") right bottom no-repeat; height: 100%;} на странице код такой: <body> <div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок --> <div id="logo_head" align="center"> </div> </div> <div style="float: left; margin-top: -50px;"> <img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки --> </div> <div style="float: right; width: 64%;"&…
0 votes1 answer -
можно в показать в виде таблицы xml документ
Доброе время суток! у меня есть html страничка c данными сотрудников (фио, телефон, кабинет и т.д.) в виде таблицы. При изменении каких-либо данных приходится ручками менять эту таблицу. Но есть возможность получить эти данные в виде xml-документа. Вопрос можно ли как-то показать данные этого xml-документ в табличном виде на html-страничке, чтоб при изменении содержимого xml автоматически менялись данные в таблице? Меня интересует, существуют ли способы добиться желаемого без использования php или asp.net.
0 votes6 answers -
Не получается отменить дефствие float
Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/
0 votes2 answers -
Как хранить большие объёмы информации?
Собственно, для меня является очевидным, что, к примеру, если на сайте будут большие объёмы информации, то их надо как-то хранить. Например, статьи. БД для этого не подойдёт. Следует использовать xml? Если не затруднит, напишите вкратце теорию и практику, хотя бы схематично, хранения и использования информации. Заранее большое спасибо. P.S. с этим вопросом яндекс мне не помог. спорить не буду, может мои запросы были кривые.
0 votes14 answers -
Скрыть сразу несколько блоков (javascript)
Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…
0 votes2 answers -
Абсурд с position! И тем не менее, работает...
Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…
0 votes18 answers -
обратная форма связи для шаблона на dle
Как сделать форму обратной связи если я сделал сайт на dle движке, не понимаю просто вообще, был один способ но онскорее для обычных html страничек, облазил весь инет, пытался подключить в дле модуль нифига не вышло, помогите братья
0 votes3 answers -
Таблица, как включить авторазмер ячеек в IE FF
Начал писать легкий шаблончик для сайта, последний раз занимался этим 6 лет назад И тут пошли проблемы, сначала сделал на дивах потом решил что слишком много кода получилось и переписал на 1 таблицу Проверил в Опере все замечательно А вот в IE и FF ячейки не сжались до контента уже нет сил искать универсальное решение, я уже сегодня должен накодить движок с админкой под этот шаблон помогите, знаю что решение простое, может хак какой или CSS свойство нужно поставить шаблон тут: http://arxive.arvixe.ru/index2.html HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-e…
0 votes21 answers -
заливка div с картинкой- цветом
У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?
0 votes13 answers -
IE11 не применяет CSS
Есть сайт на самописном веб-сервере. К сайту применены CSS, определяющие вид и разметку. Во всех браузерах, включая мобильные сафари и хром всё работает, как задумано. В IE11 в нормальном режиме страница отображается так, как-будто стили не применяются совершенно. В режиме "совместимости" стили начинают применяться, но частично и довольно криво, например, не работает свойство position:fixed;, в таблице границы ячеек прорисовываются только, если в ячейке есть текст и многое другое. В логах сервера вижу, что браузер запрашивает файлы css и успешно их получает. Есть подозрение на правила безопасности. По-отключал все ограничения, которые нашёл, не помогло. Может кто сталкива…
0 votes10 answers -
Проблема с эффектом перекатывания.
Всем привет! При попытке организовать меню с помощью одного CSS. столкнулся с проблемой. Делать пытался по советам уважаемого Влада М. http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee Не удалось добиться кроссбраузерности (кажется таким словечком это свойство зовут). Словами описывать долго все мое горе в архиве (180к) http://up.iteam.ua/104480 Может найдется добрый и знающий, и покажет пальцем на ошибку , совсем начинающему.
0 votes22 answers -
Помогите допилить TabControl с помощью Css3
Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…
0 votes25 answers -
Выделение строк в таблице при наведении
Имеется таблица 2 столбца и много строк, нужно при наведении мыши на одну строку, чтобы выделялась вся строка (менялся фон). Делаю так: style type="text/css"> #celltext:hover { background: #cbc7cd; } </style> <tr> <div id="celltext"> <td>456 </td> <td>123</td> </div> </tr> Не работает, но если сделать: <tr> <td><div id="celltext">456 </div></td> <td>123</td> </tr> будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?
0 votes5 answers -
Как установить размер картинки, чтобы она не выходила за пределы 800 пикселей, но при этом соблюдала пропорции?
Здравствуйте, некоторые картинки большого размера существенно выходят за границы контейнера. Как это исправить с помощью стилей, например чтобы они оставались в границах 800 пикселей? Только нужно соблюдать условия. Если картинка маленького размера например 600 пикселей, то она не должна растягиваться и подгоняться под 800 пикселей. Должны сохраняться пропорции по высоте и ширине, иначе если стили применятся только к ширине, а высота останется прежней, то картинка получится квадратной и приплюснутой. В качестве контейнера где нужно примениться стили будет div с классом text. Примерно так, <div class="text"></div>. В общем ко всем картинкам ко…
0 votes3 answers -
inline-style
Хотел спросить мнение:часто ли вы пользуетесь inline styles?или предпочитаете вс? вносить в css?слышал много разных мнений,так и не понял что лучше и безопаснее
0 votes4 answers -
Где взять шаблон сайта?
Дорогие, форумачане! Скажите где можно взять шаблон для сайта, с уже нарезанными картинками, просто в Photoshop не очень хорошо работаю....
0 votes16 answers -
Тянущееся гризонтальное меню через список
Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?
0 votes10 answers -
Аналоговые часы на css
И так вопрос, у меня есть нескольно картинок с изображение <div style="background:url(images/clock_bg.gif) 0px 0px no-repeat;height:85px;width:85px;"> <div id="clock_hour" style="background:url(images/hour.gif) -340px 0 no-repeat;height:85px;width:85px;"> <div id="clock_minutes" style="background:url(images/minutes.gif) -510px 0 no-repeat;height:85px;width:85px;"> <div id="clock_second" style="background:url(images/second.gif) -4845px 0px no-repeat;height:85px;width:85px;"> </div> </div> </div> </div> Первый div, c изображением циферблата (основной бекграунд) Второй div, с изображением часо…
0 votes7 answers -
Как убрать рамку в поле поиска в хроме?
В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…
0 votes4 answers -
как увеличить расстояние между группой цифр
как увеличить расстояние между цифрами через css: 7772255, нужно чтоб было 777 22 55 спасибо. Стандартными методами пробовал меняет интервал между цифрами!
0 votes5 answers -
Веб - термометр с динамической подгрузкой значений температуры из txt
Приветствую. Уважаемы мастера и знатоки своего дела, подскажите пожалуйста или помогите пожалуйста организовать следующее <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script>var CANV_GAUGE_FONTS_PATH = '../fonts'</script> <script src="../gauge.min.js"></script> </head> <body onload="dR()"> <canvas id="gauge"></canvas> <div id="console"></div> <script> //////////////////Настройки графического термометра////////////////// var gauge = new Gauge({ renderTo : 'gauge', width : 300, height …
0 votes5 answers