HTML Coding

29,542 questions in this forum

1. Два элемента и содержимое.

   Добрый день! Есть элемент #a с фиксированным размером и следующий за ним элемент #b. Код: <style> div { height: 10px; width: 10px; } #a { background: #fcc; } #b { background: #ccf; } </style> <div id="a">1<br/>2</div> <div id="b"></div>Как при помощи css сделать так, чтобы второй элемент #b шел после содержимого первого элемента #a, выходящего за его границы? Как есть и как должно быть: Порядок элементов менять нельзя, создавать другие элементы тоже. Размеры содержимого элемента #a произвольны (неизвестны), поэтому просто задать margin для элементов нельзя.

   Asked by Webkit, March 30, 2012

   0 votes
   7 answers
2. Колебания в Opera

   Добра всем! Сделал что бы при наведении на logo появилось другое img. popcorn-j.narod2.ru/ Но почему-то на Opera это дело скачет... Кто знает как решить? CSS — #logo .loggo { wight: 306px; height: 79px; position: relative; top: -92px; left: 10px; } #logo{float:left; z-index:7; } #logo {display:block; display:inline;} #logo .logo ul {display:none;} #logo .logo:hover ul {display:block;} #logo #main {float:left; position:relative; left:0px; top:-86px; width: 306px; height: 15px; z-index:5;} CSS — HTML — <div id="logo"> <div class="logo"> <a href="http://popcorn-j.narod2.ru/"><img class="loggo" src="image/logo.png" alt="Popcorn"/></a> <ul…

   Asked by SCANIT, March 30, 2012

   0 votes
   0 answers
3. помогите решить проблему Adobe Dreamweaver CS

   Прошу прощения в заранее за глупый вопрос! Изучаю программу Adobe Dreamweaver CS дошёл до создания баз данных, непосредственно до загрузки данных с сервера на страницу. Подскажите где в программе находится раскрывающийся списки согласно этому отрывку из учебника? Раскрывающийся список Cursor Type служит для задания типа набора данных. В нем доступны четыре пункта: * Static — статический набор данных, * Forward Only — однонаправленный статический набор данных, * Dynamic — динамический набор данных, * Keyset — ограниченный динамический набор данных, Раскрывающийся список Cursor Location задает местонахождение набора данных Раскрывающийся список Lock Type задает тип блокиров…

   Asked by Гeopгий, March 30, 2012

   0 votes
   2 answers
4. Объясните что значит

   В общем разбираюсь в чистом (пустом) шаблоне joomla 2.5 Так, как я в PHP так себе - прошу вашей помощи, что обозначают некоторые моменты: http://jsfiddle.net/jMu2P/

   Asked by Imperil, March 30, 2012

   0 votes
   2 answers
5. Не учитывается высота картинки-слоя при использовании float

   Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…

   Asked by kuraga, March 30, 2012

   0 votes
   1 answer
6. opacity в див

   Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.

   Asked by nik1524, March 30, 2012

   0 votes
   3 answers
7. Принудительное overflow-x: scroll при overflow-y: hidden

   Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.

   Asked by 7ion, March 30, 2012

   0 votes
   6 answers
8. max-width в div вёрстке

   Начал работать с DIV вёрсткой. Вот появились первые проблемы. Суть проблемы: Есть 3 div'a, нужно разместить их в одной строчке. Первый и третий div имеют ширину max-width: 100px - это сделано для того, чтобы при отсутствии в них какой-то информации они просто пропадали и 2-ой div, у которого ширина указывается с помощью параметра min-width, мог расширится засчёт этих дивов. С таблицами это всё просто обернуть, да и информация там не уходит за приделы ячейки(ниже увидите о чём я), а тут возникли проблемы. Помогите довести до ума. Вот мои наработки - http://jsfiddle.net/Hacvc/3/

   Asked by Plany, March 30, 2012

   0 votes
   2 answers
9. Тень у блока с трех сторон, как?

   Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?

   Asked by Galyanoff, March 30, 2012

   0 votes
   10 answers
10. Margin внутреннего блока не отталкивается от отцовского

    Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение

    Asked by Pumych, April 2, 2012

    0 votes
    1 answer
