HTML Coding

29,542 questions in this forum

1. Задание размеров ячеек таблицы в CSS

   Подскажите, пожалуйста, как задать различные размеры для каждой ячейки таблицы через CSS ?

   Asked by TorchTT, February 5, 2012

   0 votes
   1 answer
2. Как получить размеры div-а

   Задолбался гуглить, все какую-то фигню советуют. Проблема: Есть кнопка при нажатии на которую должно выпадать меню, это меню хочется выровнять так чтобы правая граница его совпадала с правой границей кнопки. Для этого нужно получить ширину меню чтобы сдвинуть его влево от кнопки. Получить ширину не получается ни через menu.offsetWidth ни через menu.style.width , оба эти свойства почему-то возвращают пустое значение. Все остальные функции работают нормально, меню располагается справа от кнопки. function showMenu(obj, id) { if (CurrMenu != null) CurrMenu.style.display = "none"; var menu = document.getElementById(id); var width = menu.offsetWidth; menu.style.…

   Asked by Terranin, February 4, 2012

   0 votes
   1 answer
3. Выровнять изображение и текст

   Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b&gt…

   Asked by iiwanc, February 5, 2012

   0 votes
   1 answer
4. Сайт разваливается в IE. Помощь оплачу.

   Волею судьбы достался администрировать сайт на Joomla 1.5. На форумы к джумловодам обращался, пока безрезультатно. Вся надежда на верстальщиков. Подскажите, плиз, как решить проблему: трехколоночный шаблон (сделанный в artisteer3), при просмотре в IE три колонки сворачиваются в одну и вообще неправильно отображается. Сайт volchonok(.)dp(.)ua. Во всех браузерах, кроме IE, отображается все нормально. Кто поможет разобраться, объяснить и устранить причину - помощь оплачу через WebMoney или другим взаимно удобным способом. Коды и сами шаблоны могу предоставить. Заранее спасибо.

   Asked by Palomnik, February 5, 2012

   0 votes
   1 answer
5. поиск по сайту

   кто может подсказать как организовать , если вообще это возможно поиск по сайту написанному на css и html

   Asked by cocso, February 6, 2012

   0 votes
   1 answer
6. не работает margin

   Столкнулся с маленькой проблемой, margin не делает отступ сверху, собственно вот CSS #header { margin-top:50px; } a#logo { background:url(images/logo.png); width:166px; height:26px; display:block; float:left; } ul#social { float:right; margin-top:10px; } ul#social li { display:inline-block; margin:0 5px; } #menu { margin:50px 0; clear:both; background:url(images/bgmenu.png); } #menu li { display:inline-block; padding:15px 0; border-right:1px solid #1A1A1A; margin-right:-4px; } #menu ul { } #menu li a { color:#bbb; text-shadow:0 0 1px #969696; padding:15px 20px; } #menu li a:hover { background:#262626; padding:15px 20px; } HTML <div id="header"> <a href="…

   Asked by moslem, February 7, 2012

   0 votes
   1 answer
7. Как запретить автозаполнение формы

   Всем привет! На сайте есть несколько форм, одна из них - форма авторизации. Если залогинившись пользователь нажимает у себя "Сохранить пароль", то логин и пароль начинают подставляться в еще одну форму на сайте. Вторая форма к авторизации не имеет никакого отношения, name у input'ов и у самих форм заданы разные, единственное чем формы похожи - два поля ввода и у обоих type такие же как в авторизации (text и password). Как сделать что бы браузер не заполнял автоматически эту форму? У меня все это происходит в Chrome. В других браузерах не смотрел. autocomplete="off" Сам нашел Спасибо =)

   Asked by Odrin, February 14, 2012

   0 votes
   1 answer
8. Верстка меню

   Добрый день всем, подскажите пожалуйста как можно сделать вот такую стилистику. Я сам на php+css сделал менюшку. Все работает хорошо, за одним исключением, я в css делал так, что блок div в котором находится ссылка перехода по сайту, имеет серый цвет, потом когда навожу курсор на эту ссылку, она становится красной, точнее весь блок становится красным. Я нажимаю на ссылку, убераю курсор мыши, и этот блок div снова становится серым. Я хочу чтоб когда просто смотришь на кнопку то она была серой, когда навожу на блок, он становылся красным, а когда нажал на этот блок и убрал мышку, то блок оставался таким же красным как при наведении. Ну чтоб сразу было видно на какой стран…

   Asked by kolyabis, February 9, 2012

   0 votes
   1 answer
9. Трудности резины

   Мне тут сказали, что подавляющее большинство макетов тянется по вертикали. Я испытываю кое-какие трудности с резиной, так как мне не пришлось еще верстать резиновые макеты. А смущают меня изображения. Мы тянем колонки с бэкграундом картинками? Некоторые изображения имеют определенные пропорции, и если их растянуть, получается уродливо. Насколько я понимаю, если мы указываем размеры блоков в процентом соотношении, то тянется ВСЕ. Не может же быть так что хедер и футер мы укажем в процентах, а контент в пикселях. Вопрос - как тянуть страницы с изображениями?

   Asked by skygazer, February 9, 2012

   0 votes
   1 answer
10. Обрезаются ссылки с display:inline-block

    Для ссылки задал inline-block, в ie7 - inline, zoom:1. И вот что получается в ie7: как видно нет нижнего подчеркивания у нижней строчки, и буква обрезана. Что это за ерунда такая?

    Asked by bob_24, February 9, 2012

    0 votes
    1 answer
11. Несколько вопросов по структуре table

    Доброго дня уважаемые. Подскажите почему "Шапка сайта" равняется по классу body_l, когда в классе header ничего не задано ? Как можно сделать чтобы "Шапка сайта" была одной колонкой и по середине? Вот мой код: <table> <thead> <tr class="header"> <td><b>Шапка сайта</b></td> </tr> </thead> <tbody> <tr class="body"> <td class="body_l">Left</td> <td class="body_c">Center</td> <td class="body_r">Right</td> </tr> </tbody> <tfoot> <tr class="…

    Asked by Krava, February 11, 2012

    0 votes
    1 answer
12. Позиционирование картинки

    У нас фон - картинка без повторения, поэтому недостающее место заполняется обычным цветом. Сама картинка фона при любых обстоятельствах находится в центре. body {background-image:url(images/fon.jpg); background-position:center; background-repeat:no-repeat} Так вот далее - любое добавление элемента (добавляю div'ы) - определяет начальное положение от границы края окна браузера. Как мне заставить любое добавление начинать своё положение именно от границы картинки, а не края браузера? И чтобы при уменьшение/увеличении размеров окна браузера - картинка или текст всегда имели четкое положение по отношению к картинке основной?

    Asked by Hum9k, February 10, 2012

    0 votes
    1 answer
13. ul и li в контейнере

    Вопрос по CSS. Подскажите как заставить работать ul {мои данные} ul li {мои данные} только в контейнере например с классом "mycontainer"

    Asked by _ZheKA_, February 10, 2012

    0 votes
    1 answer
14. float

    Имеется каркас: <div id="left_block"></div> <div id="center_block"></div> <div id="bottom"></div> #left_block { width:100px; height:10px; float:left; } #center_block { width:200px; height:10px; margin-left:110px; } 1. Нижняя часть "bottom", не хочет растягиваться по высоте левой части "left_block" Что делать в такой ситуации? clear: left не помогает... Данная ситуация во всех браузерах 2. в IE 8 такое ощущение, что он не понимает float и ставит center_block ниже left_block, в остальных браузерах все хорошо. Извините если туплю, новенький в этом деле...

    Asked by SLameN, February 12, 2012

    0 votes
    1 answer
15. кнопки вперед и назад

    кнопки расположены слева и справа по бокам хотелось бы сделать как показано на сркине. т.е.вынести их выше ввиде двух небольших блоков для удобства. код a.next, a.prev, div.noPrev, div.noNext { text-indent: 16px; color: #fff; width: 12px; overflow: hidden; display: block; text-align: center; position: absolute; } a.prev { background-color: #4bbed5; background-image: url(prev.png); background-position: -12px 0; left: 0; top: 0; } a.prev:hover { background-position: -24px 0; } a.next { background-color: #4bbed5; background-image: url(next.png); background-position: -12px 0; right: 0; top: 0; } a.next:hover { background-position: 0 0; } div.noPr…

    Asked by high, February 12, 2012

    0 votes
    1 answer
16. img shadow-box inset проблема

    Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.

    Asked by Wahlberg, February 12, 2012

    0 votes
    1 answer
17. Выпадающее меню

    Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }

    Asked by elstargroup, February 12, 2012

    0 votes
    1 answer
18. кнопка button

    Объясните почему везде ,кроме хрома ,неправильное отображение?? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…

    Asked by dostel1, February 14, 2012

    0 votes
    1 answer
19. Не могу понять свойство overflow

    Суть такова. Есть блок, у него внутри два блока. Один приклеен к левому краю, другой к правому. Но вот проблема, блок-родитель не хочет растягиваться на высоту бОльшего из дочерних блоков. Добавляю родительскому блоку overflow: hidden и он послушно растягивается. Только вот одно не могу понять. В описании значения hidden (на сайте htmlbook) - "Отображается только область внутри элемента, остальное будет скрыто.". Не могу понять, что в данном случае скрывается а что отображается?

    Asked by fofan, February 13, 2012

    0 votes
    1 answer
20. аудио на html страничке

    подскажите как лучше реализовать аудио на веб-страничку по типа как аудиозаписи вконтакте. юзал <audio controls> <source src="audio/europa.mp3" type="audio/mpeg"> <font color="#FFFFFF">Блин! Тег audio не поддерживается браузером.</font> <a href="audio/europa.mp3">Тогда скачай трек</a>. <br /> </audio> на страничке три трека и все грузятся параллельно и если нажать на плей всех трех, то они параллельно зазвучат

    Asked by xSPiRiTx, February 13, 2012

    0 votes
    1 answer
21. помогите пожалуйста сделать футер

    Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь

    Asked by Neptun, February 14, 2012

    0 votes
    1 answer
22. вставить видео в html

    Хочу вставить flv видео в html страницу, но оно не воспроизводится. Пишет "для отображения этого содержимого требуется плагин". Подскажите, в чем ошибка или подскажите другой? Можно воспроизводить swf также Вот сам код <html> <head> <title>Видео</title> </head> <body> <center> <OBJECT CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95F" HEIGHT=480 WIDTH=640 NAME=Msshow1 ID=Msshow1> <PARAM NAME="FileName" VALUE="бХДЕН/1.mpg"> <PARAM NAME="autoStart" VALUE="true"> <PARAM NAME="showControls" VALUE="true"> <PARAM NAME="PlayCount" VALUE="20"> <embed src="coffee.flv" width="640" height="480" controller=…

    Asked by mastermedia, February 14, 2012

    0 votes
    1 answer
23. Помогите исправить форум сайта

    Вот ссылка на форум сайта http://codmws.game-pack.net/forumъ Код <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>$MODULE_NAME$</title> <link rel="icon" href="http://codmws.ucoz.ru/icon.ico" type="image/x-icon" /> <link type="text/css" rel="StyleSheet" href="http://codmws.game-pack.net/Mycss/Forum2da.css"/> <link media="screen" href="http://codmws.game-pack.net/Mycss/forum.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/js/libs.js"></script> </head> <body> <div class="wrapper"> <div class="lineinfo"> <div id="klik"> <div class="heder"> $G…

    Asked by GhostNiniga, February 14, 2012

    0 votes
    1 answer
24. Помогите с картинками

    Здравствуйте. Проблема заключается в том что при вставке изображений на страницу - изображения начинаются с новой строки. А надо чтобы 2 или 3 изображения шли в одну строку (точнее чтобы не было переноса). Код: <script type="text/javascript" src="/lightbox/lightbox.js"></script> <link rel="stylesheet" href="/lightbox/lightbox.css" type="text/css" media="screen"></link> <style> #modItems {margin-top:10px} #modItems h2 {font-size:18px} div.modItems {margin-bottom:10px;padding-bottom:10px;float:left} div.modImg {width:280px;height:380px;border:0px dotted #3d597e;padding-top:3px;margin-right:10px;position:relative} div.modImg2 {width:380px;hei…

    Asked by Timoti_xxx, February 15, 2012

    0 votes
    1 answer
25. Растягивающаяся кнопка

    Хочу создать кнопку, которая растягивается по длине текста. Как задавать бекграунд такой кнопке?

    Asked by fofan, February 16, 2012

    0 votes
    1 answer