Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. 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…

    Asked by WM,

    0 votes
    2 answers

  2. Где-то ошибка в сценарии.

    Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин. Спасибо. <html> <head> <title>Index</title> </head> <BODY> <FORM><DIV STYLE='color: blue; text-decoration: underline'&…

    Asked by alex81,

    0 votes
    9 answers

  3. 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…

    Asked by Cloack,

    0 votes
    18 answers

  4. Фотогалерея responsive. Одинаковая высота картинки.

    Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...

    Asked by Светлана Г.,

    0 votes
    18 answers

  5. косяк в 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%;"&…

    Asked by ppopik,

    0 votes
    1 answer

  6. можно в показать в виде таблицы xml документ

    Доброе время суток! у меня есть html страничка c данными сотрудников (фио, телефон, кабинет и т.д.) в виде таблицы. При изменении каких-либо данных приходится ручками менять эту таблицу. Но есть возможность получить эти данные в виде xml-документа. Вопрос можно ли как-то показать данные этого xml-документ в табличном виде на html-страничке, чтоб при изменении содержимого xml автоматически менялись данные в таблице? Меня интересует, существуют ли способы добиться желаемого без использования php или asp.net.

    Asked by avn72,

    0 votes
    6 answers

  7. Не получается отменить дефствие float

    Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/

    Asked by alleclf,

    0 votes
    2 answers

  8. Как хранить большие объёмы информации?

    Собственно, для меня является очевидным, что, к примеру, если на сайте будут большие объёмы информации, то их надо как-то хранить. Например, статьи. БД для этого не подойдёт. Следует использовать xml? Если не затруднит, напишите вкратце теорию и практику, хотя бы схематично, хранения и использования информации. Заранее большое спасибо. P.S. с этим вопросом яндекс мне не помог. спорить не буду, может мои запросы были кривые.

    Asked by virus-07,

    0 votes
    14 answers

  9. Скрыть сразу несколько блоков (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…

    Asked by anjoy74,

    0 votes
    2 answers

  10. Абсурд с 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><…

    Asked by Мое Яблоко,

    0 votes
    18 answers

  11. обратная форма связи для шаблона на dle

    Как сделать форму обратной связи если я сделал сайт на dle движке, не понимаю просто вообще, был один способ но онскорее для обычных html страничек, облазил весь инет, пытался подключить в дле модуль нифига не вышло, помогите братья

    Asked by igornagorny89,

    0 votes
    3 answers

  12. Таблица, как включить авторазмер ячеек в 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…

    Asked by roleg,

    0 votes
    21 answers

  13. заливка div с картинкой- цветом

    У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?

    Asked by BeetleJuice541,

    0 votes
    13 answers

  14. IE11 не применяет CSS

    Есть сайт на самописном веб-сервере. К сайту применены CSS, определяющие вид и разметку. Во всех браузерах, включая мобильные сафари и хром всё работает, как задумано. В IE11 в нормальном режиме страница отображается так, как-будто стили не применяются совершенно. В режиме "совместимости" стили начинают применяться, но частично и довольно криво, например, не работает свойство position:fixed;, в таблице границы ячеек прорисовываются только, если в ячейке есть текст и многое другое. В логах сервера вижу, что браузер запрашивает файлы css и успешно их получает. Есть подозрение на правила безопасности. По-отключал все ограничения, которые нашёл, не помогло. Может кто сталкива…

    Asked by aquaMakc,

    0 votes
    10 answers

  15. Проблема с эффектом перекатывания.

    Всем привет! При попытке организовать меню с помощью одного CSS. столкнулся с проблемой. Делать пытался по советам уважаемого Влада М. http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee Не удалось добиться кроссбраузерности (кажется таким словечком это свойство зовут). Словами описывать долго все мое горе в архиве (180к) http://up.iteam.ua/104480 Может найдется добрый и знающий, и покажет пальцем на ошибку , совсем начинающему.

    Asked by yugov,

    0 votes
    22 answers

  16. Помогите допилить 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…

    Asked by YankovskyAndrey,

    0 votes
    25 answers

  17. Выделение строк в таблице при наведении

    Имеется таблица 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> будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?

    Asked by RK3DNP,

    0 votes
    5 answers

  18. Как установить размер картинки, чтобы она не выходила за пределы 800 пикселей, но при этом соблюдала пропорции?

    Здравствуйте, некоторые картинки большого размера существенно выходят за границы контейнера. Как это исправить с помощью стилей, например чтобы они оставались в границах 800 пикселей? Только нужно соблюдать условия. Если картинка маленького размера например 600 пикселей, то она не должна растягиваться и подгоняться под 800 пикселей. Должны сохраняться пропорции по высоте и ширине, иначе если стили применятся только к ширине, а высота останется прежней, то картинка получится квадратной и приплюснутой. В качестве контейнера где нужно примениться стили будет div с классом text. Примерно так, <div class="text"></div>. В общем ко всем картинкам ко…

    Asked by Katerina23,

    0 votes
    3 answers

  19. inline-style

    Хотел спросить мнение:часто ли вы пользуетесь inline styles?или предпочитаете вс? вносить в css?слышал много разных мнений,так и не понял что лучше и безопаснее

    Asked by Fed,

    0 votes
    4 answers

  20. Где взять шаблон сайта?

    Дорогие, форумачане! Скажите где можно взять шаблон для сайта, с уже нарезанными картинками, просто в Photoshop не очень хорошо работаю....

    Asked by RuSS,

    0 votes
    16 answers

  21. Тянущееся гризонтальное меню через список

    Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?

    Asked by XXXVII,

    0 votes
    10 answers

  22. Аналоговые часы на 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, с изображением часо…

    Asked by Guest Гость_Rukos_*,

    0 votes
    7 answers

  23. Как убрать рамку в поле поиска в хроме?

    В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :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…

    Asked by DivMan,

    0 votes
    4 answers

  24. как увеличить расстояние между группой цифр

    как увеличить расстояние между цифрами через css: 7772255, нужно чтоб было 777 22 55 спасибо. Стандартными методами пробовал меняет интервал между цифрами!

    Asked by mrfrunze,

    0 votes
    5 answers

  25. Веб - термометр с динамической подгрузкой значений температуры из 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 …

    Asked by Ser8191,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept