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. Непонятки со свойством z-index:

    Имеется два div блока 1-й с id= cl_1 и z-index=100, 2-й с id= show_menu_client и z-index=88 Нужно что бы блок 1 перекрывал собой блок 2 но на практики получается наоборот Вот HTML <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/style_1.css"> </head> <body> <div id="show_menu_client"></div> <!--Блок который должен быть перекрыт--> <div id="fonHeader"></div> <div id="container"> <div id="pageHeader"></div> <div id="menu"> </div> <div id="wrapper"> <div id="block_1"> <!—————————Перек…

    Asked by prihod,

    0 votes
    5 answers

  2. Ошибка в стиле для input

    В дизайне сть такой элемент: Пытаюсь верстать, получилось это: Вот на странице что: <div id="search"><input class="search" type="text" name="search_string" value="Поиск" onfocus="java script: if(this.value == 'Поиск') this.value = '';" onblur="java script: if(this.value == '') { this.value = 'Поиск';}"><input type="hidden" name="search_string" value="search_string"><input type="image" src="images/search.jpg"></div> и сам css: #search { position: absolute; top: 162px; left: 221px; width: 12px; height: 22px; } input.search { width: 172px; border-top: 1px solid #cecccc; border-bottom: 1px solid #cecccc; border-left: 1px so…

    Asked by okunev2,

    0 votes
    4 answers

  3. Запрет печати колонтитулов web страницы

    Всем привет! Возможно ли сделать запрет печати названия web страницы, ее адреса и даты на уровне html, css, java?

    Asked by styleroom,

    0 votes
    3 answers

  4. Фиксированный блок в фиксированном блоке

    Скорее всего хожу вокруг да около или просто туплю, но мне надо сделать два блока фиксированной ширины. Схематично это можно выразить так: Грубо говоря, у меня есть зеленый блок фиксированной ширины, а внего нужно запихнуть красный блок фиксированной ширины. Естественно, не получится запихнуть блок большей ширины в блок меньшей ширины, но вот как-то надо это сделать каким-то другим образом.... )))

    Asked by vadimon,

    0 votes
    13 answers

  5. Не корректное отображение сайта в разных браузерах.

    Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2"&gt…

    Asked by TurboMan,

    0 votes
    8 answers

  6. Атрибут lang

    Стал чаще встречать атрибут lang в теге html. W3C говорит по этому поводу: "Этот атрибут определяет базовый язык значения атрибутов элементов и текстового содержимого" И что нужен он для: "Оказание помощи поисковых систем Помощь агент пользователя выбрать символ варианты для высокого качества типографии Помощь агент пользователя выбрать набор кавычек Помощь агентам пользователей принимать решения о переносов, лигатур и расстояния" И тут у меня вопросы: 1) Разве не для этих же целе <meta http-equiv="Content-Language" content="ru"> 2) А если у меня значения атрибутов на англ, а сам контент сайта на русском? Что мне тогда писать в <html lang="">? 3) Действительно…

    Asked by Evkaky,

    0 votes
    4 answers

  7. Почему текст соскакивает вниз?

    Текст соскакивает на строку ниже иконок: http://jsfiddle.net/7WMMy/3/ Почему?

    Asked by borus,

    0 votes
    15 answers

  8. Изменить стандартный select

    Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq

    Asked by yaparoff,

    0 votes
    4 answers

  9. Проблема с кросбраузерностью

    В общем вот сайт http://spheres.in (это пока начльная версия отображается почти везде с парочкой ошибок, но эт я исправлю) а вот че делать с браузером мозила фаирфокс незнаю все криво мож я чет не так делаю(((

    Asked by Marlik,

    0 votes
    8 answers

  10. раскрутка сайта и Refresh

    для раскрутки сайта посоветывали зарегится в поисковых системах с помощью услуги вот этого сайта: http://1ps.ru/ есть советы и мнения по этому поводу знающих людей?? заранее спасибо И ещ? вопрос: подскажите пожалуйста, зачем нужа эта строка: для автоматического обновления что ли??

    Asked by Arkada,

    0 votes
    4 answers

  11. div не так отображается в IE

    Вот код: <!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> </head> <body> <div id='blok' style='background: white; text-align: center;"> много текста </div> </body> </html> css: body,html { margin : 0; padding : 0; height:100%; max-height:100%; overflow: hidden; } #blok { position: fixed; top: 75px; left: 190px; bottom: 50px; right: 0px; overflow: auto; } При таком коде в IE отображается только часть текста и нет полосы прокрутки ... Если поменять fixed на abs…

    Asked by voodoo,

    0 votes
    5 answers

  12. Три картинки в ряд

    Нужно расположить в ряд три картинки, чтобы одна из них была всегда по центру, а две других - сбоку от нее. При этом боковые картинки при уменьшении размера окна обрезаются окном браузера. Расстояние между рисунками 5%, ширина 540px. Горизонтальной полосы прокрутки быть не должно. Рисунки одновременно являются ссылками. Какие есть идеи, как подобное реализовать?

    Asked by Vlad,

    0 votes
    5 answers

  13. Помогите советом, сложная верстка

    День добрый, подскажите пожалуйста как сверстать такой дизайн. Определенные области (окно, дверь) должны быть ссылками и чтобы при наведении на них эта область менялась на другую картинку (РНР в помощь, для подмены имени картинки). Вся сложность в форме этих областей.

    Asked by vladi_goal,

    0 votes
    8 answers

  14. INLINE

    В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…

    Asked by sce,

    0 votes
    10 answers

  15. Проблемма с radio переключателем в софте

    Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…

    Asked by getozz,

    0 votes
    11 answers

  16. Меню как на Google

    Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…

    Asked by weqy,

    0 votes
    6 answers

  17. На Brackets LivePreview открывается норм а если так открыть лажа..

    Привет ребята! Я вообще в расстерянности, сверстал все через Brackets LivePreview отработал все через Хром и после когда все сверстал открываю без LivePreview от Brackets на том же хроме только теперь через не Brackets а через индексный файл смотрю и вижу никакие стили не работают. Фоновый изображение не действуют хотя все в стилях прописано и все файлы на месте. В чем проблема помогите.

    Asked by good_boy,

    0 votes
    3 answers

  18. Куда делся px ?

    Построил флоатом блоки в двух строках: <div class="element" style="border-left: 0;"></div> <div class="element"></div> <div class="element"></div> <div class="rek" style="margin-left: 0;"></div> <div class="rek"></div> <div class="rekl"></div> css .element { position: relative; float: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 233px; height: 165px; } .rek { overflow: hidden; position: relative; float: left; margin: 1px 0 1px 1px; padding: 0; border: 1px solid #dedcdc; width: 231px; height: 64px; background: #fff; } Проблема в том, что при увеличении масштаба в firefox …

    Asked by Zuma,

    0 votes
    9 answers

  19. IE6 не реагирует на onclick

    Необходимо, чтобы при наведении и нажатии на картинку она изменялась. Все виды-кнопки картинки запихнуты в одну. При наведении и при нажатии изменяется background-position. onmouseover onmouseout нормально работает под всем браузерами. onclick или onmousedown работает под mozilla, но не работает под IE6 Кусок HTML кода <tr class="11"> <td class="div1" onclick="this.className='clicked1'"> <a group="1" class="specialButtons" href="/cars/new_cars/"></a> </td> Кусок CSS кода .div1 a{ display: block; cursor: pointer; background:url(/images/auto_1_s2_3.png) no-repeat; height:108px;width:170px; bac…

    Asked by dinosavr,

    0 votes
    10 answers

  20. поиск по прикрепленному к сайту файлу

    Помогите! Ситуация такая: есть сайт и есть таблица с 5 колонками в excel.Надо на сайте сделать поиск по этой таблице, но только по значению первой колонки и при выводе результатов на сайте пользователь видел содержание только той строки, в первой колонке которой есть искомый элемент. выглядеть это должно примерно так: то что нужно получить

    Asked by zoobic,

    0 votes
    18 answers

  21. счетчик работы сайта

    Добрый день! помогите пожалуйста со скриптом таймера(счетчика) тип времени работы компании. Требуют, чтобы было с годом, месяцем, днем, часами и т.д. Прошарил все сайты, не могу найти -- сделать, чтобы он он шел вперед... ПРИМЕР: "мы на рынке уже: 7 лет, 2 месяца, 3 дня, 4 часа, 2 минуты, 33 секунды" Напишите код, если не тяжело... Спасибо.

    Asked by M4TT,

    0 votes
    5 answers

  22. Можно ли задавать высоту обертки, блока всей секции в rem?

    Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?

    Asked by Goreska,

    0 votes
    1 answer

  23. CSS Mozilla

    Для всех ли свойтв css достаточно приставки -moz- или есть особые написания свойств? Где почитать спецификацию CSS для MOZ, не могу найти... помогите кто сможет?

    Asked by SibBear,

    0 votes
    7 answers

  24. Проблемы с меню

    a:hover { color:#e5964b; text-decoration:none; font-weight: 600; text-align: left; display:block; background: url("/images/menuicon.png")no-repeat; left = 50%; } У меня такой код для ссылки "hover". Картинка /images/menuicon.png должна появляться слева от текста после наведения курсора, а появляется под ним. Как выравнить ее влево от текста? http://s54.radikal.ru/i143/1001/bc/d03b660f7dd0.png

    Asked by aimmachine,

    0 votes
    8 answers

  25. Проблема с футером и экста пустым местом справа

    Всем привет! Собственно проблема: не могу понять откуда взялась горизонтальная прокрутка, и справа появилось пустое место; второе какой все таки наиболее изящный способ прижать футер к низу, желательно без растягивания body. Также хотелось бы услышать критику Swetlan'ы, PsyWalker'a (на этот раз верстал без чрезмерного использования позиционирования) и других понимающих людей, как и где можно было сделать красивее, быстее и проще. Вот собственно сайт: http://choiceimaging.co/ Заранее спасибо

    Asked by rusmn,

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