HTML Coding

29542 questions in this forum

1. обрывается меню

   добрый день, учусь резинавай верстке, при уменьшении окна браузера обрывается меню при прокрутке поласы, не магу никак понять в чем дела вот этот сайт http://pervisait.p.ht/

   Asked by pitbuli, June 21, 2013

   • обрывается меню
   0 votes
   3 answers
2. Обтекание

   У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}

   Asked by Fenix, October 23, 2009

   0 votes
   23 answers
3. Обтекание + центрирование

   Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…

   Asked by monkeymafia, March 15, 2010

   0 votes
   13 answers
4. Обтекание DIV

   Стоят у меня 2 тега div <div class="left"></div> <div class="center"></div> в CSS прописано .left { width:200px; float:left; min-width:200; } .center { width:500px; float:left; min-width:500; } Суть проблемы что если сжать окно браузера правый блок "соскакивает" под левый. как сделать чтобы они стояли на месте?

   Asked by MefistofeleS, November 9, 2010

   0 votes
   6 answers
5. Обтекание fixed-блока

   Здравствуйте! Подскажите, пожалуйста, можно ли сделать обтекание fixed-блока ( {position: fixed} ), чтобы под него не подлазил текст? И если да, то как?

   Asked by Hedron, October 9, 2009

   0 votes
   15 answers
6. Обтекание аватарки блоками

   Верстаю страницу форума. У поста слева-сверху блок с аватаркой, у него стоит float:left, и текст его обтекает. Проблема начинается, когда в посте появляется блок цитаты <blockquote> - его текст обтекает аватарку правильно, но фон лезет под неё. Если элементу <blockquote> тоже проставить float:left, то аватарка обтекается как нужно (блок полностью справа, а не только его текст), но тогда уже сам блок цитаты справа обтекается текстом. Поставить clear, разумеется, не поможет, так как он уберёт обтекание текстом и цитаты и аватарки, а надо только цитату. <div class="post"> <div class="userinfo"> <span class="name">Юзернейм</span…

   Asked by durnoyabsurd, February 10, 2011

   0 votes
   3 answers
7. Обтекание блока

   (кликабельно) Нужно сделать вот так. Почему-то когда у блоков, которые должны обтекать фотографию, выставляю float: right; они вообще выпадают и не работают. Как бороться? Заранее спасибо.

   Asked by Sevkov, March 6, 2012

   0 votes
   2 answers
8. Обтекание блока другими блоками

   Добрый день! Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6). Есть фиксированный блок меню слева, справа от него распологаются блоки-таблички. Если сверстать просто в две колонки - меню слева, таблицы справа, при прокрутке страницы далеко вниз останется белая полоса под меню. Хочется, чтобы блоки-таблички аккуратно обтекали блок меню, как на рисунке выше. Есть ли элегантное решение этой проблемы без JS? если точно нет, то с минимальным JS..

   Asked by mSnus, March 28, 2012

   0 votes
   8 answers
9. Обтекание блоков

   Возможно ли сделать обтекание текстом сразу нескольких блоков? http://indexone.ru/temp/test.jpg

   Asked by ЛАСТЫЧ, May 6, 2009

   0 votes
   5 answers
10. Обтекание блоков

    Добрый день! Натолкните, пожалуйста на мысль, как организовать такой макет. Условия такие: 1. Количество и высота зеленых блоков не определены 2. Положение и размеры оранжевого блока зафиксированы

    Asked by RayEagle, November 2, 2014

    0 votes
    2 answers
11. Обтекание блоков - как выровнять высоту блока-контейнера?

    Всем здравствуйте. Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test2</title> <style> div, h1, h2, h3, p { padding: 0; margin: 0; } h1, h2, h3 { padding-top: 9px; padding-bottom: 3px; } #container { width: 980px; margin: 0 auto; border: 1px solid #f00; background: #ccf; } </style> </head> <body> <div id="container"> <div style="border: 1px solid #000;"> <div style="width: 500px; float: left; border: 1px solid #000;"> Главная<br>О компании<br>Услуги </div> <div sty…

    Asked by samorealization, February 28, 2009

    0 votes
    6 answers
