HTML Coding

29542 questions in this forum

1. height:100%; + scrollbar

   Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…

   Asked by mozart, May 15, 2008

   0 votes
   8 answers
2. Выплывающий блок по клику и кнопка закрытия

   Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)

   Asked by Mary_RND, October 10, 2016

   • html
   • css
   • jquery
   0 votes
   10 answers
3. Резиновый сайт и background-image

   Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…

   Asked by Ritter, August 9, 2011

   0 votes
   11 answers
4. наставник Поиск наставника!

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

   Asked by SilencerWeb, January 1, 2017

   • учитель
   • поиск
   0 votes
   26 answers
5. Помогите пожалуйста сделать расстояние между строками

   Скидивыю часть кода , вопрос в том что , как сделать небольшое расстояние между строками Имя и Email (не пропуском строки ,а такое же как между "Посетите ли вы наш сайт снова" и переключателями ) или это уже не исправить, не умею еще пользоваться хостингом поэтому заливаю инфу таким образом. Помогите пожалуйста советом что делать... <fieldset> <legend> Данные пользователя: </legend> <label> Имя: <input type="text" name="name" size="30" maxlength="100"> </label> <br /> <label> Email: <input type="email" name="email" size="30" maxlength="100"> </label> <br /> </fieldset>

   Asked by Mextrive, April 28, 2023

   0 votes
   2 answers
6. Оптимизация

   Добрый день, посетители форума. Я здесь недавно. Очень много информации. Это хорошо. У меня мало времени, поэтому со всем на форуме ознакомиться не смог. Прошу прощения, если тема уже была затронута. Речь пойдёт об оптимизации сайта под различные браузеры. Мой сайт сделан без применения рнр и других языков програмирования. Он создан исключительно на html. Так же присутствует и javascript. Просматриваю его в основном через ie8 (пока что в разработке). Мне этот браузер кажется наиболее удобным. Но когда я увидел сайт через FF и Оперу, то сильно расстроился. Сайт выглядел иначе. Многие элементы дизайна не отображались. Я решил всё-таки доделать сайт в ие, а уже потом перейти…

   Asked by crysis007, July 22, 2009

   0 votes
   24 answers
7. Три колонки, крайние тянутся, центральная фиксированной ширины.

   По сути ситуация такая: весь контент находится в центральной части дизайна, в блоке шириной 954 пиксела, по бокам идет как бы декоративный фон, состоящий из нескольких элементов, то есть необходимо к центральному диву (трехколоночной таблицей не получается, т.к. образуется вертикальное смещение и дырки на стыках колонок), добавить еще два дива побокам, которые равномерно растягиваются при увеличении размера окна браузера, и в них разместить еще дивы следующим образом: в левой два дива фиксированной высоты, а в правой четыре - верхние два фиксированной высоты, третий тянется, нижний снова фиксированной высоты. При этом всем центральный див обязательно должен быть по центру…

   Asked by mozart, October 8, 2008

   0 votes
   7 answers
8. Как выровнять баннер по центру ?

   Как выравнить баннер по ценру, : http://kvshu39.ru/forum/viewforum.php?f=7&...619d234b150e10c <!-- INCLUDE overall_header.html --> <script type="text/javascript"><!-- google_ad_client = "pub-5796305367349667"; /* киу_форум_без прокрутки_700x140 */ google_ad_slot = "8800195845"; google_ad_width = 728; google_ad_height = 90; //--> </script>" Пасиб

   Asked by persey01, August 21, 2009

   0 votes
   2 answers
9. Уникальный стиль полосы прокрутки для отдельного блока на странице

   На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?

   Asked by LUC, October 22, 2015

   • полоса прокрутки
   • scrollbar
   • overflow
   0 votes
   3 answers
10. Вместо изображения белый квадрат

    Не хочет отображаться картинка. (имя файла- clocks.jpg, лежит в папке images)Пока учусь. Работаю в NotePade, в основном, запускаю через лисицу, изображения в браузере включены, ну это на всякий случай. Да и ни в каком браузере не идет. Может, это из-за того, что что-то не так с картинкой, к примеру, повреждена? <html> <head> <title> </title> </head> <body> <img src="images/clocks.jpg" width="307" height="450" alt="часы" align="right" hspace="20"> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p> <p>If you're involved in an internet marketing business, then you've probably already come face-to-…

    Asked by theskyineyes, March 19, 2012

    0 votes
    4 answers
11. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn, November 18, 2009

    0 votes
    22 answers
