HTML Coding

29542 questions in this forum

1. Вложенный div cо свойством overflow:auto

   Всем доброго дня. Есть таблица с результатами которая не влазит в стандартное окно по ширине. Нужно для дива с этими результиатами вставить горизонтальную прокрутку. Существует проблема, когда прописываешь в style div.needClass {overflow:auto;} не применяется к этому диву с этим классом, пробовал обращаться и по id. Если прописываешь div {overflow:auto;}, то это применяется соответственно ко всем дивам, и в частности к родительскому, у которого внутри необходимый нам див. Пробовал на отдельной странице, для определенного класса все аккуратно задается. Вопрос1: что может мешать тому чтобы в конкретно прописанном классе не применялось свойство overflow. Еще согласны даже на…

   Asked by sniffer, August 9, 2007

   0 votes
   2 answers
2. Как сделать "резиновым" div по вертикали с прокруткой?

   Есть сайт с "резиновым" дизайном. Есть необходимость использовать div со скроллбаром. Если задавать фиксированные размеры для div'а, все нормально, "overflow: auto" создает скроллбар когда необходимо. Но если размер div'а не указан (или 100% - то что надо ), растягивает div так, что видно только 1 строку. Как сделать ризивой div по вертикали с прокруткой? height:600px; - сейчас в работе. (height:100%; или height:auto!important; - не работаю корректно) #mycustomscroll { width: 100%; min-height:auto!important;height:600px;max-height:100%; margin: 0 0 0 0; overflow: auto; } .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscr…

   Asked by DeathError, August 21, 2011

   0 votes
   8 answers
3. слои текст+картинка

   плизззз, помогите как на картинку наложить текст? на сайте нашел как картинку на текст. а вот бы хотелось на оборот

   Asked by kruger, December 7, 2007

   0 votes
   16 answers
4. выпадающее меню, написанное на css, уходит под блоки, расположенные ниже но только в IE

   Здравствуйте, я снова к Вам с проблемой. Я являюсь новичком в верстке, поэтому уж выручайте Я сюда уже писала про свое меню. С той проблемой разобралась. Уже хотела выдохнуть, но не тут-то было. В MFF, Operа все выглидит как надо, просто супер. А IE как всегда в своем репертуаре. Так меню должно выглядеть и выглядит в MFF и Opera: А так оно выглядит в IE: Вот код css для меню: table.nav {position:relative;top:114;white-space:nowrap;} #nav {padding:0; margin:0; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; } #nav li a.top_link {display:block;float:left; height:35;line-height:33px; color:#9…

   Asked by heny, January 20, 2010

   0 votes
   21 answers
5. Помогите с выравнивание изображения под любое разрешение.

   Привет всем. У меня возникла проблема и я не могу е? решить,надеюсь вы сможите мне помоч. Я плохо разбираюсь в хтмл поэтому и попросил помощи. Что мне нужно,привратить это: Вот код этого: <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="204" width="100%"> <tr><td align="left" width="357"><img src="http://src.ucoz.ru/t/601/1.jpg" border="0"></td><td style="background:url('http://src.ucoz.ru/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Главная"><img src="http://src.ucoz.ru/t/601/3.gif" border="0" alt="Главная"></a><img src="http://src.ucoz.ru/t/601/4.gif" width="10" …

   Asked by AstraZak, July 20, 2007

   0 votes
   15 answers
6. OL li

   и так, есть список: <ol> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> </ol> как сделать, чтобы для первой строки li был отступ слева, причем нумерация была прилеплена к тексту???

   Asked by Lincky, May 14, 2009

   0 votes
   28 answers
7. Помогите с css

   Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…

   Asked by IOzer, December 14, 2009

   0 votes
   33 answers
8. Оптимизация сайта под разные браузеры

   Здравствуйте. Нужна ваша помощь. У меня есть свой сайт, который я сделал при помощи визуального редактора без знания хтмл и прочих премудростей веб-программирования. Теперь как следствие некомпетентности сайт отображается с ошибками в разных браузерах. В ие и опере все нормально а в файрфоксе верхняя часть сайта как попало. Самостоятельных знаний исправить проблему не хватает поэтому обращаюсь за помощью. Что сделать, что подправить, подскажите пожалуйста. Мой сайт http://unecha.org/

   Asked by Amber, August 20, 2008

   0 votes
   7 answers
9. Как сверстать такой шестиугольник плавный ?

   Нужно сверстать такой элемент. Сам не особо понимаю как такое делать. Знаю про то как шестиуголники делают но такими планому закругленными углами не знаю как.

   Asked by Alexej, July 4, 2018

   0 votes
   5 answers
10. Перенос блока на новую строку

    Собственно имеются 4 информационных блока(таблицы) внутри td, заполняются они динамично. Проблема заключается в том, что если 4-ый информационный блок не влазит в первой строке, то он должен переноситься на новую строку, собственно, как делает clear:left. Сейчас блоки обтекают друг друга с float:left, но проблема с том, что если предыдущий, то есть блок располагающийся слева от текущего имеет больше контент, соответственно шире по высоте, то блок, который обтекает его не будет перенесен на новую строку до тех пор, пока не превысит его по высоте. В общем, если поставить на все блоки clear:left, то она все будут расположены с новой строки. Надеюсь доступно объяснил. grin ;…

    Asked by Beck, May 9, 2010

    0 votes
    4 answers
