HTML Coding

29542 questions in this forum

1. при очень длинном слове div уплывает вниз

   В общем есть один div - контейнер. Внутри него еще 2 дива, меню и контент, со свойствами float: left . Если я в диве контента напишу ооооооооооооооооооооочень длинное слово, он уплывает вниз, под меню, так как целиком слово вместить в отведенный width 70% не может. Не подскажете как сделать так чтобы он не уплывал?

   Asked by Cher80, May 28, 2007

   0 votes
   2 answers
2. фиксированный бекграунд при определенной высоте

   Привет. Есть картинка на бекграунд размерами больше чем разрешение экрана, то есть у нас появляются полосы прокрутки по вертикали и горизонтали. Я добавляю текст чтобы он был больше чем высота картинки. Теперь вопрос. Как сделать прокрутку по горизонтали и прокрутку до высоты картинки, и после этого картинка становится фиксированной при вертикальной прокрутке, то есть в начале у нас прокручивается и фон и текст, а после того как дошли до конца фоновой картинки, то у нас прокручиввается только текст. Думаю объяснил внятно. Где-то похожее я видел, только очень давно.

   Asked by sergeyvolk, August 16, 2011

   0 votes
   35 answers
3. IE 8,7 не подшружает шрифты

   Добрый вечер. IE 7-8 не подгружает шрифты, с чем может это быть связано? Подгружаю так: @font-face{ font-family: 'MobileStore'; src: url('fonts/MobileStore.eot'); src: url('fonts/MobileStore.eot?#iefix') format('embedded-opentype'), url('fonts/MobileStore.woff') format('woff'), url('fonts/MobileStore.ttf') format('truetype'), url('fonts/MobileStore.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } Конвертировал шрифты через сервис font2web.com При верстке другой странички с другим шрифтом все браузеры подгружали шрифт шрифты в папке присутствуют

   Asked by a.antropov, June 8, 2012

   0 votes
   11 answers
4. Меню с меняющимеся фоновыми изображениями средствами css

   Доброго времени суток от начинающего создателя сайтов . Подскажите плз как лучше реализовать данную идею...а то у меня походу руки вместе с головой не оттуда растут есть(будет?) меню Html <link href="../1.css" rel="stylesheet" type="text/css"> <link href="1.css" rel="stylesheet" type="text/css"> <table align="left" valign="top" class="mainmenu"> <tr align="left" valign="top" > <td height="33"align="left" valign="top"><a href="index.php">Главная </a></td> </tr> <tr> <td align="left" valign="top"><a href="index.php">Услуги </a></td> </tr> <tr> <td align="left" val…

   Asked by lokotosh, November 23, 2007

   0 votes
   8 answers
5. Как a одну строку вставить кнопки?

   Здравствуйте. Подскажите пожалуйста как выровнять в одну строку все кнопки соц сетей. Не могу понять где ошибка. Сам код: <div class="socials"> <div class="social svkontakte"><div id="vk_like"> <script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", height: 20});</script></div> </div> <div class="social sgoogle"><g:plusone size="medium"></g:plusone></div> <div class="social stwitter"> <a href="httpstwitter.com/share" class="twitter-share-button" data-via="blogmarketologa" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];…

   Asked by blogmarketologa, October 18, 2013

   0 votes
   4 answers
6. Блок со скроллингом

   Проблема следующая: есть шаблон сайта, весьма запутанный. В дебрях таблиц необходимо одну ячейку с текстом и картинками при ресайзе окна сжимать и показывать скроллинг. Если делаю див на пустой странице, тут все понятно и хорошо. Если помещаю див в таблицу, тогда плохо: таблица и див изменяют размеры до тех пор пока не упираются в изображение, дальше все пропадает за пределами окна... Если не понятно объяснил, могу еще раз Есть некий вариант решения в такой ситуации?

   Asked by patgod, May 29, 2008

   0 votes
   10 answers
7. Вопрос по слоям в css. Нужна помощь.

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

   Asked by BadBoy, July 23, 2009

   0 votes
   8 answers
8. Отступы в списке

   Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…

   Asked by Vlad, February 14, 2011

   0 votes
   33 answers
9. Проблемы Сервер Denwer...

   Установил сервер Denwer, запускаю, прописываю localhost, не выдает страницы показывающей что сервер работает, в окне сервера идет отчет времени назад, 30 секунд и он закрывается, в чем проблема, кто подскажет? Заранее спасибо... PS мультипостинг не приветствуется на данном форуме.

   Asked by Reenjeer, December 9, 2012

   0 votes
   10 answers
10. 3-x пиксельный баг ИЕ

    как с ним бороться а первый раз столкнулся и не могу справиться=(

    Asked by VoVa, April 6, 2008

    0 votes
    6 answers
11. Два разных ol li ul li на одной странице

    Здравствуйте есть одна страница на которую нужно вывести 2 разных списка пример: <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> css файл ol { color:blue; } // этот цвет применяется для ol li + ol li ul li в обоих списках Вопрос. Хочу чтобы во втором списке color для ol li + ol li ul li был red, т.е. в первой пусть будет blue а во второй red На самом деле все намного сложнее. На сайте меню, такое выкидное (многоуровневое), а тут потребовалось сделать на странице м…

    Asked by DedMoris, December 10, 2012

    0 votes
    5 answers
12. XML

    Только не нужно сразу отправлять меня в гугл. Всё началось с того, что я захотел понять в чём же суть этого XML и зачем он вообще нужен, вроде везде он есть, а конкретно о нём ничего узнать нельзя. Прочитал по нему несколько статей в нете, но везде одно и то же, синтаксис, оганизация, что мол он создан для определения чего-то там, и в нём мы создаём теги. Но нигде нет нормального объяснения, зачем всё-таки нужен этот чёртов XML и где и как он применяется. Везде одна голая теория. Если кто может, пожайлуста объясните мне, что же это за зверь то такой и для чего он нужен.

    Asked by Игорь Ермаков, May 5, 2009

    0 votes
    14 answers
13. Кроссбраузерный резиновый блок с тенью

    Потребовался резиновый блок с тенью. Вот что у меня получилось: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } table { border-collapse: collapse; } BODY { background: silver; } .b-popupwin .tw, .b-popupwin .bw { width: 100%; height: 20px; font-size: 1px; line-height: 1px; } .b-popupwin .tl { width: 20px; background: url(ima…

    Asked by VJiK, December 2, 2009

    0 votes
    17 answers
14. Слои + Формы

    Тут такая проблемка. Есть форма, которая содержит несколько элементов типа text, но перед самим input стоит текст, что-то типа: Имя И еще несколько такого типа, надо чтобы input был на одинаковом расстоянии от каждого текста. Т.е. типа 2 колонки 1 - текст, 2 - тэги. Так можно сделать без проблем на таблицах, а вот как на слоях ???

    Asked by G-Style, December 28, 2007

    0 votes
    5 answers
15. Древовидные комментарии

    расскажите кто-нибудь как сделать древовидные комментарии, как например на Яндексе и тут http://habrahabr.ru/blogs/ui_design_and_usability/22820/

    Asked by Deacon, September 15, 2008

    0 votes
    11 answers
16. меню: если не помещается, то перемещаем в "еще"

    Добрый день. Подскажите пожалуйста скрипт или как написать на jQuery, который бы выполнял следующие действия: есть меню на резиновой страницы, когда страница уменьшается, необходимо перемещать в еще те пункты меню которые не помещаются, в тоже время не должно быть наполовину скрытых пунктов меню. под перемещением я имею ввиду это: пункт1 пункт2 пункт3 пункт4 еще пункт5 пункт1 пункт2 пункт3 еще пункт4 пункт5 пункт1 пункт2 еще пункт3 пункт4 пункт5 Сразу замечу, пункты меню width:auto, да и блок (меню) с пунктами тоже не определенного размера width:a…

    Asked by clgs, January 21, 2012

    0 votes
    2 answers
17. как отключить ссылки

    Как можно реализовать скрытие ссылок, причем чтобы содержание осталось, то есть сам текст ссылки или картинка остается а убирается только линк (кликабельность). Вот для примера, есть текстовые и граф.ссылки <a href="page1.html">текст ссылки 1</a> <a href="page2.html">текст ссылки 2</a> <a href="pageimg.html"><img></a> как можно сделать что бы при загрузке странички кликабельности не было, а при клике на линк или кнопку "включить ссылки" кликабельность появлялась. Спасибо.

    Asked by alleclf, April 10, 2012

    0 votes
    5 answers
18. выпадающий список из txt-файла

    Подскажите пожалуйста как сформировать выпадающий список, так чтобы значения брались из файла txt? буду очень благодарен!

    Asked by Hasol, April 22, 2010

    0 votes
    6 answers
19. Горизонтальное меню

    Сделал горизонтальное меню с помощью списка li, но не пойму как его растянуть под 100% родительского блока и между каждым меню сделать границы в виде рисунка: #menu_header1 { height: 32px; display: block; background: url(images/bg2.jpg) top left repeat-x; } #menu_header2 { width: 991px; text-align: center; cursor: pointer; } #menu_header2 li { float: left; padding: 0 0; } #menu_header2 li a { float: left; padding: 8px 50px; text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2 li a:hover { background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;…

    Asked by okunev2, September 22, 2008

    0 votes
    16 answers
20. Помогите дураку (:

    Прошу помощи у тех кто что понимает в css, у меня сайт есть, и я хочу сделать чтобы в меню при наводе курсора на ссылку, ёё фон менялся на желтый, скрипт есть: <style type="text/css"> h4 {font: 18px geneva, sans-serif; margin: 0; color: #000; background: #; } a {text-decoration: none; } div#navbar {width: 100px; } div#navbar a {display:block; margin: 0; padding: 0.3em; } div#navbar a:hover {background: #000000; color: #fffc00;} div#navbar a:link {color: #fff; background-color: transparent; } div#navbar a:link:hover {color: #000000; background: #fffc00;} div#navbar a:visited {color" #CCC; background-color: transparent;} div#navbar a:visited:hover {color: #fff; b…

    Asked by aimmachine, January 29, 2009

    0 votes
    21 answers
21. Как сделать бордер по краю окна?

    Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.

    Asked by Vitrilo, January 9, 2010

    0 votes
    20 answers
22. Прилегание текста под картинкой.

    Доброго времени суток, сразу перейду к делу. Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева. HTML: <div class="point-one"> <img src="../main.img/one.png" class="one" align="bottom"> <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> CSS: .one { max-width: 100%; height:auto; } prem1 { float: bottom; } Скриншот, как это дело все смотрится:

    Asked by Bleki, November 12, 2016

    • float
    • align
    0 votes
    5 answers
23. Стиль для Select

    Помогите пожалуйста! Как изменить размер и цвет маленьгкой стрелки тега select.

    Asked by lilush, February 4, 2009

    0 votes
    4 answers
24. Как поднять content?

    Доброе время суток! Как поднять content вверх к хедеру, но при этом чтоб sideLeft остался на месте? Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="…

    Asked by ilya_daddy, August 9, 2010

    0 votes
    4 answers
25. Как сделать отступ текста от верха в header?

    Как сделать отступ текста от верха в header? Допустим надпись Скидки должны быть по центру(имеется ввиду от верха) Какая команда отвечает за это?

    Asked by Emelean, March 1, 2013

    0 votes
    7 answers