HTML Coding

29,542 questions in this forum

1. как сделать слой, что бы его ширина была равна ширине вложенных в него слоев

   Помогите плиз! Как сделать слой, что бы его ширина была равна ширине вложенных в него слоев <div style="float:left; width: 840px; background:white; height: 280px; padding-top:20px" align="center"> <div style="height: 260px; background:green; "> <div style="float:left; width: 11px; background:red; height: 260px;"></div> <div style="float:left; ; background:white; height: 260px;">333333</div> <div style="float:left; width: 11px; background:red; height: 260px;"></div> </div> &…

   Asked by kent666, July 7, 2011

   0 votes
   14 answers
2. Проблемы верстки в ИЕ6.

   Всем привет. Помогите разобраться: 1. Возможно ли решить проблему связанную с :hover в ИЕ6, когда нужно его применить не только ссылке? В меню я применила :hover к трем трем элементам, чтобы меню растягивалось не зависимо от разрешения экрана. 2. Есть прозрачный фон, в Ие 6 это серый фон. Как добиться прозрачности? Может это тема обсуждалась, но я не нашла. Ссылка. Прошу не обращать внимания на баннеры, это за бесплатный хостинг. (

   Asked by amelice, July 14, 2011

   0 votes
   14 answers
3. Слайд-шоу ... или поиск ночной музы :)

   Необъятное желание заставило меня разобраться с слайд-шоу, который пылился в закромах родины. Слайд-шоу успешно подогнал под себя. Постарался понять большую его составляющую. Откорректировал под него файлы css и javascript. Соответственно, на отдельной странице он успешно отображается. Однако, возник вопрос, как при внедрении в необходимую область на главной странице, организовать css файл так, чтобы он касался именно той области, где находится слайд-шоу (иначе, стили, которые обозначены на всю главную страницу сбиваются)? Возможно ли прописать дополнительный файл css к только необходимой области? P.s. возможно вопрос не корректен или в меру глуп .. учусь, как могу

   Asked by ProRus, July 21, 2011

   0 votes
   14 answers
4. Интересная задача

   Привет! Мне подкинули интересную задачу. Есть макет с фикс шириной, на заднем плане фон. Вот надо сделать так, чтобы кусочек этого фона был ссылкой. Пробовал с позиционированием поиграть, но выходит не очень красиво. Сложность заключается в том, что нельзя прилепить этот блок со ссылкой к какому-нибудь краю, ибо фон тянется на больших разрешениях. При разрешении в 1024, не должно появляться горизонтальной полосы прокрутки. Кстати еще сам фон на фикседе. Вот картинка того, что надо сделать http://clip2net.com/s/16pJm Вот как проблему решил я http://alpatriott.ru/works/primer/op.html upd(здесь уже готовый вариант, до этого было рабочее решение с псевдоэлементом) Но псевдоэл…

   Asked by Softlink, August 10, 2011

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

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

   Asked by Pato, July 29, 2011

   0 votes
   14 answers
6. Уменьшать div'ы

   Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v…

   Asked by Kerny, August 3, 2011

   0 votes
   14 answers
