HTML Coding

29,542 questions in this forum

1. два блока рядом по середине

   Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице: Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так: <style> #content{ float: left; width: 275px; } #container{ float: left; margin-right: -90px; padding-left: 40px; } #menu{ margin-right: 200px; border: 1px solid red; text-align: right; } #clearing {height: 0; clear: both; } </style> <div style="margin-left: 400px; padding-top: 65px;"> <div id="container"> <div id="menu"> <a …

   Asked by _axl, October 2, 2008

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

   Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть 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, September 4, 2010

   0 votes
   12 answers
3. Два блока с шириной 50%

   Не прошу писать мне готовый код, просто намекнуть как сделать лучше. На изображении 2 блока. Нужно, чтобы каждый из них занимал 50% ширины. А контент внутри этих блоков прижимался внутри к краю с отступом, чтобы при разных разрешениях всю ширину занимал только фон. В принципе кажется, что ничего сложно нет, но я запутался Сделал один общий id="webhost" и в нем два класса с еще двумя классами В одном классе фон с 50% шириной (wleft и wright), а в другом контент(wleft-row и wright-row). Получается куча флоатов и куча кода, можно же ведь как-то попроще сделать.

   Asked by alikitto, September 27, 2014

   • css
   • html
   • div
   0 votes
   2 answers
4. Два блока, один - резиновый

   Вместо тысячи слов... Как? подскажите пожалуйста

   Asked by fgfg7, December 25, 2012

   0 votes
   2 answers
5. Два блока!

   Здраствуйте! Тут такая проблема: Есть сайт http://ct-logistics.net/ - там вверху переключатель языков(eng|ru) В сафари они вылазят вниз... Немогу исправи, найти причину! В других браузерах прыгают вниз! Помогите пожалуйста!

   Asked by Vendetta-V, September 14, 2011

   0 votes
   6 answers
6. Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок

   Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:

   Asked by Rossi25, March 22, 2011

   0 votes
   6 answers
7. Два бэкграунда

   Всем привет. Подскажите, пожалуйста, как расположить два бэкграунда, так чтобы один всегда был вверху, а другой всегда внизу. Как здесь: http://bit.ly/10CuCWR Сейчас код с одним бэкграундом выглядит так: body{ font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; background: url(http://fart12345.com/wp-content/uploads/2013/04/1.png) fixed; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; color: #777777; line-height: 18px;

   Asked by atatat, April 6, 2013

   • background
   0 votes
   2 answers
8. Два варианта текста

   Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?

   Asked by кэп, October 17, 2014

   0 votes
   5 answers
9. Два видео на одной странице

   Здравствуйте. Установила на сайт flowplayer. Видео проигрывается, все нормально. Но мне нужно встроить два видео на один лист. Как это сделать если id="player" можно встроить в лист только один раз! Вот такой код: <a href="http://vceprovce.ru/11/teplogen/video/2.flv" style="display:block;width:420px;height:300px" id="player"> </a> <!-- this will install flowplayer inside previous A- tag. --> <script> flowplayer("player", "http://vceprovce.ru/flowplayer/flowplayer-3.2.16.swf"); </script> Как можно встроить еще одно видео?

   Asked by Y-7, June 23, 2013

   0 votes
   1 answer
10. два вложенных min-height: 100% - НЕ РАБОТАЕТ !

    С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в IE6, я не про это. вот посмотрите код, что не так ??? почему не работает ? спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { hei…

    Asked by Ruster, December 8, 2008

    0 votes
    9 answers
11. Два вложенных дива в ie6

    <!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" xml:lang="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…

    Asked by clavin, April 14, 2010

    0 votes
    2 answers
12. Два вопроса

    1) как мне убрать в исходном коде все <noindex> 2) Я хочу сделать чтоб куча ссылей открывалось в новом окне как так сделать ?

    Asked by ВэйДлин, December 20, 2009

    0 votes
    5 answers
13. Два вопроса по div

    Здравствуйте. Помогите, пожалуйста, или отошлите к нужной ссылке 1. Есть шаблон с двумя колонками. Нужно чтобы эти колонки были одинаковые по высоте <body><div id="container"> <div id="rightcol"> <h4>Меню</h4> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Раздел 1</a></li> <li><a href="#">Раздел 2</a></li> </ul> </div> <!-- rightcol --> <div id="content"> <h1>Название страницы</h1> <p>Бла бла бла бла бла</p> <p>Бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла…

    Asked by Kverde, December 20, 2009

    0 votes
    8 answers
14. Два вопроса по блокам

    Вопрос часто встречался ,но тут есть небольшая особенность.. Есть блок ,включающий в себя три блока: <div id="box"> <div id="boxmenu"></div> <div id="boxpanel"> </div> <div id="boxmain"> Сейчас здесь должна быть такая большая ссылка на картинку знаете ли) <a href="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3 Nzc3Nzc3Nzf/wAARCAA2AH8DASIAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAAQDBQYCAQf/xABDEAABAwICBQgFCQYHAAAAAAABAgMEABESIQUGExQxFUFRVGFxktEHIlOBoRYjMlKRk5TS8D…

    Asked by boooze, January 20, 2011

    0 votes
    6 answers
