HTML Coding

29,542 questions in this forum

1. Два блока

   Возник очередной вопрос, как правильнее сделать и проще такую задачу. Первое что пришло в голову. HTML <div id="header"> <div id="menu"> <ul> <li>Control Panel</li> </ul> </div> <div id="sub_menu"> <ul> <li>Settings</li> </ul> </div> </div> CSS #header { width: 100%; background-color: #000; } #header #menu { height: 30px; } #header #sub_menu { height: 30px; background-color: #dadada; } #header #menu ul { color: #fff; } #header #menu ul li { float: left; padding: 8px 0px 0px 30px; margin: 0px 0px 0px 0px; list-st…

   Asked by Simel, October 14, 2011

   0 votes
   5 answers
2. Фон в форме меню/список

   Суть проблемы в том, что фон к форме отображается только в осле и мозиле, и как изменить кнопку выбора в форме? Объясните кто знает!!! код: <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
3. резиновые макеты. где есть?

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

   Asked by cyklop77, September 14, 2011

   0 votes
   3 answers
4. Заголовок (h1)

   Спасибо, помогли

   Asked by lolka84, October 14, 2011

   0 votes
   2 answers
5. Border-radius для img (продолжение...)

   Здравствуйте! Всем очень благодарен за вчерашние советы и рекомендации. Узнал много нового и полезного для себя. Но при "апгрейде" плагина о котором вчера велась речь( Сейчас он выглядит вот так: http://yamaradg.narod2.ru/history/Matrix/index.html ) я столкнулся с очередной "каменной стеной"! На этот раз застрял на проблемах с - IE-7,8! А дело собственно вот в чём: 1) при наведении на матрицу у <img class="bigimg"> в ie-7 не срабатывает z-index(не знаю как выкрутиться из этой ситуации?) + в IE-8 вся матрица вообще пропадает из виду... (это связано с подключением скрипта border-radius для IE-7,8... И единственным решением которое удалось найти являеться <img class…

   Asked by Yamaradg, October 15, 2011

   0 votes
   1 answer
6. Как можно ссылку выровнять по правому краю?

   Не знаю даже прям почему но никак не выходит выровнять по правому краю ссылку <a href=\"#comment\" class=\"reaply\" id=\"".$row['comment_id']."\">Ответить</a> Пробовал text-align: right; не помогает. ————- Уже разобрался путем подстановки в <div></div>

   Asked by Saturn, October 10, 2011

   0 votes
   4 answers
7. Validation

   Line 20, Column 35: there is no attribute "name" <form id="login " class="x" name= " login_form" method="post" action="#" > ? You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in t…

   Asked by Simel, October 14, 2011

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

   В общем есть кнопка с фоном, ссылка обведена рамкой: 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
9. Подключение

   Здравствуйте, возник такой вопрос , где правильно подключать php файлы в начале между <head></head> , или перед DOCTYPE ?

   Asked by Simel, October 14, 2011

   0 votes
   1 answer
10. Шов между блоками в Опере и ГХ

    <div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.

    Asked by Kenshi24, October 14, 2011

    0 votes
    3 answers
11. многоколоночный текст

    как реализировать для ие? прочитал что есть скрипты которые автоматически делают это но их не нашел!! нашел решение на http://www.xiper.net/collect/js-plugins/content/multi-column.html но у меня почему то не работает! пасиба за ваши старания

    Asked by dostel1, October 14, 2011

    0 votes
    2 answers
12. Проблемма с ие 6

    Здравствуйте! Лоб об клаву уже разбил - не могу найти косяк: В ие6 центральная колонка (точнее контент колонки) начинается только под менюшкой . И никак не могу на место подвинуть. Знаю - где то накосячил http://dsi10.ru Заранее благодарен!!!

    Asked by Leonidk, October 14, 2011

    0 votes
    4 answers
13. Форма отправки на проверку в css-validator

    Это форма отправки на проверку в http://jigsaw.w3.org/css-validator/ из Notepad++ <form action="http://jigsaw.w3.org/css-validator/valid..." method="put"> <textarea name="text" rows="12" cols="75">%s</textarea> <input type="submit" value="Check" /> </form> Как сделать что бы отправка была автоматом при загрузке страницы. Без нажатия кнопки "Check"!

    Asked by andrecool, October 14, 2011

    0 votes
    5 answers
14. Проблема с div'ами

    Ребят, помогите решить проблему, пожалуйста Короче говоря, есть таблица, делённая на три части. В Опере всё нормально отображается, а вот в Хроме других браузерах, второй левый слой не растягивается до нужных размеров. Знаю, нужно было на css делать, но совершил ошибку уже, всё менять долго и времени нет. Может что с кодом не так, спасайте. Вот код: <body bgcolor="#232323"> <div align="center"> <table cellpadding="0" cellspacing="0" width="800" height="200"><tr> <td width="200" height="200" valign="top" align="center"> <div align="left"> <table width="200" border="0" cellspacing="0" cellpadding="0" id="table12" height="100%">&…

    Asked by ALIEN-XIII, October 8, 2011

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

    <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
16. Как изменить курсор на сайте

    Как изменить курсор на сайте Для 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
17. Помогите. Направьте на верный путь

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

    Asked by Vitaliy, October 13, 2011

    0 votes
    5 answers
18. Немного запутался в HTML5

    1 - когда использовать <section>? так чтоли? <section> <header> </header> </section> <section> <article> </article> </section> и т.д.? 2 - сколько можно использовать тег <nav>? И как его использовать? У меня есть меню в шапке горизонтальное и меню в сайтбаре вертикальное. Мне и то и то выделить тегом <nav>? 3 - во что обрамлять ссылки? <ul><li></li></ul>? Или чтото другое? 4 - у меня в статье будут сноски, типо доп. информация. Во что мне её обрамлять? в <aside>? Или в <section>? Пока вроде всё. Заранее спасибо.

    Asked by bayanruby2, September 26, 2011

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

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

    Asked by Mr.Black, October 13, 2011

    0 votes
    8 answers
20. проблема с "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
21. Отступы между 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
22. Передача фокуса родительскому окну

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

    Asked by rootv, October 12, 2011

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

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

    Asked by krofik, October 13, 2011

    0 votes
    4 answers
24. 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
25. Режется фон в Опере

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

    Asked by vlanelot, October 13, 2011

    0 votes
    8 answers