12. Обтекание в CSS

    Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…

    Asked by tonik_spb, December 2, 2008

    0 votes
    17 answers
13. Обтекание дива текстом

    Как сделать так что-бы блок новостей приклеенный к правому нижнему углу обтекался основным текстом? Если блок позиционировать абсолютно то он не будет обтекаться, если сделать "float: right" что-бы обтекался то как блок прилепить в к низу страницы?

    Asked by denisator, August 18, 2011

    0 votes
    21 answers
14. Обтекание дивом таблицы по ширине

    Добрый день. Есть table с динамическим содержимым (текст будет разный и без переноса) без указания ширины. Её хочу обвернуть div-ом, и всё это хочу абсолютно позиционировать по центру окна. Подскажите, пожалуйста, как настроить div, чтобы он схлопывался по ширине вокруг таблицы, а не расползался на всю ширину окна?

    Asked by culver, July 6, 2014

    • div table
    0 votes
    1 answer
15. Обтекание и div

    Сделал часть шаблона наподобие http://www.artlebedev.ru/tools/technogrette/html/thumbnails/ элемент которому указано relative не заполняет собой верхний блок, как я понял. поэтому div class="text" и буковка s поставленная для теста считается самым нижним элементом страницы. А хочется чтобы выделенный блок влезал в колонку ps. Высота колонок в макете регулируется скриптом по максимальной высоте колонки. возможно это повлияло, но опять же это значит, что блоки relative не влияют на высоту колонки. Спасибо внезапно понял что в class=text надо дописать. display:inline-block; Но он не работает в IE7. думаю дальше хотя IETester выводит все нормально. Вопрос пока что снят. Спа…

    Asked by severum, February 18, 2010

    0 votes
    0 answers
16. Обтекание и отступы у обтекающих элементов

    Подскажите есть ли решение следующей проблемки http://jsfiddle.net/chzzfokq/5/. Первый список отрисовывается как положено. А второй, который обтекает элемент img справа, "теряет" отступы и отрисовывается в ровень с остальным текстом (без отступов с левой стороны). Это можно как-то решить без доп верстки и css-стилей, которые зависят от ширины обтекаемого элемента? Вот типа такого, как у третьего списка: .fix-100 { margin-left: 100px;}

    Asked by CoDy, October 5, 2014

    0 votes
    2 answers
17. Обтекание изображением

    Необходимо выполнить такую задачу: Причём, чтобы при загрузке картинки (когда её нет) текст не передвигался в левую часть, а оставался неподвижным справа. А дополнительные данные были внизу правого блока. Подскажите, куда копать? На данный момент, стабильно работающее решение (кривое и без блока доп. данных): #test { background-color: grey; margin: 15px 0; } #test .image { float: left; margin-right: 15px; width: 300px; /*чтобы текст не передвигался*/ height: 150px; } #test .image img { width: 300px; /*уменьшение изображения*/ height: 150px; } #test .wrapper { padding: 10p…

    Asked by Joseph Jevelin, September 12, 2012

    0 votes
    4 answers
18. Обтекание изображения списком

    А как сделать, чтоб список, не обтекал изображение, а шел списком ровно? <p><img src="media/khp2.jpg" align="left" alt="*" />Текст:</p> <ul> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> </ul> #content-inner img { float: left; margin: 0 18px 0 0; padding: 0 4px 4px 0; background: url(../media/photo-frame.gif) no-repeat bottom right; } у меня так, но последние пункт обтекают изображение

    Asked by sc@r@bey, March 4, 2009

    0 votes
    5 answers
