HTML Coding

29,542 questions in this forum

1. уроки по блочной верстке

   С html и css ознакомился. Хочу закрепить свои знания на практики. Подскажите, пожалуйста, уроки по верстке где детально объясняются принципы верстки.

   Asked by mastermedia, June 22, 2012

   0 votes
   7 answers
2. Помогите вытащить элемент из под блока

   Привет! У меня такая проблема - ни как не могу вытащить на верх ссылку из под выше лежащего блока. http://jsfiddle.net/8huMu/ Как видно есть два дива, в первом есть какой-то элемент, например ссылка. Второй блок немного поднят вверх и перекрывает первый. Мне нужно что бы второй перекрывал первый как сейчас, но что бы ссылка (черный блок) была поверх всех блоков. Спасибо

   Asked by bob_24, June 26, 2012

   0 votes
   7 answers
3. Почему высота блока имеет нулевую высоту, хотя выставлено 100%

   Почему высота блока имеет нулевую высоту, хотя выставлено 100%? Родительский div вытягивается на всю страницу. http://ufalug.ru Речь идет о div`е с id=container

   Asked by veleg, June 27, 2012

   0 votes
   7 answers
4. Сайт на Joomla.

   Здравствуйте ! Хочу сделать простенький сайт с 1видео, на шаблоне Joomla. название-сайта.RU ( раньше никогда не делал ) Посоветуйте хостинг бесплатный или не очень дорогой, куда можно загрузить шаблон Joomla? а то выбор вроде большой, боюсь ошибиться. Прошу подсказки у тех, кто разбирается. Спасибо

   Asked by salmin, June 29, 2012

   0 votes
   7 answers
5. Раскрывающийся список в строку

   Опять я со своим списком, но уже совсем по другому вопросу. Итак, здесьесть меню, сделанное по этому образцу. Всё работает, всё хорошо, но я теперь хочу растянуть выпадающий список тоже в одну строку. Для этого прописала в #nav ul li {float: left;}. И, в итоге, получилось, что пункты не растянулись в одну строку, а их что-то ограничивает по ширине, и они всё равно переносятся. Я не могу понять, чем это регулируется? И ещё нужно будет, чтобы эти выпадающие пункты "выпадали" не сразу под родительским пунктом, а ниже (под синей подложкой верхнего меню, если смотреть на сайт). Для этого нужно где-то прописать position к дочернему списку или как-то ещё?

   Asked by maritca, July 4, 2012

   0 votes
   7 answers