15. Два вопроса по верстке.

    Здравствуйте! Есть блок некоторой высоты и ширины, внутри него хочу разместить элемент. Я должен задать два свойства (bottom и left или bottom и right или top и left или top и right) для размещения моего элемента. Имеет ли принципиальное значение, откуда брать отступы: сверху или снизу, слева или справа? Понятное дело, что, если элемент, скажем, сдвинут на 10 пикселей от верхнего края и на 20 от левого, то нужно написать: position: absolute; top: 10px; left: 20px; и не заморачиваться насчет того, чему же будут равны отступы справа и снизу. А если элемент где-то в середине? Имеется блок с фоном некоторого цвета, внутри него размещены другие блоки, фон внутренних блоков д…

    Asked by Red Planet, August 24, 2010

    0 votes
    7 answers
16. Два вопроса.

    Добрый вечер. У меня два вопроса: 1) у меня есть див, в котором надо элементы расположить по горизонтали. вот код <div> <a href=''>1</a> <a href=''>2</a> <a href=''>3</a> <form action='1' method='post'> <input type='submit value='1'> </form> </div> У меня элементы располагаются так: 1 2 3 субмит, а мне надо 1 2 3 субмит. Как сделать? 2) мне надо переименовать файл по запросу, приведите рабочий пример функции которая переименовывает файлы. Заранее спасибо.

    Asked by vvsh, November 17, 2008

    0 votes
    4 answers
17. два всплывающих окна

    помогите пожалуйста советом на страничке я использовал jquery-плагин fancybox2 для создания всплывающих окон. проблема в том, что не получается создать всплывающее окно поверх другого всплывающего окна например на указанной страничке можно: кликнуть по ссылке "список прикреплённых"(откроется всплывающее окно №1)и затем на "добавить"(откроется всплывающее окно №2)затем нажать крестик в верхнем правом углу окна №2. в результате закроются оба окна, а мне нужно чтобы закрылось только окно №2 если такое поведение окон невозможно реализовать при помощи этого плагина, то подскажите пожалуйста какой другой использовать

    Asked by cyklop77, March 24, 2015

    • jquery
    • javascript
    0 votes
    3 answers
18. Два Дива - одинаковой высоты в не зависимости от контента

    Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/

    Asked by artemhp, December 11, 2011

    0 votes
    6 answers
19. два дива в одну строку

    хочу сделать табличный вид блоков: ########## #div1##div2## ########## Т.е. div-ы сделать что то на подобии тега dt в таблице. Попробовал обоим присвоить float:left - получилось, но вышла совсем иная проблема, высота родительского блока, в котором находятся эти два diva, не растягивается. Пробовал и position: relative, и height:auto - не помогло, что делать?

    Asked by kich, June 4, 2009

    0 votes
    2 answers
20. Два дива друг на друге по диагонали

    Как это реализовать,помогите

    Asked by anar1811, July 15, 2012

    0 votes
    2 answers
21. Два дива на той же позиции

    Здравствуйте! У меня есть два дива, сверху и снизу. Мне нужно чтобы они были на той же позиции(второй див над первым, точнее когда кликаем на меню в первом диве, появляется второй див, над первым дивом). Второй див я сделал снизу, добавил к нему position:relative и поднял на 800 пикселей(у самого дива так же 800 пх). Проблема в том что внизу, место этого дива остается, появляется скролл, который мне не нужен. Как реализовать правильно, без скролла?

    Asked by Saykus, April 26, 2013

    • html
    • css
    0 votes
    1 answer
22. Два дива наползают друг на друга

    Нужно расположить три блока внизу страницы. Один слева, второй справа и третий должен растягиваться между ними. Вот код http://ulskiy.org.ua/example/example.html Почемуто центральный блок <div class="bottomheadercenter">текст между картинками</div> наползает на левый. Помогите пожалуйста разобраться почему.

    Asked by Casufi, September 21, 2007

    0 votes
    6 answers
23. Два дива по горизонтали, каждый по 50%

    Доброго всем дня! Подскажите, как создать в блоке "content"-->>"tab1" два блока равные 50% и расположенные по горизонтали (на данный момент один под другим). <style> #content {width:1000px; overflow:hidden; background: #fff; border-top: 2px solid #3d3d3d; padding: 2em;} .left-col{float: left; width:50%; border:1px solid #FF0000; margin-right:5px; margin-bottom:5px; padding: 0px 5px 0px 5px; } .right-col{float: left; margin-left: auto; border:1px solid #FF0000; padding: 0px 5px 0px 5px; } .title{width:100%; height:25px; background: #FFC; margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:10px;} </style> </head> <div id="conte…

    Asked by fabol, September 16, 2012

    0 votes
    0 answers
24. Два дива, выравнивание

    Очень уж стыдно спрашивать в очередной раз у вас, думал что разобрался полностью с версткой дивов Оказалось нет Легкий и глупый вопрос, но деваться некуда Есть див ид=1 В нем два дива (ид=2 и ид=3, к примеру) ид=2 это картинка с флоат=лефт, ид=3 это текст Нужно что бы ид=3 находился на средней линии с ид=2, проще - посередине по вертикали

    Asked by a1rborn, October 23, 2012

    0 votes
    8 answers
25. Два и более аккордеона на странице

    Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…

    Asked by Mary_RND, February 22, 2017

    • html
    • css
    • js
    • xslt
    • umi
    0 votes
    3 answers