12. Фон с шумом(не картинка)

    Здравствуйте, Мне надо сделать noise на фоне. Как это сделать средствами css3? Если это не возможно, то напишите решение хоть какое-то кроме картинки. Если это javaScript, то, пожалуйста, объясните как это использовать, потому что ранее дел не имел со скриптами. Зарание спасибо.

    Asked by higimo, October 23, 2011

    0 votes
    3 answers
13. IE6 неправильно отображает стиль пунктов меню

    День добрый. Вот почему такое происходит? В ФФ, опере всё ок А в долабном IE6 вот так Как это пофиксить можно? Заранее спасибо

    Asked by artpol, January 23, 2010

    0 votes
    38 answers
14. Отступы внутри блока DIV

    Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…

    Asked by Iguar, November 8, 2010

    0 votes
    4 answers
15. 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
16. перекрытие div'ов - первый сделать выше всех (кроме z-index)

    в общем проблема: есть 2 div - сначала один, потом второй, в коде с одинаковыми параметрами стиля: <div style="text-align:center;font-size:16pt;padding:10px 50px;z-index:2222212489;position:fixed;left:0pt;top:0pt;background:#ffffff;text-decoration:none;width:999px;height:999px;">что-то</div> так вот, какой бы z-index у первого ни делал, второй всегда перекрывает первый. задача - как еще можно сделать (кроме z-index), чтобы первый всегда был сверху (читай - виден) независимо от параметров второго зы: important не могу вставлять.

    Asked by crunchar, October 21, 2009

    0 votes
    7 answers
17. Высота курсора в поле ввода (Mozilla)

    http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.

    Asked by d0ublezer0, June 16, 2010

    0 votes
    13 answers
18. установка NicEdit

    Помогите с установкой NicEdit. Очень простой редактор, но что-то не так. Вот код старанице, где должен отображатся редактор: <html> <head> <title></title> </head> <body> <script src="js/nicEdit/nicEdit.js" type="text/javascript"></script> <script type="text/javascript"> bkLib.onDomLoaded( function() { nicEditors.allTextAreas() } ); </script> <form method="post" action=""> <div> <textarea name="content" style="width:100%" rows="5" cols="20"> </textarea> <input type="submit" class="submit"> </div> </form> </body> <…

    Asked by Alex&R, March 3, 2010

    0 votes
    1 answer
19. ul и img float

    В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..

    Asked by mailmoney, November 19, 2009

    0 votes
    12 answers
20. ПОДСВЕТКА ОТДЕЛЬНОЙ СТРОКИ МЕНЮ при наведении

    А как сделать то, что изображено на картинке, чтобы при наведении подсвечивалась строка. Вроде както легко, но убей не помню как ...

    Asked by Defender1, February 13, 2008

    0 votes
    15 answers
21. как растянуть блок содержимым ?

    что то я совсем скажем блок расположен в блоке который имеет ширину 100% и центрирует по центру.. но вкладываемый блок всегда тянется на 100% в ширину, а хочется что бы он растягивался по содержимому. резиновый блок... тоже самое как если дать ему float:left но нужно, что бы он остался по центру, а не ушел к краю. всегда засовывал таблицу и она сама растягивалась... а тут хочу блок

    Asked by iillyyaa2, May 31, 2011

    0 votes
    17 answers
22. Проблема в ie

    Страница http://namemail.ru/reg.php Создал такой стиль width:100%; border:1px solid #dddddd; Во всех браузерах кроме IE6 показывает как надо, а в IE6 правый border не выделяется (его просто не видно) Подскажите в чем может быть проблема

    Asked by qwelp, June 5, 2008

    0 votes
    22 answers
23. каракули вместо русских букв....

    доброго времени суток!!! проблема в том что сделал сайт. все было в норме. загрузил его. и вместо русских букв получились каракули. использовал дримвейвер 9. что делать???? нужна помощь!!!!!

    Asked by lacostex, September 4, 2008

    0 votes
    10 answers
24. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

    Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

    Asked by Postscripter, February 23, 2013

    0 votes
    9 answers
25. Как разместить картинки вертикально?

    Здравствуйте! Я новичок в HTML. Начав изучать столкнулся с такой проблемой: - нужно на сайте разместить картинки в четыре столбца(своеобразная матрица 4х4) - нужно обеспечить кроссбраузерность Должно получиться следующее: картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка

    Asked by free_bird, July 15, 2009

    0 votes
    7 answers