6. Проблемы с IE

   Здравствуйте, сверстал дизайн(сразу оговорюсь - я в этом деле не профи) , в адекватных браузерах все нормально отображается, но вот в ie правый блок разваливается на части( подскажите где что можно поправить что бы решить эту проблему. урл сайта - http://test11.16mb.com/

   Asked by greeb, July 7, 2012

   0 votes
   7 answers
7. Что это за элемент управления?

   Подскажите, что это за элемент управления

   Asked by mastermedia, July 5, 2012

   0 votes
   7 answers
8. Посоветуйте бесплатный редактор

   Сейчас пишу в блокноте(обычном, который изначально в виндовс), но коды стали громоздкие, хотя бы подсветка синтаксиса нужна,подскажите какой хороший редактор, главное - бесплатный и русский

   Asked by Мелкий, July 9, 2012

   0 votes
   7 answers
9. Помогите убрать пробел между divами

   Делаю сайт. Шаблон у меня частично на дивах, частично в таблицах. Возникла такая проблема: не могу убрать пробел между горизонтальным меню и блоком "контент". Как сделать floatОМ так и не понял, пустой див с нулевыми размером шрифта и высотой вроде бы помогает, но тогда половина горизонтального меню не отображается. Вот код шаблона html: <div id="main"> <header> ?<div id="header"><table align="center" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="30%"><div id='logo'><img src="logo.png" alt="" height=100px weight=200px></div></td> <td valign="bottom" width="50%" id="name"><…

   Asked by Perezzloy, July 14, 2012

   0 votes
   7 answers
10. Искал, аналогичной темы не нашел, помогите новичку!

    Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…

    Asked by bogdaniman, July 15, 2012

    0 votes
    7 answers
11. Откуда берётся <p align="justify"> перед доктайпом?

    Вот сайт - http://www.shark.ru/sharknew/ Это то, что я вижу в шаблоне: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <?$APPLICATION->ShowHead();?> <meta http-equiv="Content-Type" content="text/html; charset=<?=LANG_CHARSET;?>" /> <?$APPLICATION->ShowMeta("robots")?> <?$APPLICATION->ShowMeta("keywords")?> <?$APPLICATION->ShowMeta("description")?> <title>Shark ID | <?$APPLICATION->ShowTitle();?></title> <!--?$APPLICATION->ShowCSS();?--> <!--?$APPLICATION->ShowHeadStrings()?--> <script type='te…

    Asked by maritca, July 16, 2012

    0 votes
    7 answers
12. почитать про адаптивную вёрстку

    посоветуйте пожалуйста что можно почитать про адаптивную(responsive) вёрстку хотя бы на нерусском языке. в гугле что-то не получается найти ничего толкового. одни шаблоны платные попадаются или подобное в частности интересна работа со шрифтом. но вообще нужна любая информация

    Asked by cyklop77, July 18, 2012

    0 votes
    7 answers
13. выравнивание по центру - пропадает часть при сдвиге окна

    Есть один слой. Я его выравниваю по центру окна. Но вот незадача, когда я окно браузера сужаю наполовину, к примеру, то у меня половина моего слоя равномерно благополучно заезжает за левый край браузера и становится недоступной. Как сделать так, чтобы при соприкосновении с левой стороной окна браузера, слой оставался на странице, т.е. переставал ехать налево? Т.е. чтобы центрирование работало, только когда ширина окна браузера больше ширины слоя, т.е. 900 пикселей. #sloy{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; }

    Asked by Dasha, July 18, 2012

    0 votes
    7 answers
14. IE крайне некорректно отображает содержимое.

    Вот сайт. Открыть его в нормальном браузере и в осле - две разные вещи. Во-первых, плывет шапка. Во-вторых, бекграунд элементов списка чудом исчез. Да и вроде все, но эти два портят всю картину дизайна. Я уже вдоль и поперек облазил код с помощью средства для разработчиков в осле, но ничего подозрительного не нашел. P.S.: табличную верстку пришлось использовать только из-за поджимающих сроков... Поймите, пожалуйста

    Asked by Mosya, July 18, 2012

    0 votes
    7 answers
15. Горизонтальная менюшка

    Здравствуйте! Формирую менюшку следующим образом: <div class="menu"> <ul> <li><a href="#123.cshtml">123</a></li> <li><a href="#124.cshtml">124</a></li> <li><a href="#125.cshtml">125</a></li> <li><a href="Default.cshtml">126</a></li> </ul> </div> Как сделать, что бы она была не вертикальным списком а горизонтально располагалась (как здесь)? в заранее спасибо.

    Asked by Lucifer, July 19, 2012

    0 votes
    7 answers
16. Как тестировать верстку html письма?

    Добрый день. Сразу извиняюсь за тупой вопрос Первый раз сталкиваюсь с версткой html-писем. Как их верстать я не спрашиваю в сети достаточно много информации по этому поводу. Вопрос в другом как их тестировать? (Не беря во внимание разные платные сервисы) Из прочитанного я так и не поняла как это все таки-делается. Единственное что мне сказали это отправлять html-файл приложением но это не сработало в яндекс почте просто в теле письма код в google открывается в отдельном окне. Подскажите пожалуйста как это делать

    Asked by chiffenok, July 20, 2012

    0 votes
    7 answers
17. Проблема с гиперссылкой.

    Я не могу понять в чём ошибка, уже перепробовал абсолютно всё, но в упор не вижу проблемы. Что мне нужно. Чтобы каждая красная картинка, перенаправляла на разные сайты. Что получается, при добавлении 1 картинки, гиперсылка на сайт работает. При добавлении 2ой картинки, перестаёт работать ссылка на 1ой картинке, и начинает работать 2ая. При добавлении 3ей картинки, перестаёт работать ссылка 2ой картинки, и начинает работать 3я. Парни, подскажите что сделать? Вот сам код. </BODY> <HTML> <HEAD> <TITLE>© DEMO/Быыывыас ©</TITLE> </HEAD> <BODY BACKGROUND="http://give1get4-group.comule.com/global_img/oooo.jpg" bgproperties=fixed> &lt…

    Asked by junsenoue, July 23, 2012

    0 votes
    7 answers
18. Как убрать вертикальный скролл (визуально)?

    Нужен кроссбраузерный вариант, как визуально убрать вертикальный скролл на странице. Чтобы можно было скроллить колесиком, но самого скролла не было видно.

    Asked by Feel, July 24, 2012

    0 votes
    7 answers
19. Убрать фон и границы таблицы

    Уважаемые профессионалы, помогите решить задачу. Не могу убрать границы и фон у таблицы, а так же выровнять изображение и текст под ним. Код и скрин прилагаю. Поиском пользовался. Разные советы использовал... результат - нулевой. Лучи благодарности - гарантирую ) <table align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tbody> <tr> <td style="border-width: 0px;border:none none;"> <p><a href="" target="_blank" title="8 марта"><img align="center" src="http://site/…jpg" width="200" /></a></p> <p class="rtecenter" style=""><span style="font-size:14px;"><span sty…

    Asked by Aleramus, July 28, 2012

    0 votes
    7 answers
20. Разница между inline и inline-block

    Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

    Asked by aaron, July 30, 2012

    0 votes
    7 answers
21. пунктриная рамка для круга

    Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблем…

    Asked by Koloyar, July 31, 2012

    0 votes
    7 answers
22. Отображение горизонтального меню в ИЕ

    Код меню - http://jsfiddle.net/fAb3W/1/ Скрин с ИЕ 9 - http://s018.radikal.ru/i501/1208/a7/7235be9ad774.jpg Ссылка на страницу с меню Ни как не могу "помочь" ИЕ нормально видеть меню. P.S. Извиняюсь за вторую тему, но всё таки разные ошибки, мои... В мозиле и опере работает корректно.

    Asked by dtagan, August 3, 2012

    0 votes
    7 answers
23. Нестандартные динамически фигуры

    Всем привет. В общем есть такая задача, нужно при наведении сделать вот такую вещь Соответственно вставить просто картинкой не получится, растянуть тоже. Кто что посоветует сделать?! Спасибо )

    Asked by MadChild, August 6, 2012

    0 votes
    7 answers
24. CSS3 Radio button. Между label и input дополнительный тэг

    Сделал реализацию переключателя таким способом: <!DOCTYPE html> <html> <head> <title>Title of the document</title> <style type="text/css"> input[type="radio"]{ opacity: 0; position: absolute; } input[type="radio"] + label::before{ content: ""; display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 8px 0 0; background: green; vertical-align: middle; } input[type="radio"]:checked + label::before{ background:red; } </style> </head> <body> <form action="" name="form"> <input type="radio" name="test" id="first" value="1" /><…

    Asked by artemhp, August 8, 2012

    0 votes
    7 answers
25. Вёрстка сайта Amazon.com

    Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...

    Asked by Marakaya, August 10, 2012

    0 votes
    7 answers