HTML Coding

29,542 questions in this forum

1. Выравнивание блока

   Как выровнять блок вертикально по центру экрана ? { display:table-cell; text-align:middle; } почему то не работает ( или то я что то не так делаю ) обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)

   Asked by MaferoK, August 1, 2011

   0 votes
   11 answers
2. display=block + colspan > 1

   суть в том, что верстается блок, который состоит из заголовка (текст + иконка) и контента, при нажатии на иконку, контент скрывается весь блок мне хочется реализовать с помощью одной таблицы. все хорошо, но когда блок скрывается, колонки в заголовке разъезжаются вот код: <script> function hide(img, block_id, expand_img, hide_img) { var block = document.getElementById(block_id); if (!block) return; if (block.style.display != 'none') { block.style.display = 'none'; img.src = hide_img; } else { block.style.display = 'block'; img.src = expand_img; } } </script> <table style="border: 1px solid grey; width: 600px;"> <tr> &l…

   Asked by mishero, August 1, 2011

   0 votes
   4 answers
3. Трабл с обратной связью

   http://www.gistoryja.ru/template/sendmail/ Если чтото не заполнить и нажать отправить вылазит дин. уведомление о ошибке. Но перед тем как нажать отправить эта кнопка "Отправить письмо" стоит по середине, если нажать на неё она сдвинется влево, вот не знаю как это исправить. Вот КСС код Но чтото не могу найти то что мне надо Помогите. #contact_form { font-family: Verdana, Arial, "Times New Roman"; font-size: 12px; color: #666; } /** FORM STYLES GENERAL **/ #contact_form input, select, textarea { font-size: 11px; color:#999999; width: 300px; height: 28px; border: #CCC solid 1px; /** BORDER RADIUS HACKS **/ } #contact_form input:hover, sel…

   Asked by bayanruby2, August 1, 2011

   0 votes
   0 answers
