HTML Coding

29,542 questions in this forum

1. как сделать фон уезжающий за границу браузера

   На одном сайте видел прикольную фишку, если сужать или раздвигать браузер, то видно как элемент фона с листьями заезжает за края браузера с обоих сторон а цент остается на месте, как это сделано?

   Asked by sh1va, November 12, 2010

   0 votes
   3 answers
2. Проблема с "подвалом" (footer)

   Проблема вот в чем. Есть на сайте контент, под ним полоса height:50px;. Если контент не на всю страницу, то он все равно будет внизу страницы. Если контента много, то он окажется после него, и будет скролится. Пример такой http://vk.osvita.org.ua/footer.htm Все понятно. Но. Как я понимаю, задавая элементам body, html {height:100%}, мы задаем главным элементам размер. Теперь. Посмотреть описание CSS width "Если родитель явно не указан, то в качестве процентной записи выступает окно браузера." Т.е. задавая размер этого footer 100%, он будет не на весь экран, а на 100% видимой области, что заметно, если уменьшить размер окна браузера меньше, чем элемент на странице. Появля…

   Asked by SCHNITZER, November 12, 2010

   0 votes
   10 answers
3. Выравнивание таблицы по центру

   собственно проблема в том что таблица съезжает в бок при маленькой ширине окна, как это исправить? hotelvizit.perm.ru таблица в шапке - три ячейки под логотип и информация по бокам

   Asked by 3apa3a, November 12, 2010

   0 votes
   5 answers
4. Как состыковать элементы формы

   Всем привет, подскажите пожалуйста, как вот эту форму из картинки, поля ввода и кнопки состыковать в один "неразрывный" элемент код формы: <form action="index.php" id="search_id" method="get" onsubmit="return search_checkup();"> <a href="/index.php?language_id=1&section_id=31"><img alt="Помощь" class="help" src="templates/images/search_help.png"></a> <input accesskey="s" alt="Поиск" id="text_id" maxlength="64" name="text" title="Поиск" type="search" value="" /> <input alt="Поиск" id="submit_id" src="templates/images/search_submit.png" title="Поиск" type="image" value="Поиск" /> </form> CSS-к…

   Asked by Gride, November 12, 2010

   0 votes
   4 answers
5. Как сделать обтекание таблицы текстом?

   не могу вставить текст возле таблицы( помогите советом =)

   Asked by atew, November 12, 2010

   0 votes
   5 answers
6. проблема в IE7

   проблема в IE7. Почему то все содержимое этой страницы и аналогичных пропадает http://www.go-camp.ru/katalog/products/palatki. Точнее сначала загружается, а потом проподает. Пробовала zoom:1, z-index - не могу понять что перекрывает.

   Asked by Alyssa, November 13, 2010

   0 votes
   4 answers
7. padding в div

   Всем привет! Помогите плз новичку. Суть проблемы: Когда задаю отступ padding'ом в блоке div размеры блока увеличиваются. Можно ли как-нибудь избежать этого, т.е. сохранить первоначальные размеры блока. Заранее спс!

   Asked by topwizard, March 13, 2011

   0 votes
   5 answers
8. На чем верстать?

   Подскажите пожалуйста, стоит ли верстать на HTML5? Если нет то на чем лучше?

   Asked by TIMA, November 13, 2010

   0 votes
   13 answers
9. Чем заменить ссылку

   Есть у меня код: Фрагмент HTML: <ul id="toc"> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> </ul> Фрагмент CSS: ul#toc {list-style:none; padding: 0; margin-left: 2px;} #toc li a {float:right; background:#FFF; padding: 0 4px 0 0; COLOR: #000000; TEXT-DECORATION: none} #toc li span {float:left;background:#FFF; padding 0 0 0 4px;} #toc li br {clear:both;} И всё меня устраивает, …

   Asked by marrk, November 13, 2010

   0 votes
   18 answers
10. Шапка и подвал фикс, остальное резина. Как?

    Есть такой макет: ШАПКА КОНТЕНТ ПОДВАЛ Шапка всегда наверху, подвал всегда прибит к низу экрана. Оба фиксированной высоты. Контент со скроллингом. Как без таблиц сделать так, чтобы контент всегда занимал ровно всё пространство между шапкой и подвалом?

    Asked by botyaslonim, November 13, 2010

    0 votes
    10 answers
11. При появлении скролла, контент, привязанный по середине прыгает

    В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…

    Asked by SCHNITZER, November 13, 2010

    0 votes
    5 answers
12. Оптимизация логотипа форума

    Здравствуйте! Возможно где-то такая тема уже есть, но я не нашёл и создал новую. Помогите разобраться в коде CSS #logodesc { margin-bottom: 15px; padding: 0px 5px; background: #FFB3CC; border: 2px solid #D7E4E4; background :url(images/header.jpg) no-repeat; width:1480px; height:150px; } Почему-то в разных браузерах логотип отображается по разному, например, в IE, опере - он не до конца доходит, а в мазиле через-чур уезжает за границы и появляется прокрутка. Код как мог набросал, понимаю, что многое может быть и не правильно, недавно совсем начал разбираться с ними. Мне очень надо понять что не так-то

    Asked by sunrec, November 13, 2010

    0 votes
    8 answers
13. Открытие EXE-файлов на сайте

    EXE - файл создан на Visael Basic'е и выгружен в Интернет. Вопрос: Можно ли сделать так, чтобы VB-форма появлялась программным образом на стартовой странице сразу в момент загрузки сайта, а не путём клика по ссылке.

    Asked by oleg.smirnykh, November 14, 2010

    0 votes
    2 answers
