HTML Coding

29,542 questions in this forum

1. Плывет DIV на CSS в Internet Explorer младше 7-ой

   Уважаемые специалисты! Подскажите в сложившейся ситуации. Верстка шаблона на DIV-ах. Их свойства описаны через CSS. Основная часть шаблона страницы поделена на три DIV-колонки. Их свойства описаны в #left, #container, #right ( #container - для основного контента). Расположение блоков традиционное. При просмотре во всех браузерах отображение нормальное, кроме Internet Explorer младше 7-ой версии, где #container почему-то сползает под #right , оставляя свободное место. И что еще хуже, текст грубо обрезается справа так, что читать невозможно Подскажите, как исправить эту проблему. Ради кривенького и старенького IE переписывать шаблон на таблицы нет смысла, кроме того, эт…

   Asked by Koriolan, February 2, 2009

   0 votes
   12 answers
2. CSS: неверное приклеивание к границам экрана при position:relative;

   Здраствуйте, я начинающий верстальщик, и у меня возникла проблема. Вообще, я верстаю макет, но, для того, чтобы вам не пришлось разбираться в тоннах кода, минимизирую его. Проблема: При использовании такого кода: #foot1 { top: 0; background: #1b5790; position: relative; width: 985px; height: 46px; margin:0 auto 0 auto; } Не происходит прикрепления синей полоски к границам экрана. При изменении значения position: с relative; на absolute; все приходит в норму - полоска прикрепляется к верней части экрана. Когда position: absolute; это выглядит так. Когда position: relative; это выглядит так. (из-за яндексной рекламы появляются символы "п»ї", этого нет на ло…

   Asked by sergey_lans, March 6, 2009

   0 votes
   22 answers
3. Колонтитулы на странице для печати.

   В word'e (Microsoft Word) возможно прописать верхний и нижний колонтитул чтобы он повторялся на всех страницах. Возможно ли такое же добавить как-то в стили для страниц на печать. Т.е. страницы которые стилизуется через media = "print". Допустим, контента на странице на 7 листочков А4, возможно ли сделать 2 diva повторяющимися в заголовке страницы и в футере, на манер вордовских файлов. Чтобы на всех 7 распечатанных страницах оба дива повторялись. а не 1 в начале и 1 в конце. P.S. Не нашел на форуме ответов на данный вопрос. В документации даже не знаю какую тему открыть чтобы почитать данный вопрос.

   Asked by EddieBrock, December 30, 2011

   0 votes
   1 answer
4. скрипт для фонового img

   Привет! Мож кто знает, как называется хтмл скрипт, для пропорционального выравнивания фонового img по краям странички браузера?.

   Asked by shiz, July 25, 2008

   0 votes
   21 answers
5. наставник Поиск наставника!

   Здравствуйте. Изучаю верстку уже около полугода. Недавно встал такой вопрос: "А почему бы не найти человека,который будет мне помогать в верстке,давать советы,говорить как лучше сверстать,тыкать носом в мои ошибки?". Я понимаю,может этот пост будет написан напрасно,т.к. мало людей,кто хочет тратить время на совершенно левых людей,да еще и бесплатно. Но все же,я ищу человека,который станет моим наставником,будет составлять ТЗ, которому можно будет задавать вопросы,когда что-то непонятно,который будет давать советы,как лучше сверстать/назвать тот или иной блок. Немного о себе: Юноша,15 лет,изучаю верстку с августа(сначала прошел курсы на htmlacademy.ru, затем,вот,недавно,за…

   Asked by SilencerWeb, January 1, 2017

   • учитель
   • поиск
   0 votes
   26 answers
6. лишний пиксель снизу в IE

   Здравствуйте! вот,сверстал недавно сайтик - http://atahanov.ru/ (не посчитайте за рекламу, пожалуйста, просто лень выкладывать отдельно код и принтскрин, но, если все-таки надо будет, то сделаю..) вроде все просто - верстка таблицами, css только для текста и ссылок, никакаго флеша.. в файрфоксе все отлично отображается, в сафари тоже, а вот ИЕ, гад почему-то вставляет снизу полоску и из-за этого картинки не прилегают вплотную к дну браузера, весь вид портится.. как только не бился - вроде все обнулено в таблицах, все целпадинги и целспейсинеги и тд, а вот полоска не пропадает и все тут.. кто знает, подскажите, пожалуйста, как это исправить? заранее благодарю! p.s. - если …

   Asked by dangler, October 8, 2008

   0 votes
   20 answers
7. overflow ограничивает абсолютный блок

   Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

   Asked by BoJITyH, April 3, 2016

   • div
   • overflow
   • position:absolute
   0 votes
   13 answers
8. Мои вопросы

   Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?

   Asked by extrabass4, January 12, 2014

   0 votes
   52 answers
9. кроссбраузерность - частный случай

   Добрый вечер Создал первый в свой веб-сайт: http://peartree.ho.com.ua Сильно за дизайн не пинайте Писал, как посоветовали, под Мозиллу. Под Мозиллой работает нормально ? так как и планировал. Но если его открыть через ИЕ ? беда. Сразу возненавидел ИЕ? Подскажите, отчего все мои круглые уголки в левой части сместились вниз? Это хорошо видно здесь: http://peartree.ho.com.ua/news.php Вот кусок кода. Часть ПХП кода забрал, чтобы не отвлекал: .leftcol{ float: left; width: 170px; } .leftcol1,.leftcol2,.leftcol3{ background: #E8E8E8; position: relative; margin-bottom: 10px; } .leftcol4{ background: #E8E8E8; position: relative; } .bolt-top-left{ width: 18px; height: 18px; po…

   Asked by zigfrid, June 2, 2007

   0 votes
   12 answers
10. CSS hacks (проблема с Safari 5)

    Алоха. Перестал работать персональный css hack (селектор:not(:root:root) {свойство:значение;}) для Safari 5, но на старых версиях Safari работает "на ура". Кто-нибудь знает персональный css hack для Safari x<5<x? Встречал много статей, в которых утверждается что, к примеру, какой-то css hack только для Safari, начинаешь проверять его и получается, что он также читается и Google Chrome'ом. Все что я нашел работает для Safari_5+Google Chrome, а по отдельности только для Safari и только для Google Chrome - нету. Есть идеи? По теме: http://studioad.ru/blog/2009-09-30-92

    Asked by Compaq6720s, February 18, 2011

    0 votes
    12 answers
11. OBJECT вместо IFRAME

    Раз элемент IFRAME заперещен в XHTML Strict, то нужно как-то без него обходиться. Вот только как? Элемент OBJECT конечно может отобразить другой документ на странице, но это само по себе бесполезно, если учесть что атрибут TARGET тоже запрещен. Таким образом, необходимо придумать как по клику на элементе панели навигации сайта менять документ, загруженный элементом OBJECT. Вот такой способ... <object id="information_field" data="page_1.html" type="text/html"> <div class="button" onclick="information_field.data=page_2.html';"> ...не подходит. Атрибут меняется, но на странице все остается по прежнему. Что же делать???

    Asked by Excelsus, September 21, 2007

    0 votes
    7 answers
12. Ищу наставника :)

    Здравствуйте. Имею некоторый опыт верстки, очень и очень поверхностные знания по js, jquery, php немного получше. Хотелось бы найти человека, которому не лень было бы давать мне задания, с которыми я мог бы справляться за вечер-другой. Ну и проверка и указание ошибок тоже мне очень помогли бы. Если кто-то захочет выступить в роли наставника, буду очень рад. Для связи отписывайтесь в этой теме, а я отвечу вам лично, чтобы связаться уже помимо форума. Спасибо.

    Asked by Frey, June 13, 2013

    0 votes
    48 answers
