HTML Coding

29,542 questions in this forum

1. Элементы списка

   ситуация следующая: есть неупорядоченный список (id="content_links") с тремя элементами, содержащими ссылки. этот список я преобразую в строковый элемент, тем самым получаю горизонтальную навигационную панель. как упоминалось выше, ссылки всего три. мне надо добиться такого эффекта, чтобы вторая ссылка(id="middle") быть ниже остальных. получаем следующий код XHTML: <ul id="content_links"> <li><a href="#">Cunsumer</a></li> <li id="middle"><a href="#">Communications</a></li> <li><a href="#">Enterprise</a></li> </ul> код CSS: #content_links{ margin-top: 100px; border:1px so…

   Asked by LeD4eG, January 29, 2011

   0 votes
   6 answers
2. Проблема с версткой,люди добрые,выручите

   Сайт www.selecta.ru. На главной странице съезжает модуль вывода случайных новостей.Люди добрые,подскажите,плиз,в чём косяк(целый день сидел тупил,не мог исправить.Вроде нигде там нет паддингов и маргинов,которые бы вызывали такой съезд).Очень срочно надо поправить( Заранее,спасибо!

   Asked by extrawert, January 31, 2011

   0 votes
   6 answers
3. Создание 3D эффекта.

   Итак, потребовалась ваша помощь, Верстаю сейчас макет, мне необходим ваш совет. У меня есть два блока, причем один вложен в другой. Как мне создать КРОССБРАУЗЕРНЫЙ эффект "приподнятости" на дивом-ролителем? Вот код блоков: <div class="parent"> <div class="child"> lorem ipsum dolor sit amet </div> </div>

   Asked by htmlonline, February 4, 2011

   0 votes
   6 answers
4. Шапка для сайта

   Всем доброго утра! Нужна помощь в создании шапки сайта.. Дело вот в чем , делаю "резиновую шапку", т.е. повторяется градиент в шапке,справа размещаю flash анимацию, а посередине надо разместить картинку( png c прозрачным фоном) , выровнять картинку четко посередине почему-то не получается... думаю проблема из-за flash. Пожалуйста помогите найти ошибку в коде, и по возможности решение проблемы. Вот исходник Пришлось залить на дамп, не нашел как приклеплять... Заранее всем спасибо!

   Asked by WhitePhoenix, February 7, 2011

   0 votes
   6 answers
5. фон для всего контейнера?

   Подскажите как сделать фон для всего контейнера? Есть на сайте 3 вертикальные колонки: left, center, right. Колонка center обычно по содержанию длиннее чем остальные. Как задать фон для колонок left и right чтобы он был не только там где есть контент и другое содержимое этой колонки, а заполнял всю колонку до самого низа(там где нет контента)? Вот здесь видно как оно есть: http://www.billiards-games.ru/

   Asked by klikwap, February 7, 2011

   0 votes
   6 answers
6. Подскажите по input

   Есть поле ввода текста input, нужно чтобы когда пользователь что то ввёл и нажал enter осуществлялся переход по ссылке. Как такое сделать? Никак не пойму.

   Asked by c0d3r, February 8, 2011

   0 votes
   6 answers
7. Проблемы с амперсандом

   Добрый день. Столкнулся со следующей проблемой: есть некая форма. В поле input-text из БД вставляется некоторое значение. Если это значение содержит мнемоники (со знаком амперсанда), то после отправки формы сервер принимает только то значение, которое было до амперсанда. Это понятно: амперсандом разделяются параметры, переданные формой. Но как обойти это ограничение? Не вешать же ява-обработчик с заменой амперсанда на отправку формы? Или вешать? Причем проблемы со всеми знаками, кроме трех: "<>

   Asked by SARD, February 8, 2011

   0 votes
   6 answers
8. Выравнивание раскрывающегося списка.

   Подскажите, как выровнять текст в раскрывающемся списке, а именно выделенный пункт списка, а не весь список Пр. <select id="form"> <option selected="selected">Text1</option> <option>Text2</option> </select>

   Asked by Alex&R, February 9, 2011

   0 votes
   6 answers
9. Валидация JavaScript в FireFox

   Валидатор в FireFox ругается на JavaScript. Пробовал несколько вариантов, но проблема не решается. <script type="text/javascript"> <!--//<![CDATA[ код скрипта //]]>--> </script> и <script type="text/javascript">/*<![CDATA[*/ код скрипта /*]]>*/ </script> На сколько можно верить валидатору "огненной лисы"?

   Asked by Alex&R, February 9, 2011

   0 votes
   6 answers
10. Изображение на всю ширину макета

    Прочитал статью на вашем сайте: http://htmlbook.ru/content/izobrazhenie-na...-shirinu-maketa В целом интересно, хотя я до этого уже использовал схожие приемы. Что меня смутило: Однако я всегда делал такие нарезки шириной именной в 1 пиксель. Даже если такой картинкой заливаешь весь фон браузера, то никогда ни каких тормозов не наблюдалось (в том числе и на не самых быстрых компах). Может кто-то пояснить эту рекомендацию или она уже устарела (т.к. все современные компы справляются с такой заливкой на ура) и можно смело резать картинки шириной в 1 пиксель?

    Asked by Arigato, February 13, 2011

    0 votes
    6 answers
11. float: left

    http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?

    Asked by Veseloff, February 14, 2011

    0 votes
    6 answers
12. сайт-визитка для фотографа

    доброго времени суток, уважаемые форумчане! Я с друзьями занимаюсь оказанием фотоуслуг (свадьбы, фотосессии и т.п.) в одном провинциальном городе. Не самый прибыльный "бизнес", но его удобно совмещать с учебой в институте и все это, возможно в силу возраста, для нас интересно и в новинку. Идея продвигать/рекламировать наш "бизнес" через интернет появилась давно, но реальных шагов до сих пор не было. Суть идеи в чем: хотим создать сайт-визитку в 3х версиях: легкая версия/html (для медленного интернета), flash (для быстрого интернета), pda (для мобил, кпк и т.п.). Сайт будет состоять из общего описания услуг, фотогалереи, примеров наших видео-работ, формы связи с нами и н…

    Asked by like_cloud, February 16, 2011

    0 votes
    6 answers
13. Перевод на страницу для Internet Explorer 6.

    Здравствуйте! Искал сегодня решение для перевода, но всюду предлагаются лишь методы закрытия доступа. Например, этот, ест много других. Нет, если можно спокойно давать от ворот поворот, то я за, но вроде кто-то им все еще пользуется. При написании кода приходится править не только CSS, но и HTML. Например, в макете картинки в левой колонке не центрируются (display: block помогает всем, но не IE 6), бордюры у них же игнорируются, сдвигать при помощи margin-left - снова не работает. Но это так, чтобы не быть голословным. Как отослать пользователя на index_ie6.html? Какой код и куда вставлять?

    Asked by Red Planet, February 19, 2011

    0 votes
    6 answers
14. Разваливается таблица

    очень нужна ваша помощь я совсем новичок , и при создании таблицы возникла проблема . как сделать так чтоб таблица смотрелась целостно ? <!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=iso-8859-1" /> <title>???? ????</title> </head> <body bgcolor="#453631"> <p>????? </p> </body> </html> <body> <center> <table cellpadding="0" cellspacing="0" style="background:#5C443A; " > <tr style="background…

    Asked by zxcv, February 20, 2011

    0 votes
    6 answers
15. Доска Обьявлений

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

    Asked by Floran, February 21, 2011

    0 votes
    6 answers
16. Как решить несколько задач...?

    Как создать кроусбраузерно и валидно вот такое - http://img835.imageshack.us/i/homeya.png/ ?

    Asked by Mr.Black, February 22, 2011

    0 votes
    6 answers
17. Транспонирование таблицы средствами CSS

    Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…

    Asked by radioheaded, February 22, 2011

    0 votes
    6 answers
18. Рельефный текст

    Как сделать рельефные заголовки боковых блоков как на этом сайте и видно ли это будет на всех браузерах? http://www.w3.org/

    Asked by Kenshi24, February 23, 2011

    0 votes
    6 answers
19. Как привязать объект к определённому месту

    Всем доброго дня. Я не слишком сведущ в вопросах вёрстки хотя и имею общее прдеставление - основы HTML CSS(знаю некоторые свойства). Столкнулся с такой проблемой. На странице есть меню на JQuery которое раскрывается и показывает подпункты когда нажимаешь на один из пунктов. Нижестоящие дивы сдвигаются что не очень красиво. Я знаю что можно сделать при помощи position:absolute но мне кажется это не лучшим методом. Подскажите пожалуйста есть ли какой-нибудь другой способ, если есть то какой?

    Asked by vamfirius, February 25, 2011

    0 votes
    6 answers
20. IE8.0 стили для таблиц

    Добрый день. Подскажите, пожалуйста как обойти проблемы: 1. Чем заменить cellspacing для IE8.0 или без вариантов пихать в атрибут в тег<table> ( border-spacing IE не хочет кушать)? CSS .tabtest {border:0px; padding:0px; border-spacing:0px} HTML <table class="tabtest"> 2. Не работают соседние селекторы причем только в IE (в FF3.6 и Cr9.0 работают) CSS .tableft {background-color:#FFF} .tableft + TD {background-color:#DDD} HTML <tr><td class="tableft">test</td><td>content</td></tr>

    Asked by Rescuer, February 25, 2011

    0 votes
    6 answers
21. Верстка страниц с использованием HTML5 и CSS3.

    Здравствуйте. У меня возникли проблемы с новыми семантическими тэгами языка разметки HTML5. Не могу определиться в каком случае выбрать тэг <section> , а в каком случае <div> , также нет полной уверенности в том что я правильно понимаю сущность тэга <article> . Еще одна проблема это правильность структуры заголовков h1 - h6. Приблизительно то что я хочу сделать я набросал на этой "наскальной живописи": Для "Шапки" я использую тэг <header> , внутри "Шапки" расположен тэг <nav> , сразу за "Шапкой" идет тэг <section> для "Слайдера" главной страницы, потом идет <section> для "Имени документа" в котором лежит тэг <h1> . Самая б…

    Asked by Mortician, February 25, 2011

    0 votes
    6 answers
22. Горизонтальное меню уезжает вниз в Опере

    Всем привет! Горизонтальное меню уезжает вниз в Опере 9.27 (и подозреваю, что в других операх тоже). Ознакомиться можно здесь http://mitille.jino-net.ru/, тестю. Что бы такого впендюрить в цсс чтобы все было ок? #header1 { width: 100%; height: 48px; position: relative; /*float: left;*/ /*overflow: auto;*/ } #header2 { position: relative; top: -40px; /*left: auto;*/ width: 201px; height: 196px; margin: 0 auto; /*margin:-20px -20px -20px -20px;*/ /*padding: 0px 0px 0px 0px;*/ /*float: top;*/ /*overflow: hidden;*/ } #menu { width: 1080px; height: 47px; margin: 0 auto; padding-top: 0px; padding-left: 0px; /*overflow: auto;*/ /*…

    Asked by mitille, February 28, 2011

    0 votes
    6 answers
23. макет страницы в процентах - запутался, помогите

    запутался ... начал делать в дивах ... как сделать такой макте для страницы ... ??? http://www.picatom.com/1t/-14916.html - сделал схемку помогите кодом, а

    Asked by korchak, March 1, 2011

    0 votes
    6 answers
24. Как послать по почте странице сайта?

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

    Asked by giorgy, March 3, 2011

    0 votes
    6 answers
25. Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна

    Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?

    Asked by vladik05, March 4, 2011

    0 votes
    6 answers