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

29,542 questions in this forum

  1. Как писать в файл?

    Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…

    Asked by EventPromo,

    0 votes
    1 answer

  2. Верстка под OperaMini

    сайт zareadka.ru емулятор оперы мини http://www.opera.com/mobile/demo/ показывает ужос. что не так с версткой?

    Asked by sympler,

    0 votes
    10 answers

  3. растягивание фоновой картинки в ИЕ

    Всем привет. есть блок с фоном, который тянется в зависимости от ширины блока. .menu-nav div ul li:first-child+li { margin:0px; padding:10px; margin-top:10px; list-style:circle; background:none; background:url(../images/m_grin.png) no-repeat; background-size: 100% 100%; list-style:none; } но ие его не тянет. не работает background-size: 100% 100%;. Как растянуть фон в ие?

    Asked by stone86,

    0 votes
    2 answers

  4. Таблица с тремя ячейками а в них по img - в IE проблема бордюра

    Есть таблица. Одна строка, три столбца. В каждом столбце есть по img у каждого img свойство align="right" и во всех браузерах все чудесно, кроме кончено же IE. Здесь появляются не понятные зазоры между img и и границей td. Выглядит это так http://my.jetscreenshot.com/2772/20110427-hk6j-12kb.jpg в остальных браузерах белых полос между нет. Нужно убрать эти полосы. Дайте совет, что ИЕ хочет от меня чтобы он нормально их отобразил

    Asked by artlayers,

    0 votes
    11 answers

  5. Js или PHP?

    Всем доброго... вопрос собственно о том, что выбрать в ПРОСТОЙ и до нельзя тупой ситуации... есть такой вариант если на сайте в текстбокс ввести например 12345 затем нажать кнопку то идет переадресация на субдомен 12345.мойсайт.ру... просто с системой поиска по папкам разобрался только с субдоменами.... так вот вопрос: Чем и как сделать такой простой до глупости текстбокс?.. тесть саму функцию... ты ввел он подставил и переадресовал...

    Asked by muhomo,

    0 votes
    8 answers

  6. Почему в IE6 не происходит обтекание

    Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…

    Asked by W1nD,

    0 votes
    16 answers

  7. Как сделать резиновый сайт?

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

    Asked by energ,

    0 votes
    5 answers

  8. DIV уезжает вниз.

    Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …

    Asked by EventPromo,

    0 votes
    2 answers

  9. Из нескольких изображений одно

    Здравствуйте. Давно интересовал вопрос, почему в большинство сайтов (напр. bigtorrent.at.ua (не реклама, скинул то, что было открыто) заглавное изображение состоит из нескольких. Разве не проще одним изображением?

    Asked by Alex&R,

    0 votes
    1 answer

  10. Кнопки для смены шрифта

    Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?

    Asked by Rustick,

    0 votes
    5 answers

  11. При подключении css сбивается выравнивание таблицы

    Требуется выровнять таблицу по центру. Если не подключать таблицу стилей или если не создавать в ней селектор для таблицы, то выравнивание, как нужно, по центру. А с таблицей стилей - таблица липнет к левому краю только в Опере и Мозиле! В IE, Dreamweaver все норм. Помогите, пожалуйста. html-файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <link type="text/css" rel="stylesheet" href="st.css"> <TITLE>Личный сайт Стёпы</TITLE> </HEAD> <BODY> <table id="menu" width="400px" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="17px"><…

    Asked by Gorgo,

    0 votes
    3 answers

  12. При нажатии на элемент формы value очищается

    Доброго времени. подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.

    Asked by shaltay,

    0 votes
    9 answers

  13. Вопрос по стандартным макетам

    Сгенерировал стандартный макет на http://csstemplater.com/ Похожая структура макета часто встречается у многих вебмастеров, поэтому появился небольшой вопрос по этой теме. Ссылка на страничку Вопрос: 1. Для чего все дивы входят в <div id="wrapper">? Мы же можем создать просто идентификаторы для нужных элементов. То есть у нас же есть шапка, контент, боковая колонка, подвал и все они, как бы правильно это сказать, являются вложенными дивами <div id="wrapper">. 2. Так же <div id="content"> является вложенным для <div id="container">. Для чего это делается? Общий вопрос: Каким образом это все помогает верстать?

    Asked by Rustick,

    0 votes
    1 answer

  14. Блок по середине

    Вот у меня блок.Как расположить его точно по середине,при этом надо учитывать,что ширина будет разной.Если я делаю так .wrapper_bodydiv { clear:both;margin-left:8%;margin-right:8%;margin-top:10px;margin-bottom:10px; } То у меня при ширине 1024 пикс. блок точно по середине а при большой смещается ближе к левой стороне.Если поставить text-align:center; не помогает.Скажите как сделать?:!

    Asked by new01,

    0 votes
    5 answers

  15. Помогите сверстать

    Помогите сверстать,вот картинка. Делаю но получается что левый и правый блок вне блока content.Могу сюда скинуть свой код.СПАСИБО

    Asked by azarkin7,

    0 votes
    13 answers

  16. Критерии проверки верстки

    По каким пунктам вы проверяете соответствие высокому качеству свою вёрстку? Кроссбраузерность - само собой. Я только смотрю под различные разрешения, а также под отсутствие картинок. Сейчас прошёлся по своим работам и заметил, что текст у меня вываливается из блоков при масштабировании шрифта. Стоит ли на это обратить внимание? И ещё один вопросик, как обычно стоит резать макет: для любого фона (преимущественно png) или только для того, какой в макете (преимущественно jpg)? Спасибо!

    Asked by monsterr,

    0 votes
    6 answers

  17. диагональный градиент

    Покажите как сделать диагональный градиент?

    Asked by demi,

    0 votes
    12 answers

  18. Как убрать второй скролинг в ие

    Здравствуйте, у меня сайт из фреймов, отображается так: <iframe scrolling="auto" width="100%" height="100%"> и в ие отображается 2 вертикальных скролинга один крайний пустой, а той что левее работает, как сделать чтобы убрать левый скролинг, а правый работал. Так <iframe scrolling="no" width="100%" height="100%"> скролингов вообще нет и отображается только та часть сайта которая влезла на страницу.

    Asked by Maskca,

    0 votes
    1 answer

  19. png для ie6

    1 Задача состоит вот так!!! припустим нада Body{background:url(file.png) repeat-x} КАк подключить прозрачность для ie6 так чтоб картинка repeat-x!!!???? 2.Задача нужно вставить картинку <img src='file.png' > Как подключить прозрачность

    Asked by bot87,

    0 votes
    3 answers

  20. float и отрицательные отступы

    Добрый вечер! Нашел решение для двухколоночного макета, в котором используются плавающие элементы с отрицательными отступами. Пример работает, но я не могу понять, почему. css: #content{ float: right; margin-left: -200px; width: 100%; } #content-inner{ margin-left: 200px; } #left-sidebar{ width:200px; } html: <div id="content"> <div id="content-inner"> <p>content</p> </div> </div> <div id="left-sidebar"> <p>sidebar</p> </div> C чисто обывательской точки зрения, отрицательный маргин должен сдвинуть блок контента с текущей позиции на 200 пикселей влево, однако вместо …

    Asked by scorpio,

    0 votes
    3 answers

  21. Размер шрифта в *.psd для CSS

    Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графич…

    Asked by Kelenar,

    0 votes
    12 answers

  22. Отдельный css для каждого li

    Есть вот такое меню <div class="menu"> <ul id="level"> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> </ul> </div> Использую border-radius и box-shadow для пунктов. Каждый пункт - отдельный овал с тенью. Названия пунктов разные по длине, соответственно овалы получаются разные. А вот для ie как всегда отдельный сss. Другие элементы я просто картинками сделал вместо css3, а вот как с разными по длине пунк…

    Asked by qazibum,

    0 votes
    6 answers

  23. Height 100% + Repeat + ie 6

    Здравствуйте. При вёрстке документа столкнулся с очередной проблемой в IE 6. На странице имеется декоративный элемент со свойствами: position:absolute; background-repeat:repeat-y; height 100% Родительский элемент имеет свойства (пробовал разные сочетания) min-height: 100%; height: auto !important; height: 100%; html и body имеют (пробовал разные сочетания) height: auto !important; height: 100%; Проблема: Декоративный элемент успешно растягивается на всю высоту экрана, его фон повторяеться, но если страницу проскроллить вниз обнаружаеться, что элемент не растягиваеться дальше. То-есть элемент не растягиваеться на высоту большую чем первоначальная видимая область. Это д…

    Asked by Kujibiki,

    0 votes
    5 answers

  24. Многоуровневое горизонтальное меню

    Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color…

    Asked by ukalen,

    0 votes
    7 answers

  25. Печать куска текста со сранички

    День добрый всем! Извиняюсь за глупость вопроса, но проблема такая: есть страничка со списком пунктов самовывоза (например вот такая _http://www.wildberries.ru/services/shipment.aspx) как лучше реализовать кнопку печать для каждого пункта в отдельности? если не создавать для каждого отдельно страничку. есть идея сделать к каждому пункту самовывоза картинку (где будет карта и текст с описанием как дойти) и кнопку с "распечатать" которая просто будет отправлять эту картинку на печать, только как это реализовать и будет ли это корректно?

    Asked by Torvin,

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