HTML Coding

29,542 questions in this forum

1. Проблема центрирования блоков при резиновой ширины

   Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

   Asked by ziyodjon, June 9, 2010

   0 votes
   14 answers
2. Создание плавающего блока обтекаемого контентом

   Реально ли сделать что-то типа такого, но с обтеканием контента? Если не с помощью CSS, то может фрэймами или с помощью jQuery? P.S. С jQuery только начинаю разбираться - поэтому всех нюансов не знаю.

   Asked by Lob1AV, June 9, 2010

   0 votes
   8 answers
3. div vs table

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

   Asked by rediskavet, June 9, 2010

   0 votes
   7 answers
4. Разрыв между дивами

   Добрый день. Возникает проблема уже не первый раз. Делаю закругление страницы с помощью бэкграунда, в ИЕ7 возникает промежуток между дивами. Как это можно исправить? Вот как это выглядит.Скрин Ps. Скорее всего на форуме этот вопрос обсуждался, но не знаю как в поиске описать подобную проблему

   Asked by ejohn, June 9, 2010

   0 votes
   1 answer
5. Вставка содержимого

   Возник вот какой вопрос. Нужно на страницу сайта запихнуть 3 неких блока в 3х разных местах, вот так Так чтобы в эти блоки можно было засовывать картинки, текст и прочее. Это можно сделать таблицами, на сколько я понимаю, но я так и не понял как задать определенное расположение таблиц на странице. Непосредственно вопрос: Какими средствами это можно еще сделать? Пожалуйсто, предлагайте все возможные варианты. Спасибо (=

   Asked by mxwuser, June 8, 2010

   0 votes
   5 answers
6. Необычное значение background

   На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...

   Asked by trikadin, June 8, 2010

   0 votes
   5 answers
7. Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?

   Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо

   Asked by vvsh, June 8, 2010

   0 votes
   14 answers
8. Позиционирование блоков div

   Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …

   Asked by DDX, June 8, 2010

   0 votes
   20 answers
9. Проблема с изображениями

   Доброго времени суток. У меня сайт на CMS joomla. Раньше я использовал шаблон который сам написал. Проблема моя состоит в том что после того как установил другой шаблон у картинок перестал отображаться отступ прописаный тегом hspace. Подскажите пожалуйста в чем может быть проблема??

   Asked by romko, June 8, 2010

   0 votes
   4 answers
10. Помогите с кодом для резиновой верстки

    Ребята... Подскажите, а еще лучше, помогите с кодом на сайте khodyka.com Хочу сделать другу сайт, только опыта почти нету....И вышла загвоздка с шапкой страницы....она банально разъезжается при увеличении масштаба.. мне необходимо следующее: 3 области в шапке 1 div под левый рисунок (200Х200) 2 div посередине, разделенный на две области - верхний ДИВ под яваскрипт, отображающий карусель фотографий, нижний ДИВ - отображение навигации для зарегистрированных пользователей; 3 div справа, который отображает обрезанный тизер статьи. Под седьмой эксплоер худо бедно подправил, под 6-ой - тихий ужас. И самое главное - как сделать, чтобы нормально тянулся сайт (шапка), и …

    Asked by svaroha, June 8, 2010

    0 votes
    23 answers
11. как сделать google maps карту позади блока?

    В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?

    Asked by челХ, June 8, 2010

    0 votes
    3 answers
12. Установка стиля в зависимости от текста

    В CSS есть такая хорошая штука-селектор атрибутов.То есть я могу задать стиль элементу в зависимости от значения параметров:a[href*=site.ru]{color:red;}.Каким образом задать стиль в зависимости от наполнения,типа h3[text*=user menu]{color:blue;}.Все делается в Джумле,генерится автоматически,поэтому все элементы модулей одинаковые,и отличаются только текстом.

    Asked by user, June 8, 2010

    0 votes
    6 answers
13. css-меню

    Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо

    Asked by virus-07, June 8, 2010

    0 votes
    7 answers
14. Подчеркивание ссылки

    Всем доброго времени суток! Помогите, пжалуйста Исходный код html <html> <head><title></title></head> <body> <div class="zagolovok"><a href="http://www.pravovest.ru/hotnews/" title="Новости законодательства"> <strong><h1>Горячие новости законодательства</h1></strong></a></div></body> </html> Исходный код css h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #636363; } .zagolovok a{ text-decoration: none; } .zagolovok a:hover { text-decoration: underline; color: #636363; } .zagolovok { position: relative; margin-top: 50px; …

    Asked by hopes_in_life, June 7, 2010

    0 votes
    16 answers
15. Как создать новую страницу сайта?

    Мой хост jet-hsot.ru Я залил файл html в папку ,где index.html ,а в index html создал ссылку на этот файл.и когда я перехожу по этой ссылке меня бросает не понятно куда. Подскажите как мне сделать дополнительные страницы на сайте.

    Asked by Feksess, June 7, 2010

    0 votes
    4 answers
16. Неправильное отображение цвета текста в блоке <div>

    Пожалуйста помогите, срочно, пишу дипломную работу на тему разработки сайта. Времени осталось очень мало. Столкнулась с такой проблемой FF и IE инвертируют текст в блоке div, а в Chrome все нормально. Что только не пробовала... Вот в Хроме А это в FF и IE html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <LINK REL="stylesheet" TYPE="text/css" HREF="MyStyle.css"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" charset="utf-8"> <meta name="description" content="NOVA • COM - Спутниковое ТВ у Вас дома (г.Лозовая)."> <meta name="keywords" http-equiv="keywords…

    Asked by Mintaya, June 6, 2010

    0 votes
    3 answers
17. Проблемы с вёрсткой

    Здравствуйте. Помогите пожалуйста, нужно сделать вёрстку сайта похожую на http://www.gazprombank.ru/. Главная фишка сделать главную картинку как на этом сайте (http://www.gazprombank.ru/). При уменьшении страницы картинка обрезается, а блоки расположенные справа от ней сдвигаются на место картинки. Кто-нибудь подскажите примерно как такое сверстать?

    Asked by Sqwirl, June 6, 2010

    0 votes
    1 answer
18. Яндекс.Карты портят шрифты на сайте

    Уже во второй раз замечаю такую особенность: вставляют на сайт интерактивные Яндекс.Карты (http://api.yandex.ru/maps/) и шрифты на странице тут же становятся жирными. <!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) --> <script src="http://api-maps.yandex.ru/1.1/?key=ACWYCkwBAAAAAjm-cQIA9BVr4c42irfQMwy-aTyVFtQ5VCQAAAAAAAAAAACri5-mzRv9GXNY9mlD4EIXL-79kw==&wizard=constructor" type="text/javascript"></script> <script type="text/javascript"> YMaps.jQuery(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-3541")[0]); map.setCenter(new YMaps.GeoPoint(37.609218,55.753559), 9, YMaps.MapTyp…

    Asked by brainiac, June 6, 2010

    0 votes
    1 answer
19. Синтез шрифтов

    Добрый день. Подскажите, пожалуйста, как достичь необходимой ширины символа подключаемого шрифта? Оказывается и такое в CSS есть под грифом "синтез шрифта", но самостоятельно разобраться не получилось. Что именно нужно, демонстрирует иллюстрация ниже: Шрифт подключается следующим кодом: @font-face { font-family: "stalker_ttf"; src: url("font/MTR49__C.TTF"); }И впоследствии используется: #divName{ font-family: stalker_ttf; } Я так понимаю, в первом коде не хватает какого-то параметра синтеза.

    Asked by Takker, June 5, 2010

    0 votes
    5 answers
20. Модальное окно

    при закрытии модального окна в опере часть его остаётся, а после сворачивания- разворачивания браузера исчезает. Это глюк оперы? Окно тут при нажатии сверху войдите.

    Asked by Tmin10, June 5, 2010

    0 votes
    0 answers
21. CSS - Карусель - Google Chrome

    Всем Здрям!!! Вот такой проблем нарисовалася: Есть у меня карусель картинок: <div id="carousel19" class="asp_caro" style="width: 753.016px; "> <div id="carousel-layer19" style="width: 3120px; margin-left: -126px; "> <div class="asp_carousel" id="test_121_19"> <div id="asp_body_121" style="text-align: center;"> <div id="asp_squ" style="text-align:center" title="922102">922102</div> <div id="asp_picture"><a href="xxx.xxx" id="hsm121" class="hs" onclick="return hs.expand(this, slideOptions);"><img src="xxx.xxx"></a></div> </div> </div> <div class="asp_carousel" id="test_121…

    Asked by SnAKEen, June 5, 2010

    0 votes
    1 answer
22. HTML якорь

    Есть тяжелый сайт с тяжелыми страницами. Внизу каждой страницы есть информация об объекте с 4 вкладками, при нажатии на 1 из 4ех вкладок происходит перезагрузка всей страницы с изменением только снизу страницы. Цель: сделать так, чтобы при нажатии на 1 из этих 4ех вкладок страница перегружалась и сразу перематывалась вних снова до этих четерых вкладок. Вероятно тут надо использовать якоря, но как сделать так, что все было автоматически после загрузки не понятно. Может нужно js использовать? С удовольствием выслушаю Ваши идеи. Спасибо.

    Asked by slipkahh, June 5, 2010

    0 votes
    3 answers
23. Помогите

    Ребят, такая ситуация есть страница, я сделал ссылку допустим <a href="index.html">главная</a> когда я перехожу на вторую страницу своего сайта (ее путь page/1.html) и клацаю на "главная" он не переходит назад на главную страницу. Как быть

    Asked by loginn333, June 5, 2010

    0 votes
    5 answers
24. Ширина тэгов H

    Доброе время суток. Делаю такой стиль: h1 { background-color: цвет; color: цвет; padding: значение; } Вывожу заголовок, но фон закрашивается не только под текстом заголовка, но на всю ширину родительского элемента. Можно ли как-то ограницить заливку фона только границами текста заголовка? Спасибо.

    Asked by arseniy-at-home, June 5, 2010

    0 votes
    8 answers
25. Проблема с таблицей в Google Chrome

    Здравствуйте! Помогите пожалуйста! Проблема отображения краёв таблицы в Google! Вот нормальный вариант в др. браузерах: Вот в Гугл Хром: Код: <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="9" height="11" ><img src="../images/bv1.jpg" border="0"></td><td width="100%" style="background-color:#FFFFFF;"></td><td width="9" height="11"><img src="../images/bv2.jpg" border="0"></td></tr> <tr><td width="100%" colspan="3" style="background-color:#FFFFFF;" valign="top"> <div class="content_center"> <!-- <body> -->$CONTENT$<!-- </body> --> &…

    Asked by Anfea, June 5, 2010

    0 votes
    1 answer