11. Как убрать рамку в IE вокруг элемента object?

    В IE отображается рамка вокруг элемента object можно её как то убрать. Пробовал через CSS border: none; Не помогает!

    Asked by tini.kRyptoNite, March 31, 2012

    0 votes
    2 answers
12. fixed div

    Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?

    Asked by Sensei, March 31, 2012

    0 votes
    18 answers
13. Поплыл шаб

    Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 1 скрине, но нет во 2) HTML <!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" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>GRead beta</title> </head> <body> <div class="main"> <div class="head"> </div> &lt…

    Asked by Dark_Semi, March 31, 2012

    0 votes
    4 answers
14. margin: 0 auto для меню span float:left

    Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…

    Asked by Вадим, March 31, 2012

    0 votes
    2 answers
15. Две разных страницы сайта в одну тему для WordPress

    Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!

    Asked by aov000, March 31, 2012

    0 votes
    3 answers
16. Background-image

    Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?

    Asked by IIAIIIA, March 31, 2012

    0 votes
    6 answers
17. Отступ от шапки до меню, при использовании SSI

    Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …

    Asked by Cyanide, March 31, 2012

    0 votes
    4 answers
18. Блок тянется вниз за соседним

    Здравствуйте. Есть проблема, которую немогу решить, уже всё пересмотрел, голову ломаю. Есть сайт трехколоночный, на дивах, натянутый шаблон на CMS. Так вот покажу на скриншотах проблему, чтоб не объяснять на пальцах. Блок, выделенный красным цветом тянется за блоком боковым (зелёный) и образуется пустое, никому не нужное, пространство. Дело в том, что далее ,следующий блок идёт нормально. Это пустое пространство создаётся только в первом блоке, возле которого боковые блоки. Где копать ? Почему так ? Честно, не могу догнать, я не очень в этом ещё силён, в принципе всё элементарно, но именно это я не понимаю. Сайт где видно всё это - в профиле.

    Asked by *JoKeR*, March 31, 2012

    0 votes
    4 answers
19. Руссификация HTML 5 шаблона

    Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…

    Asked by Sunsayka, March 31, 2012

    0 votes
    3 answers
20. Ajax и индексация

    Я сделал навигацию на сайте с применением аякса, то есть просто подгружаю содержимое в определенный див. У меня такой вопрос: не повлияет ли это на индексацию? насколько я знаю краулеры по ссылкам ведь шарят, а тут ссылки в скрипте зашиты.

    Asked by Sensei, March 31, 2012

    0 votes
    15 answers
21. Проблема с IE

    Здравствуйте!целый день читал различные форумы но ответа на свой вопрос так и не нашел. Сделал сайт для Joomla. При выводе контента возникает проблема: Все что заключено в <div class="content"> занимает больше места чем указано(width) и не помещается области контента. Частично решает проблему overflow:auto появляется прокрутка, но размеры как были так и остаются непонятно какими. В Opera все нормально. Вот код PHP: <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this-&gt…

    Asked by dnest, March 31, 2012

    0 votes
    1 answer
22. Кнопку поиска вставить внутрь формы

    Как сделать чтоб лупа была внутри формы? <form action="/" method="post" class="search"> <input type="text" value="Ваш поисковый запрос..." class="searchfield"> <input title="Найти" alt="Найти" type="image" src="i/search_button.png"> </form>

    Asked by moslem, April 1, 2012

    0 votes
    1 answer
23. CSS, растягивание блока в высоту

    Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…

    Asked by strobik, April 1, 2012

    0 votes
    4 answers
24. li в строку

    В общем сайт http://design-wow.at.ua Пытаюсь сделать меню в одну строку, да и впринцыпе сделал, но IE решил что так не пойдет и отображает как список. Как можно исправить?Пробывал и display:inline; , display:inline-block; и float:left; для li, IE всеравно отображает как список..

    Asked by FORT, April 1, 2012

    0 votes
    2 answers
25. Информация о ссылке

    Вопрос такой - При наведении на ссылку в левом нижнем или правом нижнем углу браузера появляется адрес, куда ведёт эта ссылка. Есть ли способ скрыть эту информацию?

    Asked by VEID, April 1, 2012

    0 votes
    2 answers