14. Вертикальное выравнивание в input

    как выравнять текст по центу по высоте в поле input? спасибо

    Asked by vvsh, November 14, 2010

    0 votes
    5 answers
15. position:absolute; div

    Здравствуйте. Как сделать чтобы родительский слой изменялся по высоте исходя из размеров своего дочернего слоя который при этом position:absolute; Пример. <div style="border:1px solid #232323;position:relative; min-height:120px;"> <div style="top:2px;left:2px;border:1px solid #990000;position:absolute;height:240px;width:50px;"></div> </div> Необходимо чтобы родительский div изменял размер в соответствии с вложенным.

    Asked by G6CFfy, November 14, 2010

    0 votes
    3 answers
16. Две фоновых картинки

    Добрый вечер, Гугу веб-дизайна! Вот, не знаю, как быть… В процессе создания меню для сайта столкнулся с траблом. Меню представляет собой список — <ul>. Для тега <a> прописано фоновое изображение (уголок, прибитый к левому нижнему углу). Нужен точно такой же уголок в правом нижнем. Пробовал использовать вложенный <div> — всё рушится. Подскажите, как сделать? #menu { background-color:#34618e; text-align:center; height:25px; margin-top:10px; margin-left: 50px; margin-right: 50px; padding-top: 20px; } #menu ul, #menu li { display:inline; margin:0; padding:0; } #menu a { padding:20px 25px 20px 25px; background-color:#507caa; background-image:u…

    Asked by brainiac, November 14, 2010

    0 votes
    3 answers
17. Наследование или приоритет?

    Здравствуйте! Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации: есть вот такая css, определяющая вид свойств и их значений в тексте примеров: .property { color:darkgreen; /* Цвет текста для свойств CSS */ font-family:Arial Calibri sans-serif; /* Рубленый шрифт */ font-size:90%; quotes:" {" ": "; } .value { color:green; /* Цвет текста для значений свойств CSS */ font-family:'Times New Roman' Cambria serif; /* Засечный шрифт */ quotes:"" ";}"; } .property:before, .value:before { content:open-quote; } .property:after, .value:after { content:close-quote; } Далее, желая, чтобы quotes' content отображался не различными стилями, а …

    Asked by Bhudh, November 14, 2010

    0 votes
    17 answers
18. Невидимые гграницы при эмуляции одинаковой высоты.

    Здравствуйте, при эмуляции одинаковой высоты можно как-либо сделать границы центрального блока невидимыми? Верстаю макет, решил одинаковую высоту сэмулировать (А может и не нужно было?). Поставить синий цвет тоже не могу, так как градиент все же дает о себе знать, ставил border-left: hidden и border-right: hidden, но тогда колонки разбегаются по сторонам.

    Asked by Red Planet, November 14, 2010

    0 votes
    9 answers
19. font-weight указать в font

    Нужно задать font-weight: normal, используя свойство font Синтаксис: font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Попытка №1: font: inherit inherit normal 20px inherit; Попытка №2: font: normal 20px inherit;

    Asked by kedovan, November 14, 2010

    0 votes
    3 answers
20. Подсказки на странице

    Иногда когда наводишь на странице на какой-нибудь элемент появляется подсказка. Обычно просто текст. Как можно этот текст сделать и оформить? Скриншот сделан с этой странчки:http://ge1i0n.mybrute.com/cellule Наведите на "Speed" например и вы увидите что я имею ввиду, если непонятно выразился.

    Asked by Ge1i0N, November 14, 2010

    0 votes
    5 answers
21. IE6 и 7 - подскажите!

    Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li&…

    Asked by pattaya, November 14, 2010

    0 votes
    6 answers
22. Иероглифы в мозиле вместо русского языка ! В чем дело ?

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

    Asked by 333_org_ua, November 15, 2010

    0 votes
    2 answers
23. Как воспроизвести звук при нажатии на кнопку ?

    Как можно воспроизвести звук при нажатии на кнопку ??? Кто то может знает как это можно сделать? Вот мои кнопки <p id='kino'>Кино</p> <p id='kartinki'>Картинки</p> <p id='music'>Музыка</p>

    Asked by 333_org_ua, November 15, 2010

    0 votes
    1 answer
24. DIV внутри ячейки TABLE IE проблемы резины

    Всем привет! Помогите кто шарит в ХТМЛ, есть простой кусок ХТМЛ, но в ИЕ 8 он отображается каряво: <body> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом--> <div style="width:100%; float:left"> <div style="margin-left:64px; background-color:red">TEXT</div> </div> <div style="margin-left:-100%; width:64px; float:left; background-color:blue">IMG</div> <div style="clear:both"></div> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом в обёртке table--> <table style="width: 100%; vertical-align: middle; height: 100%; text-align: center"> <tr> <td align="center" valign="middle" height="100%"&g…

    Asked by hexen2, November 15, 2010

    0 votes
    4 answers
25. "Экстренная мобилизация"

    Коллеги, нужна срочная помощь. Имеется сайт www.zgames.com (игрушки для айфона), на самом айфоне отображается (имхо) адекватно, но к концу сегодняшнего дня нужно сделать для него отдельную мобильную версию. Никогда с такой задачей не сталкивался (всегда придерживался позиции, что лучше делать основную верстку доступнее, проверял в Опере Мини и всё), поэтому не знаю толком, с какого конца браться. Нужно ли юзать XHTML MP (с правильным контент-тайпом application/vnd.wap.xhtml+xml и т.п.)? И вообще, на что обратить внимание в первую очередь, а что можно оставить "на после"? Пожалуйста, помогите чайнику хотя бы сориентироваться...

    Asked by SelenIT, November 15, 2010

    0 votes
    3 answers