HTML Coding

29,542 questions in this forum

1. Проблема масштабирования

   Привет, есть код html: <div id="content"> <div id="content_1"> <div class="text1"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> <div class="text2"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> …

   Asked by Lakrein, October 14, 2011

   0 votes
   5 answers
2. Thickbox

   Добрый день!уважаемые посетители сайта htmlbook.ru Недавно начал изучать html/css,хочу добавить на страницу картинки и потом их увеличить. Нашел в интернет плагин jquery Thickbox Thickbox, когда у меня одна картинка все прекрасно работает, а когда две и более не работает. вот например <a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a> какой javascript код нужно писать для атрибута rel? Заранее спасибо

   Asked by mylogin, October 14, 2011

   0 votes
   5 answers
3. Как изменить курсор на сайте

   Как изменить курсор на сайте Для Firefox, Opera 1 В CSS пишу { cursor:url('/images/1.ani'), auto; } - меняется только в IE, как сделать чтобы он же отображался в Firefox и Opera 2 Таким же образом прописываю { cursor:url('/images/2.ani'), pointer; } Но не меняется даже в IE

   Asked by sotrudnik, October 14, 2011

   0 votes
   1 answer
4. Фон в форме меню/список

   Суть проблемы в том, что фон к форме отображается только в осле и мозиле, и как изменить кнопку выбора в форме? Объясните кто знает!!! код: <div id="sort"> <select name="kom" class="sortform" > <option>По командам</option> <option>Яндекс</option> <option>Почта</option> <option>Рамблер</option> </select> <select name="data" class="sortform"> <option value="b" selected>По дате</option> </select> <select name="chemp" class="sortform"> <option value="c" selected>По чемпионату</option> </select> </div> CSS: #sort{ float:left; width:1000px; height:50px; b…

   Asked by kiz, October 14, 2011

   0 votes
   11 answers
5. Как стелать правильно?

   Всем доброго времени суток. Меня интересует вопрос. Как бы вы сделали вот такое http://imageshack.us/photo/my-images/843/41779380.png/ P.s ошибся в титле темы )

   Asked by Mr.Black, October 13, 2011

   0 votes
   8 answers
6. проблема с "vertical-align:"

   Привет! День мучусь, не могу понять где допустил ошибку ... . Вторая фото не ровняется по вертикали. Может кто просветит где ошибка? Имеется код html <div class="photo_block"> <div class="photo"> <a href="album/deti/IMGP4331.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4331.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4332.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4332.JPG" border="0" height="100px" /></a> </div> <div class="photo"> …

   Asked by Kos87, October 13, 2011

   0 votes
   4 answers
7. сделать много ссылок

   <p>Agents & Brokers Apartment / Rental Appraisal Directory Builder Directory Business Broker Buyers Agents Commercial Central Consultant Discount Brokerage Escrow and Title Service Foreclosure Central Relocation Expert ********** Resort Online Search Listing Web Service </p> p{white-space:pre;} нужно сделать много ссылок!!как поступить чтобы не писать много тегов <a>??может есть решение через скрипт?

   Asked by dostel1, October 13, 2011

   0 votes
   8 answers
8. Отступы между div в всех IE

   Похоже, что столкнулся с популярным багом - отступы в 3пх между дивами, правда, во всех версиях ИЕ. Естественно, первым делом полез читать в Гоогле, нашёл дофига разных статей с решениями, типа: 'margin-left:-3px;', 'zoom:1;', 'padding:0; margin: 0;', 'display: inline' и т.д. Много чего перепробовал, но проблема не решилась. Не пробовал только через position: absolute; top:0; left: ?;, но думаю с абсолютом всё будет нормально работать, меня лично интересует как профиксить эти баги в ИЕ при использовании float: left/right. Где именно я наоставлял сорняков? Вот ссылка на сайт: http://relaxzone.ts6.ru (да бы не читать здесь плохочитабельные куски кода)

   Asked by MrKoKo3, October 13, 2011

   0 votes
   0 answers
9. Отправка формуляра без Outlook

   мне дали задание сделать формуляр для отправки писем на какойто адресс. я сделал, но он отправляет их только через outlook, как сделаьть так что бы он делал это без него, то есть сразу на прямую?(не используя java и php) http://jsfiddle.net/krofik/Sjsy5/ я думаю что у меня что то с mailto не так, ну словом, где то в том направлении. прошу понять и помочь. заранее благодарен.

   Asked by krofik, October 13, 2011

   0 votes
   4 answers
10. Помогите. Направьте на верный путь

    Здравствуйте дамы и господа! С недавнего времени я заинтересовался версткой сайтов. Прошел курс по HTML и CSS, ни по одному разу. Теперь я в тупике, незнаю в каком направление мне двигаться дальше. В интернете очень много полезных статей и уроков, но нет где бы досконально обьяснялись все элементы посторойки сайтов. Везде одно и то же - берем это ставим сюда, а вот это сюда, тоесть все делают за вас. Мне бы хотелось познать весь процесс целиком, а не просто знать, что куда пихать. Времени вагон, да и желание есть заниматся версткой. Прошу знающих людей помочь, подкинуть пару советов, в каком направление мне идти дальше. Я понимаю, что главное практика, но методом тыка - э…

    Asked by Vitaliy, October 13, 2011

    0 votes
    5 answers
11. Вопрос по спойлерам на jQuery

    Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQue…

    Asked by papay, October 13, 2011

    0 votes
    4 answers
