HTML Coding

29542 questions in this forum

1. Растягивание div под div внутри него

   Имеется вот такой несложный код <div class="main"> <div class="test"> aaa<br> bbb<br> </div> </div> И вот такие вот к ним стили .main { width:100%; background-color: #000000; } .test { width: 20%; background-color: #FFFFFF; float: left; } Нужно чтобы на 20% ширины был белый фон, а на оставшиеся 80% черный. Добавить внутрь второй div с шириной 80% плз не предлагайте, так как мне нужно, чтобы внешний див растянулся и это был именно его фон. Если у test убрать параметр "float: left" то всё работает как надо, но мне нужен этот параметр. Заранее спасибо.

   Asked by PCSpeaker, December 30, 2008

   0 votes
   5 answers
2. Тянем шаблон от 800 px до 1280 px

   Вобщем у меня задача такая, задать ширину дива от 800px до 1280px, все бы ничего, но не получается у меня сделать блок внутри дива таким, чтобы он изчезал при разрешении 800px, появлялся полностью при разрешении 1280px или появлялся частично при разрешении, например 1024px. Блок стоит по середнине, между 4-мя блоками, которые никаким образом изменяться не должны.

   Asked by alkapone, April 11, 2008

   0 votes
   8 answers
3. Нужна помощь!

   Здравствуйте всем! Я только начинаю постигать азы web-программирования и мне нужна помощь и советы от знающих людей. Такой вопрос: как сделать так, чтобы рисунок растягивался по содержимому. И был на всю страницу. Например, на ноуте 15" он на всю, а на 19" чуть больше, чем наполовину экрана. Не знаю, что делать..... http://www.megaupload.com/?d=1FZJJ17Z - сайт

   Asked by Diego, June 3, 2009

   0 votes
   16 answers
4. Полоса не растягивается

   Здравствуйте! Мучаю свой первый макет, делаю для мужа , все никак не могу его "добить" (макет, а не мужа конечно же). Надо было с чего попроще начать, но сейчас уже не отступлю! Делаю верстку для макета, посмотреть можно то, что есть тут: http://stepalex.mamayana.ru/ Там все пока еще совсем страшненькое, но суть не в этом. Проблема такая: слева есть серая полоса, на которой слово ПОРТФОЛИО. По задумке дизайнера она должна "прилипать" к левой стороне экрана, при этом быть от верха до низа экрана (при любом масштабе). Слово портфолио должно быть примерно посередине экрана. Но у меня получается, что она идет от границы таблицы (центральная, в которой весь остальной контен…

   Asked by YanaSt, August 11, 2009

   0 votes
   16 answers
5. Opera 9.2 не отображает кнопки

   Такая вот проблема. В нормальных современных браузерах все отображается корректно, все кнопки видны (смотреть можно здесь). А в Opera 9.2 отображается только текст на кнопке, а он белый и сливается с фоном (смотреть можно здесь). Как решить проблему? Код css кнопок прилагаю:

   Asked by ankoch, July 26, 2010

   0 votes
   12 answers
6. Ваше отношение к бутстрап

   Здравствуйте. Вот интересует мнение окружающих о готовых библиотеках и прочих удобствах для верстки (бутстрап, лесс и прочее). На мой взгляд вручную, пальчиками быстрее и надежней. К тому же нет необходимости лишние килобайты неиспользуемого кода тягать. Почему спрашиваю - спор с начальником возник о том, что в проекте нужен бутстрап. И это после ого как я доказал, чтотшаблон лучше и проще сделать с нуля, чем пределывать готовый.

   Asked by Jey Val Star, December 20, 2014

   0 votes
   26 answers
7. Png и джава в меню

   При попытке сделать меню у меня возникли некоторые затруднения. Меню-навигация достаточна простоя: Шесть пунктов-кнопок-эьл текстовые картинки-в формате png. Не для кого не секрет что pnp некорректно отображается в Интернет Эксплорере. Я так вставляю pnp в html: ЭТОТ КОД В ЦСС .png { //background-image: none ! important; behavior: url('pngfix.htc'); } ЭТО КОД В HTML style="background-image: url('picture/01_nac.png');width:206;height:13;" onmouseover="'picture/about_ac.png'" onmouseout="'picture//about_ac.png'"> about_nac.png'- это не наведенная кнопка about_ac.png'- это наведенная кнопка В результате ненаведенная кнопка отображается нормально,а событие навед…

   Asked by Igorock, December 26, 2007

   0 votes
   7 answers
8. Проблемы кроссбраузерности

   Добрый день! К сожалению я пока не могу выкладывать свои работы в нужном разделе, по этой причине выкладываю здесь! Сайт http://prokopov-nikolai.ru Программирование и разработка по направлениям vba, web, flash. Прошу оценить правильность верстки сайта и указать найденные ошибки! Предыстория. Для веб-серфинга всегда пользуюсь любимым FF. Когда же занялся версткой своего сайта, в силу своей неопытности проверял результат работы только в нем. Об специфичности IE слышал не мало и очень удивился когда увидел "окорявленным" результат своего труда в IE. Сразу же начал переделывать верстку и под него; изучил дочерние селекторы и воспользовался ими. Через некоторое время решил пос…

   Asked by Prokopov Nikolai, January 5, 2010

   0 votes
   11 answers
9. Как лучше сделать лого и название сайта?

   Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …

   Asked by web-monster, May 12, 2011

   0 votes
   13 answers
10. Ещё раз о section

    Всем доброго дня? Вечера? Ночи? Не раз видел вот такое, да и сам так верстаю: <section id="block"> <div class="conteiner"> <h1>Тра-ля-ля</h1> </div></section>#block { width: 100%;}.conteiner { margin: 0 auto; width: 1000px;}И при построении дерева документа выбивает untitled section. Собственно, возникает резонный вопрос:"может делать всё с точностью да наоборот": <div id="block"> <section class="conteiner"> <h1>j;j;jl</h1> </section></div>Тогда, вроде, все должны быть довольны. Вот как-то так. Только правильно ли это?

    Asked by ifooly, December 7, 2013

    0 votes
    19 answers
11. Как правильно нарезать

    Подскажите пожалуйста, как правильно нарезать и сверстать такой дизайн (интересуют основные моменты - бэкграунд, узоры) : www.erges.com/main7.jpg Особенно волнует логотип с тенями. Стоит ли вообще возиться с этими тенями, или вс? равно коряво будет?

    Asked by vip, August 27, 2007

    0 votes
    7 answers
12. MARQUEE при прокрутке в FireFox`е дергается и съедает одну ссылку

    Здесь http://viperson.ru/ 5 бегущих ссылок. В осле все ок, а в фф - вот такая ж... ( Кто-нить сталкивался? Тот же код в другом сайте http://allrus.info - работает нормально.

    Asked by an2k, March 26, 2008

    0 votes
    3 answers
13. Хочу создать сайт студии Монолит

    Хочу создать сайт студии Монолит на бесплатном хостинге UCOZ. http://www.monolit-record.ucoz.ru/ Надо на основе другого сайта сделать страницы. И каталоги. http://www.soyuz-record.ru/ А я только начинаю этим заниматься. Меня все посылают сюда. Помогите мне, пожалуйста! Вот я скопировал коды главной страницы. Как бы мне её переписать для моего сайта? И как каталоги создавать? <!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"> <title>СОЮЗ - Сборник популярной музыки</title> <meta name='yandex-verification' content='796b4c2f78abd358…

    Asked by Smirnoffremastering, August 31, 2009

    0 votes
    5 answers
14. Полоса прокрутки в таблице

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

    Asked by Alester, March 18, 2008

    0 votes
    5 answers
15. Подскажите самый простой и удобный хостинг для тестирования сайта

    Вот нужно протестировать некоторые детали на сайте,но на всех хостингах много мороки,возни и т.д.(((

    Asked by pudge, March 18, 2013

    0 votes
    26 answers
16. Всплывающая подсказка выходит за пределы экрана

    Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.

    Asked by Саша Черных, February 29, 2016

    • data-title
    0 votes
    2 answers
17. резиновость с относительной шириной

    Суть вопроса весьма странна. Есть двух колоночный шаблон с шапкой и футером прибитым к низу окна. Причем и шапка и футер тянутся в ширь. Но вопрос не в этом. Одна и колонок это меню и имеет постоянную ширину. А вторая колонка должна тянуться, но при этом вертикально центрирована в оставшейся справа свободной части экрана. Короче ее ширина должна составлять около 80% от свободной области справа. Проблема в том что в разных броузерах по разному понимаются некоторые приемы реализации данного изврата дизайнера. Может подскажите хотя бы по какой дороге идти чтоб найти решение. P.S. нужно чтоб все это было чисто в дивах. соббственно сам код страницы <!DOCTYPE html PUBLIC "-…

    Asked by guvatara, October 9, 2007

    0 votes
    1 answer
18. ПРАКТИКА CSS

    Здравствуйте Уважаемые верстальщики. Около 6 месяцев тому назад я пробовал научиться верстать сайты, после чего забросил верстку, так как не было на нее время. И сейчас я заново решил взяться за верстку, и пришлось начинать опять с нуля. Хорошо что раньше я создавал для себя шпоры по свойствам и тегам, что позволило мне вспомнить пройденый раньше материал. Сейчас моя голова полна теорией, а хотелось бы покопаться в шаблонах чтобы посмотреть как это все работает на практике. И я хочу попросить вас парочку ссылок на готовые шаблоны, где можно посмотреть как правильно верстать кросбраузерные, валидные сайты. п.с правильно ли я выбрал инструменты для верстки? notepad ++ to…

    Asked by Ten, January 17, 2010

    0 votes
    9 answers
19. Абсолютное и статическое позиционирование

    Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

    Asked by otmoroz095, October 20, 2010

    0 votes
    25 answers
20. модуль joomla

    Добрый день. joomla3. Установил модуль выплывающего меню ARI YUI Menu. Настроил более менее. В firefox, opera все отлично.А вот в ie при наведение всплывающее меню уходит вверх. В template.css выставил vertical-align: inherit; меню стало отображаться правильно. Но главное меню съежилось. <a href=. /*———————————————-*//* Menus (Left/Right)/*———————————————-*/#leftmenu { width: 211px; margin: 0px; padding: 0px; padding-right: 30px; margin-top: 20px; margin-bottom: 30px; margin-right: 18px; float: left; line-height: 1.7em;}#rightmenu { width: 211px; margin: 0px; padding: 0px; padding-left: 36px; margin-top: 20px; margin-bottom: 30px; margin-left: 12px; float: right; li…

    Asked by qbk17, July 23, 2014

    • vertical-align: baseline
    0 votes
    9 answers
21. Расширяемый хостинг

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

    Asked by IceGidra, June 11, 2016

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

    Создал контактную форму - не могу разобраться - как увеличить поля (через css или нет), тк они получились маленькими, особенно где должен быть текст сообщения php код вот: <form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform"> <strong>Имя</strong>*<br/> <input type="text" class="textbox" id="cp_name" name="cp_name" value="<?php echo $cp_name;?>" /><br/><br/> <strong>E-mail адрес</strong>*<br/> <input type="text" class="textbox" id="cp_email" name="cp_email" value="<?php echo $cp_email;?>" /><br/><br/> &l…

    Asked by walaby, December 20, 2007

    0 votes
    3 answers
23. CSS

    Здравствуйте. С помощью css бэкграундом можно установить всего два файла. Я сделал так: #masthead { background-color: #983; background-image: url(images/tavi.jpg); background-repeat: repeat-x; } h1 { background-image: url(images/foto.jpg); background-position: 5% 85%; background-repeat: no-repeat; } Скажите пожалуйста, а если мне надо вставить еще два файла? Есть ли такой метод , который позволить мне это сделать? Спасибо.

    Asked by Lobo, March 31, 2008

    0 votes
    12 answers
24. 2 Рисунка В Одном Классе

    Здравствуйте! Можно ли сделать так что бы в одном классе было background-image:.... и вставить рисунок еще один только что бы он был не background?

    Asked by No_LiMiT, August 25, 2008

    0 votes
    11 answers
25. Нарезка проекта на Cs3

    Имею Проект.PSD но не имею представления что делать (навыков в Шопе НОЛЬ) с чего начинать?

    Asked by sv12, March 17, 2010

    0 votes
    13 answers