11. Фиксированный сайдбар, скролл-страница контент

    Верстаю сайт на бутстрапе. Возник такой вопрос. Нужно чтобы левый сайдбар был фиксирован, а правые 2 блока скроллились. Причем сайдбар должен фиксироваться только после того как проскроллится шапка (шапку фиксировать не нужно). Прилагаю макет и примерную схему. P.S. Пробовал класс affix, но что-то не вышло, вероятно я неправильно его использовал.

    Asked by spyrofunk, March 18, 2016

    • html
    • css
    • bootstrap
    0 votes
    10 answers
12. Проблемы с SASS

    Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…

    Asked by Ludwig Voltman, December 14, 2013

    • sass
    • scss
    • препроцессоры
    • проблемы
    0 votes
    5 answers
13. Ромб средствами css

    Здравствуйте! Нужно сверстать, как на картинке ниже. Вопрос: можно ли ромб сделать средствами css? (я сделала в помощью картинки) Код здесь

    Asked by Alfa2015, January 17, 2016

    0 votes
    3 answers
14. z-index не работает.

    Попробую описать всё объективно. Делаю школьный сайт(попросила одна знакомая учительница) В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить. Вроде бы всё просто, но почему-то нихрена не получаеться web page maker делает такой код: <div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" border=0 width=798 height=6></div> <div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" border=0 wi…

    Asked by Dr.AvataROCK, November 5, 2009

    0 votes
    23 answers
15. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n, March 1, 2018

    • bootstrap
    • menu
    • гамбургер
    0 votes
    2 answers
16. Лучшие книги по CSS

    Чтобы там не говорили любители халявы, а реальтная книга в руках, это намного приятнее и удобнее чем текст на экране монитора... С книгой можно повалятся на диване, книгу можно взять с собой куда угодно и читать по дороге, да в конце концов книга это солидно А если эта книга ещё и является уникальным источником информации по CSS, так это вообще замечательно )) Предлагаю в этой теме обсудить самые лучшие книги по CSS. Думаю эта информация будет полезна как новичкам незнающим с чего начать, так и опытным верстальщикам. CSS-каскадные таблицы стилей. Подробное руководство - (O'Reilly) http://www.books.ru/shop/books/557232 - Несомненно бестселлер по CSS!!! Общепризнанно лучш…

    Asked by droncl, September 19, 2009

    0 votes
    2 answers
17. Использование DIV

    можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?

    Asked by termoplus, May 21, 2009

    0 votes
    29 answers
18. Горизонтальное меню списком, растягивание по ширине страницы

    Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50. Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз. Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?

    Asked by rdva, September 22, 2009

    0 votes
    10 answers
19. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff, August 16, 2013

    0 votes
    1 answer
20. как исправлять ошибки на сайте?

    просканил на валидаторе сайт свой, заметил кучу ошибок , в основном такие: # Error Line 101, Column 188: ID "login" already defined …0" /><input name="login" type="hidden" id="[b]l[/b]ogin" value="submit" /></form></td> An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). в связи с этим есть вопросы: 1. ошибка в букве "l" в слове login ? правильно же написано 2. Скажите Что за линии и что за колонки? строка что…

    Asked by dauren300, August 5, 2010

    0 votes
    9 answers
21. высота ячейки 100%

    Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}

    Asked by SIN, August 2, 2007

    0 votes
    8 answers
22. Письмецо

    Подскажите новичку, если уже имеется пхп скрипт для отправки email ис сайта, как связать хтмл документ, с формой отправки и всеми текстовыми полями, с этим пхп файлом?

    Asked by Jon, November 15, 2007

    0 votes
    6 answers
23. Позционирование картинки "с ушами" по центру окна

    Привет. Есть макет 2 колонки 970px фиксированный (хедер, левый сайдбар, контент, футер). Между хедером и контентом есть картинка больше размера body (неоднородная переходящая в фон) 1222px (типа с ушами слева/справа). Задача была чтобы картинка всегда была по центру, а при сворачивании окна, "уши" картинки прятались слева/справа, под окно браузера. Короче, я ее спозиционировал относительно. Проблема в появлении горизонтальной прокрутки, может кто подскажет как убрать? картинка: Код css: html, body { margin:0 auto; padding:0; border:0; width: 970px; background: #f7d100; } .centerimage { position:relative; left: -125px; width: 1222px; height: 300px; } код html: &l…

    Asked by сс9000, July 16, 2011

    0 votes
    39 answers
24. А как вы выполняте Clearing?

    Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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"> <head> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…

    Asked by TonKhaO, January 12, 2010

    0 votes
    34 answers
25. ширина Input внутри div

    Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!

    Asked by jetli13, September 23, 2010

    0 votes
    12 answers