7. Ширина табов

   Есть такие табы. Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже?? Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. ( Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??

   Asked by DrStrangeLove, August 16, 2011

   0 votes
   14 answers
8. Критика и помощь

   Всем здравствуйте! Не большой блок.Очень нужна Ваша критика, предложения, другие варианты решений. Особенно что касается применения border, ...-radius и hover для для других элементов. Плюс ко всему в Opere 9.64 не получилось закруглить уголки( Сслыка Буду вам очень благодарен.

   Asked by orion_by, August 26, 2011

   0 votes
   14 answers
9. Первый раз

   Сверстал макет из вот этой темы, подскажите как выложить сюда на обсуждение, т.к. используются картинки, а тупо код вставить в таком случае будет не верно.. Может на файлообменник залить? Заранее извиняюсь если не доглядел где то тему с соответствующими инструкциями на этот счет.

   Asked by Lemming, September 11, 2011

   0 votes
   14 answers
10. Прошу помочь обьяснить!

    У меня есть id-селектор и внутри него я создал правило {color: #fc0; font-family: Georgia, Times, serif;} Так же у меня есть p {font-family:Arial;} и h2 {color:red;} . Внутри id селектора у меня есть теги( p и h2) но на них действует правило которое не id селектора вот не могу монять у id же больше приоритет над селекторами тегов.Почему что находится в id параграф и заголовок не изменяются. id я применил к <div> параграф и заголовок у меня в нем.

    Asked by mr.Dassler, September 11, 2011

    0 votes
    14 answers
11. Двойная рамка

    Есть пустой div фиксированного размера с фоновой заливкой. Вокруг него надо сделать две рамки, допустим, красного и синего цвета. Можно ли обойтись только одним div в этом случае и без after и before?

    Asked by Vlad, September 17, 2011

    0 votes
    14 answers
12. Прозрачность элемента.

    Есть такое прекрасное свойство в css называется «opacity» и оно задает прозрачность элемента. Но есть одна проблема. У меня есть блок <div> я ему задаю прозрачность и весь текст тоже становится прозрачным. А мне нужно, чтобы только бэкграунд стал прозрачным, а текст нет. Как такое сделать?

    Asked by Sedacove, September 29, 2011

    0 votes
    14 answers
13. Не масштабируемый фон

    Допустим есть такой код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;padding:0;} html, body{height:100%;} .back{ width:100%; height:100%; background:url('1 (2).jpg') no-repeat; } </style> </head> <body> <div class="back"> </div> </body> </html> и выглядит все это вот так: если уменьшить страницу, то будет так: с увеличением тоже самое. как сделать так, что бы при изменении страницы фон оставался как на первой картинке?

    Asked by bob_24, October 1, 2011

    0 votes
    14 answers
14. 2 колоночный дизайн

    Помогите пожалуйста, уже руки опускаются... Есть дизайн - http://rghost.ru/24021801.view Хотела сделать так, чтобы было не просто в 1 колонку, а 2 две, чтобы еще меню, форма входа, и т.д. и т.д. было... То есть, зеленым блоки малые, а красным новости... Как сделать? Я уже извелась вся, пробовала и так и сяк... Вот что должно получится примерно: http://rghost.ru/24022051.view (сделано в фотошопе). Код главной странички: и CSS: помогите пожалуйста, буду очень благодарна.

    Asked by natalika, October 3, 2011

    0 votes
    14 answers
15. Видео в изображении

    Помогите сделать чтоб видео ( стрим канал) был в картинке (телевизор)?! Срочно нужно

    Asked by gunya411, October 11, 2011

    0 votes
    14 answers
16. Откуда стык фона в Chrome?

    Добрый день. Столкнулся с тем, что в Хроме градиентный текстурный фон страницы имеет стык, причем если покрутить колесиком масштаб, он исчезает, пока не вернёшься к определённому масштабу. Вот картинка: Почему? В других браузерах такого нет. Вот код: <body> <div id="main"> ... </div> </body> body { font: 14px/21px Verdana, Geneva, sans-serif; text-align: center; color: #003; background: url(images/bg.jpg) repeat; } #main { width: 100%; text-align: center; background: url(images/bg2.jpg) repeat-x top;/*верхний текстурный градиент фона*/ }

    Asked by borus, October 26, 2011

    0 votes
    14 answers
17. проблема с изображениями

    Привет всем! Вопрос есть к примеру три изображения одно нужно разместить слева, другое в центре, стретье с права, между ними комменты приблизительно так : все попытки заканчивались плачевно, или текст вылезал непонятно куда, или картинки смещались, или эти же самые картинки не хотели размещатся горизонтально. собственно подскажите кто чем может... з.ы. забыл добавить все это дело в диве находится отдельном.

    Asked by f0rzik, November 7, 2011

    0 votes
    14 answers
18. проблема с Denwer'ом

    Проблема такая, что при запуске денвера файл hosts переписывается и заполняется всеми моими локальными сайтами. Кто-нибудь сталкивался с подобным? В чем может быть причина этому, и как можно исправить?

    Asked by Lemming, November 13, 2011

    0 votes
    14 answers
19. Пробелы между кнопками из-за границ.

    В общем вот такая у меня шапка с навигацией. Как видно пробелы между кнопками. Это таблица по сути, со столбцами. Вот код: <table> <tr align="center"> <td width="173"></td> <td><a href="main.html" class="left">Главная<span>Главная</span></a></td> <td><a href="work.html" class="center">Наши работы<span>Наши работы</span></a></td> <td><a href="materialsandcolors.html" class="center">Материалы и цвета<span>Материалы и цвета</span></a></td> <td><a href="contacts.html" class="center">Контакты<span>Контакты</span></a&g…

    Asked by Faradei, November 16, 2011

    0 votes
    14 answers
20. Считаешь ты знаешь CSS ?

    Привет сторожилам, думаю название поста задело самолюбие и затащило вас сюда ... Не реальное задание привело меня сюда спустя несколько лет =) Смотрим видео Знатоки итак внимание вопросы: 1) - Какое свойство отвечает за то чтобы <h1> начало себя вести именно так как показано в видео ? (ответ нашел спустя час примерно) 2) - Как у кого то вышло сделать такое с текстом что на видео ? (ищу до сих пор) это 100% на css сделано. 3) - все что связанно с Section это уже js =)) С ним тоже было интересно попрактиковаться ... (bookmarkable tabs) на чистом JS.

    Asked by monya1987, December 22, 2011

    0 votes
    14 answers
21. Вопрос по верстке

    Приветствую всех. Я так вообще только дизайн рисую, но решил еще и версткой сайтов заняться. Верстаю сейчас шаблон по видео-уроку, но столкнулся с некими проблемами которые не охвачены в уроке, вроде до всего догнал, но столкнулся с проблемой footera он почему-то не лежит постоянно внизу и налазит на более старший div, подскажите пожалуйста в чем проблема. Вот домен на котором тестирую http://transfer.milanodiluxe.com/ спасибо всем заранее))

    Asked by brendmaster, December 30, 2011

    0 votes
    14 answers
22. Как пустить орнамент вдоль рамки?

    Здравствуйте Есть задача вдоль рамки по внешнюю сторону от неё пустить орнамент на подобии такого: Посоветуйте, какое может быть решение? Благодарю

    Asked by borus, January 16, 2012

    0 votes
    14 answers
23. Выравнивание колонок по высоте

    Здравствуйте. Необходимо, чтобы колонки сайта в независимости от наполнения контентом были одинаковой высоты и прижимались к футеру. Немного погуглив, увидел несколько различных способов, как мне показалось использование картинки и её вытягивание, является наиболее эффективным способом. Но мне остался непонятным момент как всё таки прижать её к футеру...

    Asked by param, January 22, 2012

    0 votes
    14 answers
24. Помогите отредактировать шаблон

    Помогите настроить шаблон. Пытаюсь поправить шаблон под себе, но не могу разобраться в позиционировании. Код index <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="author" content="Luka Cvrk (www.solucija.com)" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <title>minimalistica</title> </head> <body> <div id="content"> <h1>minimalistica</h1> <ul id="menu"> <li>&…

    Asked by Alexandrm, January 26, 2012

    0 votes
    14 answers
25. Странный косяк( при увеличении или уменьшении сайта)

    #pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…

    Asked by doox911, February 6, 2012

    0 votes
    14 answers