4. В опере поехал див !

   Дивы коректно отображаются в Internet Explorer , Mozilla Firefox , Google Chrome . Но зато в Opera едут влево пикселей на 200 . нашел хак для оперы : @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .style {background: #F00;} } Я так понимаю его нада прописывать в хеде . Но как мне его подключить чтоб дивы отображались норм не только в опере но и во всех бравзерах ? <!--map--> <div id="map_canvas" style=" margin: 12px 0; border: 2px solid #ccc; position:relative; width:186px; height:283px; left:-229px; <!--Для Opera - 25px --> top…

   Asked by Vandeko, August 1, 2011

   0 votes
   1 answer
5. Помогите! Текст поверх картинки.

   Всем привет! Не могу сделать текст поверх картинки. Перепробовал множество атрибутов, использовал CSS, подключал классы. Толку - 0. Вот ссылка на сайт: Не реклама! Выберите приложение ниже "Wormix" самое первое! И вот на этом сером фоне я хочу написать текст (описание приложения). У меня не получается, либо текст смещяется влево, либо вообще в углу. Вот эта часть "Слайдер": <div class="wrapper col3"> <div id="gallery"> <ul> <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li> <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span&gt…

   Asked by ice72, August 1, 2011

   0 votes
   8 answers
6. Текст расползается на ширину всего экрана (внутри <table>)

   Подскажите пожалуйста, как можно решить следующую проблему? внутри таблицы тэг <div> не реагирует на ее ограничения по ширине. причем в опере и ИЕ все нормально - а в файрфоксе и сафари ненормально - можно ли как то установить приоритет таблицы или что-нибудь подобное?

   Asked by psy_addicted, July 31, 2011

   0 votes
   1 answer
7. Обрезание картинки и тень от нее

   Картинка обрезается, но тень почему не видна. margin-top:0px; margin-left:-15px; position: absolute; clip: rect(5px 125px 100px 15px); box-shadow: 0 0 5px black; box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px; Как можно исправить?

   Asked by Tchorteg, July 31, 2011

   0 votes
   8 answers
8. Текст обтекаемый линией

   Подскажите как можно такое осуществить? http://itmages.ru/image/view/245397/0639b5e4

   Asked by Rambo2045, July 31, 2011

   0 votes
   4 answers
9. Кнопки меню под логотипом картинками

   Всем привет. Требуется сделать кнопки меню под логотипом в виде картинок, под кнопками фоном должна проходить некая полоса (не однотонная, градиент) на всю ширину экрана, примерно так: Подскажите, как примерно это можно реализовать?

   Asked by vkapas, July 31, 2011

   0 votes
   7 answers
10. css position в absolute

    Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …

    Asked by gradus, July 31, 2011

    0 votes
    22 answers
11. вопрос пр ссылки

    у меня такой вопрос: как можно быстро создать большое количество ссылок на одной странице? например у меня на одной странице должно размещаться больше 700 ссылок на другие страницы сайта(которые отличаются друг от друга лишь одной картинкой)и мне интересно может есть какой то способ сделать это все по-быстрому, а то вручную уж очень долго получиться, темболее у меня не одна такая страница....вобщем если есть какой то совет помогите, а то я новичек и много еще не знаю

    Asked by Archi30, July 31, 2011

    0 votes
    5 answers
12. Граница столбца не видна в опере/ie

    Почему-то опера 11 и ie 9 не понимают конструкцию <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"></td> <td>правая колонка</td> Т.е. я пытаюсь сделать простейший разделитель между двумя колонками. Отображает его только хром. Разделитель становится видимым, только если указать, что колонка непустая, т.е. добавить пробел: <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"> </td> <td>правая колонка</td> Но это приводит пусть к небольшому, но увеличению ширины колонки - она уже не 1px.

    Asked by wcp, July 31, 2011

    0 votes
    3 answers
13. Размеры фиксированной верстки.

    Какой размер является стандартным для фиксированной верстки? Исходя из чего определяют ширину фиксированной верстки( допустим, контента мало)?

    Asked by amelice, July 30, 2011

    0 votes
    15 answers
14. Расчет ширины блока в IE после float и его перенос

    Собственно, все, чего бы мне хотелось - это заставить IE отображать данный пример так же как это делают другие браузеры. Т.е., чтобы зеленый блок со ссылкой не уезжал под красный блок с float... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div style="width:300px; border:1px solid black;"> <div style="float:left; background: #f00; width:100px; height:100px; "></div> <a href="" style="display:block; width:300px; background: #0f0;">TODO write content</a> </div> </body> </html>

    Asked by voyager, July 30, 2011

    0 votes
    1 answer
15. Проблема со фоном в футере

    Ситуация. В шапке сайта фоном лежит изображение, прописанное в css: body { padding: 0; margin: 0; background: #003D73 url(img/bg2.jpg) no-repeat center top; width: 100%; display: table; } Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg): ————————-- | основной контент сайта | ————————-- ————————-- |футер | ————————-- Вот в футер, в отдельную таблицу, хочу добавить еще одно фоновое изображение, поверх которого вывести телефоны, контактные данные и пр. Но это фоновое изображение не появляется ибо body забивает собой всю страницу. Как решить эту проблему?

    Asked by wcp, July 30, 2011

    0 votes
    6 answers
16. Сплошная линия от пункта меню

    Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }

    Asked by sergeyvolk, July 30, 2011

    0 votes
    10 answers
17. закладки

    Как сделать такое при помощи html! Переход между темы и форумы, показывает разный контекст!

    Asked by angelShlesser, July 30, 2011

    0 votes
    20 answers
18. Ширина и отступы в дивах

    CSS body { margin: 0px; } #d1, #d2, #d3, #d4, #d5 { padding: 0px 0px 0px 0px; } #d1, #d4 { height: 100px; } #d1 { background-color: red; } #d2, #d3 { height: 400px; } #d2 { background-color: orange; float: left; width: 150px; } #d3 { background-color: yellow; float: right; width: 1115px; } #d4 { background-color: pink; clear: both; } HTML <body> <div id="d1">text...</div> <div id="d2">text...</div> <div id="d3">text...</div> <div id="d4">text...</div> </body> Результат: http://imgsave.ru/image-8D09_4E33E4FA.jpg 1) как зная разрешение экрана, установить два дива на всю ширину экрана? не в процент…

    Asked by Wellmanori, July 30, 2011

    0 votes
    0 answers
19. Ошибки в css классе

    Вот код ,который нужно добавить к остальному: <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="1.jpg" alt="К44774тво. Вто74ание"border="0" /></a><br /> Про4еии «<a href="#">Ко43ва</a>» </div> </ins> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="2.jpg" alt="Оп673темы" border="0"/></a><br /> <a href="#">Офтал367357овка</a> к54нии «Опт367емы» </div> </ins> <ins class="thumbnail"> <d…

    Asked by Rambo2045, July 30, 2011

    0 votes
    1 answer
20. Как мне сделать подвижные блоки ?

    Мне нужно создать несколько подвижных блоков, наподобие того как построен сайт vk.com (Там присутствует свободное перемещение блоков чата и музыкального проигрывателя) Я хочу чтобы пользователь мог свободно их перемещать удерживая их левой кнопкой мыши. Я предполагаю что это должен быть CSS код, пожалуйста помогите

    Asked by Bob Marley, July 30, 2011

    0 votes
    1 answer
21. Картинка с атрибутом float

    Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, п…

    Asked by Goldsnich, July 29, 2011

    0 votes
    7 answers
22. !Doctype

    Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?

    Asked by Анна, July 29, 2011

    0 votes
    4 answers
23. Заголовок RSS

    Здравствуйте! Если честно, сам в шоке от того, что эта проблема возникла. Нелепость какая-то. Дело в том, что у меня в ленте RSS дублируется почему-то нэйм и дескрипшн. Хотя, прописывал все, естественно, по одному разу. Гляньте, пожалуйста: http://exreason.com/feed - Проблема в двух первых строчках перед анонсом верхнего поста. В каком файле можно удалить лишнее?! Заранее благодарю за ответ!

    Asked by Santorin, July 29, 2011

    0 votes
    2 answers
24. Проблема с блоками

    Добрый вечер всем. Такая проблема, нужно чтобы в зависимости от содержимого контента тянулся сайдбар. На данный момент выглядит так http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg Помогите с этим..

    Asked by Pato, July 29, 2011

    0 votes
    14 answers
25. незнаю с чем связанная проблема,css!

    вот мой "сайт"",хочу нотмально разметить его,ну чтоб через пхп генерировать посты!тольк в лвой часты цыфры не ровномерны то идут влево то в право,ну во втором посте ясно там нету заглавия,и выходит из дива-пост,ну это я испраю,а в чем проблема помогите пожалуйста никак не пойму!заранее большое спасибо! кстати,если можно оцените ещо и дизайн!Спасибо!

    Asked by tvo, July 29, 2011

    0 votes
    7 answers