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. Размер шрифта

    Верстал очередной макет и подумал - а какой толк верстать сайт на em, если я его указываю только для шрифта? Все отступы у меня в px... 1. Как вообще правильно делать? 2. Т.к. пользователь может изменить размер - нельзя ли как-нить задать максимальное и минимальное значение? Что-то типо: по-умолчанию font-size: 1.2em; максимальный (при увеличении) - 2em. Или так нельзя? o_O

    Asked by DjTarik,

    0 votes
    29 answers

  2. Как нарисовать таблицу с помощью div

    Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …

    Asked by Aleksandr_KPI,

    0 votes
    3 answers

  3. Дробные значения в CSS

    Нужно поделить резиновую страницу на 3 равные части. Примерно вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> body { min-width: 800px; } div.column { width: 33.3%; float: left; height: 500px; /*временно*/ } .first { background: #fc0; } .second { background: #cf0; } .third { background: #0cf; } </style> <body> <div class="column first"> </div> <div class="column second"> </div> <div class="column third"> </div> </body> </html> Проблема в ширине блока. Поставил 3…

    Asked by kvant,

    0 votes
    14 answers

  4. absolute в relative проблема блока с высотой

    Приветствую, возникла проблема, пока не знаю как решить, на сайте имеется меню, которое шириной больше чем колонка в которой оно находится, в связи с этим было применено свойство position:absolute, но когда мы выводим еще один блок под этим меню, то он встает наверх незамечая нашего меню, хотя там стоит position:relative; почему то высота контейнера moduletablecompany никак не определяется, а виден только отступ сверху в 40 пикселей. Прошу помочь Html код блока: <div class="moduletablecompany"><! -- стиль div-а margin-top: 40px;position: relative;--><div class="moduleinnercompany"><! -- стиль div-а left: -3px;position: absolute;top: 0;--><ul …

    Asked by TommyDBrown,

    0 votes
    12 answers

  5. Выровнять форму по вертикали

    Надо форму поиска выровнять в слое заданной высоты. Как не мучаюсь не получается. html <div id="search"> <form> <input type="text" /> </form> </div> css #search { height:30px; border:#666666 1px solid; } #search input { display:inline; vertical-align:middle; } не равняется хоть ты тресни

    Asked by addicted,

    0 votes
    3 answers

  6. Отмена наследования CSS для кнопок

    Собственно говоря отменить наследование, я думаю не получится. Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />. Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС). Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо. Подскажите, пожалуйста какие значения нужно указать эти…

    Asked by chi,

    0 votes
    9 answers

  7. Изменить цвет ссылки при клике на неё

    Есть меню(см картинку). Задача такая: 1)ссылки посещенные - зеленые, 2)ссылки не посещенные -зеленые, 3)ссылка при наведении курсора мыши - становится красной. 4)При клике на ссылку, текст её становится красным, подчёркивание уходит. Если после этого убрать курсор мыши - ссылка всё также остается красной без подчеркивания. Если после всего этого еще раз неё кликнуть - возвращается режим работы как в пунтках 1-3. Пробовал событие onclick='this.style.color='red'', но оно не работает. Как быть? Подскажите.

    Asked by ed101utf8,

    0 votes
    12 answers

  8. Ругается валидатор

    Ребят почему валидатор HTML ругается на строку <html lang="en"> всего 1 ошибка никак не пойму почему все же правильно,пробовал менять на ru тоже самое вот что пишет хотя вложенность тегов правильная

    Asked by Евгений_SB,

    0 votes
    2 answers

  9. отступы для блока в IE6

    Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...

    Asked by Kat,

    0 votes
    24 answers

  10. высота div = высота окна браузера - 100px

    Вот такая простая задачка: нужен слой, чья высота будет равна высоте окна браузера минус определенное число px. Скрипт для определения высоты найти не сложно: function findDimensions(){ var width = 0, height = 0; // переменные с шириной и высотой окна if(window.innerWidth){ // если браузер поддерживает метод window.innerWidth width = window.innerWidth; // присвоить ширину методом window.innerWidth height = window.innerHeight; // присвоить высоту методом window.innerWidth } // иначе если браузер не поддерживает метод window.innerWidth, else if(document.body && document.body.clientWidth){ // то если б…

    Asked by chtec,

    0 votes
    4 answers

  11. box-shadow + overflow:hidden

    Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }

    Asked by Буллет,

    0 votes
    5 answers

  12. Сведение данных XML файла на страницу HTML

    Не могу понять почему не переносятся данные из XML при выводе страницы Book.htm в браузере? Помогите плиз! Результат вывода в браузере Book.htm: Book Description Title: Author: Binding type: Number of pages: Price: Код в XML-файле: <?xmlversion="1.0" encoding="windows-1251"?> <!-- Имя файла: Book.xml --> <BOOK> <ТIТLЕ>Тпе Adventures of Huckleberry Finn</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>298</PAGES> <PRICE>$5.49</PRICE> </BOOK> Код в HTML-файле: <!-- Имя файла: Book.htm --> <HTML> <HEAD> <TITLE>B…

    Asked by uvexx,

    0 votes
    16 answers

  13. Редирект и счетчик

    Здравствуйте! Хочу настроить редирект с одной страницы сайта на другую страницу с помощью файла 'redirect.php': <?php $URL="";header("Location:$URL");exit();?> 1. Могу ли я сделать с помощью одного файла 'redirect.php' несколько редиректов (с нескольких страниц на другие страницы) ? 2. Как я могу посчитать количество редиректов (можно в простой текст. файл) ? Спасибо большое?

    Asked by Марат,

    0 votes
    22 answers

  14. высота height checkbox css

    Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.

    Asked by polyanin,

    0 votes
    4 answers

  15. У меня valign="middle" не работает

    кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?

    Asked by Lisjann,

    0 votes
    8 answers

  16. div съезжает вниз

    Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:lef…

    Asked by lolka84,

    0 votes
    8 answers

  17. Как правельно оцентровать страничку ?

    Как правельно оцентровать страничку ? Надо что бы на всех разрешениях монитора отображалось одинакова? Заранее благодарю!

    Asked by maks-master,

    0 votes
    27 answers

  18. обновление страницы каждые 5 сек

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

    Asked by wredyatina,

    0 votes
    6 answers

  19. сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры

    В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…

    Asked by Вадим,

    0 votes
    10 answers

  20. Как работает адаптивность в Bootstrap?

    Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.

    Asked by Sergo Skiller,

    0 votes
    3 answers

  21. применение a:hover

    Здравствуйте. Смену цвета ссылки при наведении я осилил. Подскажите, пожалуйста, как заставить картинку (Pic.jpg) появляться при наведении курсора на ссылку? Появиться она должна не в этой таблице, а ниже, на голом месте. IMG пришлось заключить в А тег, чтобы отображалось в IE. Нужно без скриптов и для всех браузеров (IE FF Op). ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .b { color: #FFFFFF; font-family: Tahoma; font-size: 13px; text-decoration: none; font-weight: bold; display: block; height: 35px; width: 155px; padding: 1px 7px 1px 7px; border-left: 1px #FFFFFF solid; } .b:hover { background-color: #AE0000 } ~~~~~~~~~~~~~~~~~~~~~~~…

    Asked by ssk,

    0 votes
    12 answers

  22. Внешний вид таблицы

    Вопрос из серии HTML %) про таблицы Реально ли изменить эти теги или отредактировать их чтобы на сайте таблица выглядела, как в ворде? </div> <table cellspacing="1" cellpadding="1" border="1" style="width: 845px; height: 147px;"> <tbody> <tr> <td style="text-align: center;">Дата регистрации</td> <td style="text-align: center;">Ф.И.О. собственника</td> <td style="text-align: center;">Документ на право собственности</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> …

    Asked by Mailman,

    0 votes
    16 answers

  23. padding-top и EXPLORER

    Правил шаблон и все не могу сделать что бы Explorer нормально его отображал... нужно отступ от верхушки... пишу - <div style="padding-right:15px; padding-top: 45px;"> ****** </div> padding-top работает во сех других браузерах , кроме Explorer ... как можно по другому отступ сделать??? (только не </br>)

    Asked by kavadims,

    0 votes
    14 answers

  24. Разная длина <input> в браузерах

    <input type="text" name="first name" /> Без добавления своих размеров такое вот обычное поле имеет разницу в длине! Mozila FireFox 2.0.0.20, Internet Explorer 6 - имеют одинаковый размер Opera 10.10 - меньше на 6px Вчем же проблем? Наперед всем спс за ответ

    Asked by Spidey,

    0 votes
    24 answers

  25. META charset

    у меня по умолчанию на всех страницах Dreamweaver ставит charset=utf-8 хоту изменить на windows-1251. В чем разница и что может измениться.

    Asked by antosha,

    0 votes
    14 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