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. динамическое обновление контента

    Здравствуйте! у меня возникла такая проблема: имеется шапка страницы(лого) , боковое меню и сам контент сраницы(содержимое страницы) вот.. при нажатии на пункт меню мне необходимо чтобы менялось только содержимое контента, а вс? остальное осталось(менюшка и лого) не изменялись т.е. чтобы они не загружались заного.. как это можно реализовать не использщуя фреймы? может как-то через JavaScript?Как на php сделатья частично понял типо includ' ом файлы подключать вот..., а на html это возможно сделать? подскажите подалуйста,заранее благодарен.

    Asked by Александр_1989,

    0 votes
    5 answers

  2. Борьба position:absolute и position:relative с z-index

    Расскажите, по какому принципу определяется приоритет блоков, спозиционированных абсолютно и относительно? Т. е. всегда ли блок с position:absolute будет находиться над блоком с position:relative ? У меня сложилась такая ситуация в Mozilla и z-index не помогает ее исправить. Причем в IE 7 как ни странно отображается согласно моей задумке

    Asked by XXXVII,

    0 votes
    14 answers

  3. <li> как повернуть список в горизонтальное положение?

    можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?

    Asked by sh1va,

    0 votes
    4 answers

  4. Проблема с отображением SVG

    Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)

    Asked by BogusUA,

    0 votes
    2 answers

  5. IE6 и Float...

    <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Tetro</title> </head> <body> <div id="wrap"> <div id="header"> <img src="img/head.png"> </div> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="wrap2"></div> <div id="footer"></div> </body> </html> img/head.png = (ширина 400, высота 100) html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} body > #wrap2 {height: auto; min-height: 100%;} bo…

    Asked by XiBOR,

    0 votes
    34 answers

  6. Текст внутри круга

    Всем привет. Вопрос следующего характера. В макете есть текст внутри фигуры - круг. Как сделать так чтобы было обтекание текста внутри круга? Вот что в css. .container_circle{background: #FBFF7D;width: 200px;height: 200px;border-radius: 50%;}.container_circle p{ margin: 0px auto; width: 200px; height: 200px; -webkit-hyphens: auto; -webkit-shape-inside: circle(50%, 50%, 50%); text-align: justify; } Когда же смотрю результат, то круг есть, а текст прямоугольный. Работаю в Adobe DW.

    Asked by Miss_chance93,

    0 votes
    4 answers

  7. как убрать подчёркивание ссылки

    как убрать подчёркивание ссылки? что прописать надо? сервер ucoz сайт praypeople.ucoz.ru <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>

    Asked by vladbadhero,

    0 votes
    1 answer

  8. Растянуть картинку до конца экрана в Bootstrap

    Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…

    Asked by EvilNeighbor,

    0 votes
    6 answers

  9. Колонки одинаковой высоты

    Имеем код .column_block { width: 100%; overflow: hidden; } .column { border: 3px solid rgb(150,230,150); width: 30%; margin: 0 1% 0 1%; float: left; } .column .radius_top, .column .radius_top div, .column .radius_bottom, .column .radius_bottom div { background: url(../images/radius_column.png) no-repeat; height: 20px; display: block; position: relative; } .column .radius_top { top: -3px; left: -3px; } .column .radius_top div { background-position: 100% -20px; left: 6px; } .column .radius_bottom { background-position: 0% -60px; t…

    Asked by gesandte,

    0 votes
    53 answers

  10. HR - отступ, положение

    Как сделать, чтоб эта так называемая ПАЛКА была на картинке, а не за ней.

    Asked by vrednyu4aya,

    0 votes
    17 answers

  11. Select & Number (выравнивание по горизонтали, кроссбраузерность)

    Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…

    Asked by motion,

    0 votes
    21 answers

  12. Как отправить данные из формы по нажатии на ссылке

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

    Asked by grantand,

    0 votes
    5 answers

  13. резиновость блочная верстка

    доброго времени суток. 1. есть следующий код: <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> в суме ширина всех дивов == 100% Во всех броузерах (ИЕ6/7, ФФ2) вс…

    Asked by klierik,

    0 votes
    19 answers

  14. Квадратный див с относительными размерами

    Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.

    Asked by Smirnov M.,

    0 votes
    21 answers

  15. Выравниевание текста по центру

    Подскажите пожалуйста, каким образом можно текст в диве с заданными height && width выровнять во центру по вертикали и горизонтали. То есть имееется код примерно следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> #container { width : 300px; height : 300px; border : 1px solid green; } #inner { vertical-align : middle; text-align : center; width : 100%; height : 100%; } </style> </head> <body> <div id="container"> <div id="inner">Message</…

    Asked by e1f,

    0 votes
    5 answers

  16. Несколько картинок в одной ячейке таблицы

    Первый раз в жизни пишу на форум. Обычно все уже обсуждалось. Но нигде не нашел что прописать или в CSS или лучше в <td> что бы изображения расположились не в столбик как по умолчанию а в линию в одной ячейке таблицы. Заранее спасибо.

    Asked by vlad7777,

    0 votes
    22 answers

  17. -webkit-gradient и -webkit-linear-gradient

    Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…

    Asked by SelenIT,

    0 votes
    23 answers

  18. DIV растягивается по всей ширине родителя

    Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_typ…

    Asked by ХОЛОДный,

    0 votes
    4 answers

  19. Как сверстать такое меню?

    Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.

    Asked by MiHALbI4,

    0 votes
    40 answers

  20. input type="text" & background

    Есть вот это: <input type="text" style="background: #fff url(images/search.gif) no-repeat; padding-left:22px;"> Как только вводимые данные перестают влезать в строку, то IE6 сдвигает картинку, а Opera отображает текст по верху картинки. В Firefox не проверял. Что в данном случае можно сделать? Или это можно считать нормально P.S. Первое что пришло в голову - это убрать у input рамку, а затем запихнуть это в div: - background не использовать для input; - поставить картинку и рядом с ней input; - из div сделать рамку какая была у input изначально Можно ли это сделать более проще?

    Asked by Slyfox,

    0 votes
    4 answers

  21. 3D облако тегов

    Прошу помощи! весь день промучался с кодом <html> <head> <title>Красивое облао тегов</title> <script type="text/javascript" src="swfobject.js"></script></head> <body> <div id="tags"><?php$tags = '<tags> <a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a> <a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a> <a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a><a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a> <a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a> </tags>'…

    Asked by Elensar,

    0 votes
    14 answers

  22. Уменьшение изображений для адаптивной верстки

    Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?

    Asked by Oleg90s,

    0 votes
    14 answers

  23. Как растянуть div по высоте

    Здравствуйте. Подскажите, пожалуйста, как сделать, чтобы рамка блока 2 растягивалась в зависимости от высоты рамки блока 3. Верстка блочная. Помогите пожалуйта.

    Asked by _Tornado_,

    0 votes
    10 answers

  24. Единый блок, разбитый блок

    Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание

    Asked by gesandte,

    0 votes
    43 answers

  25. Отображать тэги с новой строки

    Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN Квадратики вместе с тектом отображаются в одну строку. Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки? Зарание благодарен =)

    Asked by [da_smag],

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