13. Граница вокруг текста в фотошопе stroke а с css можно сделать подобное

    добрый день всем !!! Уважаемые форумчане, подскажите как мне сделать обводку вокруг текста , в фотошопе с помощью стилей это делается со stroke а в css есть что то подобное ? С уважением

    Asked by bgraf, September 14, 2009

    0 votes
    10 answers
14. 3 колонки, шапка, подвал - контент вверху html (после шапки)

    Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…

    Asked by LeoStanlik, June 1, 2008

    0 votes
    2 answers
15. Как сдвинуть форму?

    Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…

    Asked by Dimaz, November 20, 2012

    0 votes
    1 answer
16. списки

    <div class="apDiv1"> <a href="index.php?categoryID=24" class="cat">простые телефоны</a> <br> <ul> <li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li> <li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li> <li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="in…

    Asked by ppvkomi, December 13, 2009

    0 votes
    18 answers
17. Сворачивание меню в Bootstrap

    Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…

    Asked by Тёмик, March 2, 2015

    • bootstrap
    0 votes
    0 answers
18. смена картинок по onclick

    Доброго времени суток. суть вопроса такова. Необходимо сделать категории для картинок в слайдере nivo. вот предположим, что это кнопки категорий. <div id=cont_main_menu> <div class =menu_item_1><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 1</a></center></div> <div class =menu_item_2><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 2</a></center></div> <div class =menu_item_3><center><a href="" class="off1" onMouseOver="this.className='on1'"…

    Asked by sable_vrn, March 22, 2011

    0 votes
    13 answers
19. Пожалуйста, помогите с парольным доступом!

    Приветствую, не могли бы вы помочь, у меня первый заказ на веб сайт, до этого занимался созданием сайтов,но тут придумал уже дизайн, сделал макет, договарился с людьми и заступорился на такой вещи как парольный доступ, покапался на этом сайте. нашел код, но он у меня чтото не работает, при любом пароле пускает! не могли бы вы помось с кодом! нужно чтобы был один пароль ну и как на картинке В общем (она увеличена, сам пароль находиться в верхнем правом углу) ОГРОМНОЕ СПАСИБО ЗАРАНЕЕ! ПОЖАЛУЙСТА помогите!

    Asked by AndyMac, August 19, 2008

    0 votes
    16 answers
20. Резиновая рамка п каям сайта.

    Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar

    Asked by chillout, May 22, 2011

    0 votes
    7 answers
21. Посоветуйте

    Посоветуйте шаблонизатор, не такой огромный и монстрообразный как Smarty. 150кб кода кажутся мне лишними в 40кб-ом проекте

    Asked by Arrest, June 25, 2007

    0 votes
    3 answers
22. Резиновый горизонтальый слайдер

    Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…

    Asked by prospravka.ru, July 7, 2011

    0 votes
    10 answers
23. как привязать див к правому краю таблицы

    есть отцентрированная таблица. К ее правому краю нужно привязать див. Идея в том, что сама таблица всегда должна оставаться по центру, при изменении размеров окна браузера. Если в таблицу добавить еще один столбец справа, то основное тело таблицы сместится в лево, что недопустимо. Подскажите можно ли это сделать?

    Asked by kibadachi, April 23, 2008

    0 votes
    10 answers
24. Расположение блоков друг под другом в несколько колонок

    Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более к…

    Asked by dropoff, March 23, 2011

    0 votes
    4 answers
25. какие есть скрипты для текста: тень, вдавленный и пр...

    какие есть скрипты для текста: тень, вдавленный и пр... подскажите пожалуйста, а то в дримвивере МХ только курсив, полужирн и подчеркивание....

    Asked by vovchikku, September 4, 2008

    0 votes
    8 answers