19. Обтекание изображения текстом

    Прошу помощи, я использую Joomla 3+ K2? при создании материала в К2 изображение добавлено через вкладку "Изображение" (то есть изображение не размещено в самой статье, оно прикреплено к ней), изображение выводится как на странице самого материла, так и в списке материалов категории. Подскажите как сделать чтобы данная картинка была обтекаемой текстом и в списке материалов категории и на странице самого материала, я просто голову свернул Пробовал как сказано в FAQ по К2 в стилях k2.kss поставить div.latestItemImageBlock { float: left; margin: 0; padding: 0; } Не помогло И еще просьба, может кто нибудь поможет или хотя бы посоветует с примером…

    Asked by webmax, November 13, 2015

    0 votes
    4 answers
20. Обтекание изображения.

    Привет всем! Как сделать без тега <br> так чтобы часть текста обтекала изображение, а другая была под самим изображением... Сами понимаете, если изображение большое, сидеть строчить 2 десятка <br> это не дело.. Я где-то читал, токо вот забыл...

    Asked by mrBulka, March 25, 2010

    0 votes
    5 answers
21. Обтекание картинки

    Подскажите ,как мне здесь сделать обтекание картинки текстом??? <div class="br_middle" ><img src="file:///C:/Users/Admin/Desktop/std/img.png" /> 11111</div> .br_middle { background: #cecece; border: 1px solid #afafaf; padding: 4px; position: relative; }

    Asked by Mr.Black, November 25, 2010

    0 votes
    2 answers
22. Обтекание картинки списком

    поиском по форуму не нашел темы. поиском по интернету понял, что проблема актуальна есть <img style="float:left"> <ul> <li></li> </ul> значки списка в IE6 и Opere скрываются под картинкой ситуацию в ИЕ спасает: LI {display: inline-block} но при этом в Опере пункты выстравиваются в линию... какие варианты решения проблемы? мой CSS: UL {list-style:none;margin:0;padding-left:15px;} UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block} OL LI {margin-top:5px}

    Asked by $SMax$, September 30, 2008

    0 votes
    17 answers
23. Обтекание картинки текством в ИЕ

    Вот такая проблема, если мало тексту то картинка внутри контейнера, не растягивает его и срезается: вот css: #cont3 { width: 555px; margin-bottom: 20px; } img.obteknie { float: left; padding-left: 0px; padding-top: 5px; padding-bottom: 7px; padding-right: 10px; } p { font-family: Arial; font-size: 0.75em; color: #545454; padding-bottom: 10px; } h1 { font-family: Arial; font-size: 1.0em; font-weight: bold; color: #009bcd; padding-bottom: 5px; } вот код страницы: <div id="cont3"> <h1><a href="#">Название ссылки</a></h1> <a href="#" alt="Подробнее" title="Подробнее"> <img class="obteknie" src="kartinko.jpg" wi…

    Asked by okunev2, December 8, 2008

    0 votes
    6 answers
24. Обтекание картинки текстом

    Есть простой пример: <div> <img style="float:left" src='aaa/aaa.jpg'>text text text text text text text text text text text text </div> <div>подробнее...</div> Дело в том что TEXT обтекает картинку, но если его мало и он не доходит до низа картинки, то ПОДРОБНЕЕ... из нижнего находится не под картинкой, а съезжает вверх, и находится справа от картинки, под TEXT... Как сделать чтобы не съезжало?

    Asked by yeastor, September 5, 2007

    0 votes
    3 answers
25. Обтекание картинки текстом

    На сайте идёт картинка с style="float: right;" потом текст. Вот только обтекание картинки начинается с четвёртой строки текста, а как сделать чтобы сразу? Когда смотрю превью в WP то всё отображается корректно, т.е. скорей всего на это влияет что то из CSS в шапке, но не могу найти что именно. http://www.travelsolutionsireland.com/irel...nd-ladies-tour/

    Asked by haxyn, November 24, 2010

    0 votes
    3 answers