12. Режется фон в Опере

    Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!

    Asked by vlanelot, October 13, 2011

    0 votes
    8 answers
13. Расширение td на всю tr

    Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

    Asked by Squidward, October 13, 2011

    0 votes
    2 answers
14. Красная строка

    Здравствуйте! Возникла необходимость в красной строке. (в больших количествах) Правильного решения данного вопроса не нашел!!! зато случайно получилось это сделать закрывающим тегом <P /> тобиш проставляя его перед началом параграфа и получается нормальная красная строка. Подскажите пожалуйста: насколько это безграмотно, а главное минусы данного решения.

    Asked by Leonidk, October 13, 2011

    0 votes
    3 answers
15. input [type="submit"]

    Здравствуйте, столкнулся с такой проблемой. Свойство #login input [type="submit"] { width: 100px; } не меняет размер кнопки. Побывал просто предовать id и класс кнопке , тоже не реагирует. Посмотрите код, подскажите в чем проблема. HTML <form id="login" class="x" name="login_form" method="post" action="#" > <p>Войти</p> <p>Имя пользователя</p> <input name="user_name" type="text"> <p>Пароль</p> <input name="user_password" type="password"> <input name="login_button" type="submit" value="Войти"> <p>Забыли пароль?</p> </form> CSS #login { float: right; width: 250px; border: 1px solid #dadada;…

    Asked by Simel, October 12, 2011

    0 votes
    5 answers
16. Передача фокуса родительскому окну

    window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)

    Asked by rootv, October 12, 2011

    0 votes
    8 answers
17. как сделать эффект нажатия кнопки

    как сделать что бы при нажатии кнопка(не <button>) "впадала"

    Asked by atew, October 12, 2011

    0 votes
    2 answers
18. Горизонтальное меню на картинке

    Ссылка Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов. Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

    Asked by Rustick, October 12, 2011

    0 votes
    3 answers
19. css выподающее меню

    В выпадающем меню верхняя часть каждой кнопочки не кликабельная. Хочется сделать возможность клика по любой части кнопки, желательно без js. Вот меню И код: .top-menu{ list-style:none; padding:0; margin:0; margin-top:0px; text-align: right; position: relative; } .top-menu li { float:left; height:33px; padding:0; margin:0px; margin-left:5px; width:150px; text-align:center; background:#333; position:relative; padding-top: 12px; border-radius: 5px 5px 0 0; } .top-menu li ul{ list-style:none; padding:0; margin:0; width:150px; display:none; position:absolute; z-index:999; left:0; top:45px; } .top-menu li ul li{ float:none; height:33px; margi…

    Asked by WonderMNS, October 12, 2011

    0 votes
    2 answers
20. Отображается по разному в одном и том же браузере

    В общем есть кнопка с фоном, ссылка обведена рамкой: padding {8px 20px}. В мозилле начиная с версии 4 и по 7-ю отображается по другому, как {9px 20px}. Поставил хак: @-moz-document url-prefix() { padding {7px 20px}. } На компьютере стало нормально, посмотрел с ноутбука (таже винда, таже мозилла), в ней padding {7px 20px} отображается как и есть на самом деле. Проверил в http://browsershots.org отображается также как и на ноутбуке. Где искать косяк?

    Asked by Ritter, October 12, 2011

    0 votes
    6 answers
21. Можно в форме отключить "Enter" а именно в <input> ?

    Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

    Asked by Saturn, October 12, 2011

    0 votes
    12 answers
22. Нестандартная верстка

    Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?

    Asked by Selen, October 12, 2011

    0 votes
    6 answers
23. Вредоносный код

    Подскажите пожалуста по какой то непонятной причине робот яндекса считает этот код вредоносным, может кто то знает почему? подскажите пожалуста, что в нем не так ? Вот сам код <script type="text/javascript"><!-- document.write('<sc' + 'ript language="JavaScript" rel="nofollow" ' + 'src="http://countbiz.ru/11716/counter.jpg" title="Money counter" border="0" width="88" height="31"></sc' + 'ript>'); //--></script>

    Asked by vadimcucherencko, October 12, 2011

    0 votes
    6 answers
24. Слева и по центру

    <div align="center"> ***************<br> ***************<br> ***************<br> ***************<br> </div> текст по центру. но это некий диалог, и отображается он что-то типа ______________-привет как дела ____-нормально ___-чем ты занят сегодня ________-да ничем __-ясно как то так(зависит от длины строки) мне нужно что они были по одной линии, но по центру)) ___-привет ___-нормально ___-чем ты занят сегодня ___-да ничем ___-ясно

    Asked by Gotafak, October 12, 2011

    0 votes
    10 answers
25. Высота блока меньше, чем его содержимое

    Привет всем! На примере странички http://www.vw-ntagil.ru/index.php?page=vwMagazine Никак не могу понять почему, если с блоке content (по центру) наполнения меньше, чем по боковым столбцам или оно отсутствует, то боковые столбцы блоком main просто съедаются. Верстка не моя, долго ковырялся, прописывал height: 100%; для всех колонок, но не помогает, пробовал менять overflow для main, все равно нет эффекта, рисует скроллинг сбоку и помещает контент в себя, а высота остается маленькой.. Помогите, если не трудно, основной .css это style.css. Поделиться исходниками не могу, только в таком виде.. я уже весь мозг сломал. =)

    Asked by gard, October 12, 2011

    0 votes
    4 answers