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. Список выходит за пределы слоя

    Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …

    Asked by skygazer,

    0 votes
    4 answers

  2. Как у списка (ul) увеличить размер точки

    Как у списка (ul) увеличить размер точки ( та что вылазиет с боку автоматом )

    Asked by antonP,

    0 votes
    6 answers

  3. Персонаж : как его одеть

    Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: css /**************** Man charaster ****************/ .mchar { width: 125px; height: 285px; border: 1px solid #690000; } /*** man image ***/ .mimg { position: relative; z-index: 1; margin-top: -285px; float: left; } /*** char items ***/ .mchar .items { width: 125px; height: 285px; position: relative; float: left; z-index: 2; } .mchar .items div { height: 0px; width: 0px; float: left; } .mchar .items div img { width: 125px; height: 282px; position: relative; } /* items category z-index */ .mchar gun { z-index: 9; } xhtml 1.0 <!-- man charaster --> <div class="mcha…

    Asked by klierik,

    0 votes
    8 answers

  4. Подскажите как верстать

    Всем доброго времени суток, вот сижу смотрю в шаблон и попадаю в тупик ... Вот поставили мне задачу ... сделать резиновый шаблон ... что-бы в ширину тянулся и контент тянулся ... как его резать етот шаблон воообще не представляю ... Если у кого появяться адекватные соображения по етому поводу пишите буду очень признателен Вот ссылка на картинку ВОТ

    Asked by mOnYa,

    0 votes
    6 answers

  5. Выравние разного текста по верху блока

    Ребята, подскажите как текст разного размера выравнивать по верхнему краю в блоке, вот код: #telephone { position: absolute; right: 0; top: 140px; display: block; } #telephone p { color: #7540f8; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: lighter; text-align: right; } #telephone p em { color: #ff0066; font-family: Georgia; font-size: 36px; } <div id="telephone"><p>+7 (xxxx) <em>xxx-xxx-xxx</em></p></div> Спасибо

    Asked by okunev2,

    0 votes
    10 answers

  6. Два Блока Рядом.. Выходит Только Если Ширина..

    Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть CSS: #footer{ margin:13px auto 0px auto; padding: 0px 13px 0px 13px; position: relative; clear: both; width: 992px; height: auto; background-color: #fff; ~border: 1px solid #000; font-size: 10px; line-height: 11px; } /* FOOTER CONTENTS */ #footer > p{ margin: 0px 0px 13px 0px; padding: 0; text-align: justify; clear: both; color: #777; } #footer > .imgtext { width: 100%; height: 100%; clear: both; overflow:hidden; background-color: #ccc; margin: 0px 0px 8px 0px; } #fo…

    Asked by gard,

    0 votes
    12 answers

  7. как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?

    <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …

    Asked by atew,

    0 votes
    8 answers

  8. не работает border

    Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …

    Asked by mastermedia,

    0 votes
    2 answers

  9. Трехколонный макет ? колонки во всю длину экрана

    Не знаю, обсуждался ли данный прием на этом сайте, однако мне ничего по этому поводу найти не удалось. Необхожимо сделать трехколонный шаблон для сайта, но при этом левая и правая колонки должны иметь длину* средней колонки, то есть доходить до самого низа страницы. Возможно ли это сделать средствами CSS (я думаю, что наверняка), может кто-то уже сталкивался с этим? Замечу, что в большинстве случаев рассматривается "резиновый" вариант исполнения длины колонок, в зависимости от количества контента. Заранее спасибо.

    Asked by rent,

    0 votes
    12 answers

  10. Emmet в PHPStorm ставит лишние отступы и разрывы строк

    пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…

    Asked by quoter,

    1 vote
    10 answers

  11. Верстка email писем

    Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97…

    Asked by WhatIsHTML,

    0 votes
    17 answers

  12. Как зафиксировать элемент относительно окна браузера

    Здравствуйте, есть такой код: <html> <head> <style type="text/css"> body { margin: 0; padding: 0; width: 100%; color: WindowText; } #header { width: 100%; padding: 0.5em 0; background-color: ButtonFace; color: ButtonText; position: fixed; bottom: 0; left: 0; //position: absolute; bottom: expression( document.getElementsByTagName( 'body' )[0].scrollBottom + "px" ); } #content { background: Window url('grid-10.gif'); padding: 2.2em 0; width: 100%; height: 3000px; } </style> </head> <body> <div id="header">Top Frame Content</div> <div id="content"> …

    Asked by jsmaximum,

    0 votes
    3 answers

  13. Как принудительно заставить IE работать в стандартном режиме?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?

    Asked by LittlePony,

    0 votes
    12 answers

  14. Шаблон чисто на дивах не получается (как померить ширину)!

    Задумал разогнать шаблон. Вс? в принципе нормально если бы лиса и опера нормально отображали. Смысл в том... Есть 2 колонки 1 - фиксированной ширины; 2 - оставшейся. С таблицами нет проблем 1 - фиксируешь, 2 - оста?тся как есть, само растягивает. С дивами как не пытался, вс? равно на следующую строку перекидывает(разве что в осле вс? хорошо), если точно ширина у второй колонки не задана. Можно решить проблему альтернативно, с помощью плавающих блоков. Но так, возникают проблемы с футером. Короче вс? сводится к тому что-бы подставить значение выражения (ширина Body - 295px;(результат должен быть в px;)) в див... как это сделать не подскажите... А то я в JavaScript не сил?н…

    Asked by dremora,

    0 votes
    4 answers

  15. Расположение потомка позади предка

    Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.

    Asked by Titansword,

    0 votes
    17 answers

  16. nth-child(2n) не работает

    <div class='d1> <div class='d2'></div> <div class='blabla'></div> <div class='d2'></div></div>.d1 .d2:nth-child(2n){ float: right;}изза дива blabla не работает стиль, если убрать див blabla то работает. почему так и как исправить?

    Asked by https,

    0 votes
    19 answers

  17. Переход по ссылке через тип "radio"

    Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

    Asked by ErUnDAK,

    0 votes
    3 answers

  18. Рисунок-ссылка слоями

    Как сделать чтобы вставленный рисунок в слой стал ссылкой?

    Asked by Cardinal,

    0 votes
    5 answers

  19. Высота ячейки 100% в IE - действительно решения не существует?

    Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html…

    Asked by RedRat,

    0 votes
    10 answers

  20. Chrome не правильное отображение

    Доброй ночи всем. Только что поставил на сайт поиск от гугла. Решил протестировать, Mozilla, IE(что удивительно) нормально все, а с Chrome проблема, и даже не знаю, что ему не нравиться... проблема на странице результатов поиска, в Хроме после результатов не здоровый отступ вниз. Заканчивается код поиска, и перед классом clear дыра...пикселей на 200-300. Дивы все нормально закрыты, первый раз такое. <script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script> </div> <div class="clear"></div> </div> <div id="footer"> кстати, посмотрел на этом сайте, так тут тоже Хром внизу результатов поиск…

    Asked by Victik,

    0 votes
    12 answers

  21. Вывод печатной версии сайта.

    Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта. Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички? Спасибо

    Asked by galana,

    0 votes
    3 answers

  22. Бегущая строка

    Сделал себе бегущую строку о днях рождения(в системе Ucoz), в током виде: <marquee><div align="center"><strong><font size="4">Поздравляем с Днем Рождения:$TODAY_BIRTHDAYS$!От лица всего сайта поздравляем Вас с днем рождения!</font></strong></div></marquee> Как сделать, чтобы она показывалась только в те дни, когда есть у кого нить днюха?

    Asked by dalos,

    0 votes
    14 answers

  23. Отменить действие тега

    Нужно вставить текст в div, но в нем действует определенные стили шрифта, как их отменить внутри див, чтобы вставить текст без этих стилей? и еще сразу вопрос, чтобы темы не плодить. как можно перенести текст на следующую строку , чтобы не образовывалось свободное расстояние между строками? или было меньше, чем обычно.

    Asked by lmaolmao,

    0 votes
    4 answers

  24. Как добавит 2 изображения на фон?

    На моём сайте тиражируется один фон но в одну таблицу мне нужно поместить как фоновое изображение ещё одно изображение я так и делаю но опять же интернет эксплорере это работает а в других браузерах нет

    Asked by Игорь Ермаков,

    0 votes
    12 answers

  25. высота <li>

    #menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …

    Asked by chus,

    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