HTML Coding

29,542 questions in this forum

1. Появление картинки при наведении мыши на текст

   Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.

   Asked by maxlips, March 23, 2011

   0 votes
   5 answers
2. Верстка: одна шапка-меню, и меняющееся содержимое

   Здравствуйте! Мне необходимо относительно оперативно создать себе относительно простой сайт. ДЛя этой цели пришлось заняться изучением азов html. Оно очень интересно, но к сожалению время поджимает, а представление у меня, как именно сделать то, что мне нужно, остается весьма смутным, поэтому прошу помощи. Структура планируется такая: шапка с логотипом, меню (4-5 пунктов) - должны быть неподвижны и неизменны. Содержание - меняется (на части страниц текст, на части - фотогалерея). После изучения азов html и в частности учебника на вашем сайте у меня мысль такая: сделать страницу с фреймами, для фрейма с содержанием (страницы с фотогалереей) - сделать фотогалерею средствами…

   Asked by freefly, March 23, 2011

   0 votes
   3 answers
3. Что надо тут делать?

   С интернет разработками дружу почти 1 - месяц... Знаю еще очень мало, но думаю научиться... Посмотрите на мои первые работы, и скажите что не так, как стоит делать, вобщем все предложения и замечания... Вот собстно прожект лист: http://myadmin.nxt.ru/serv/project_list.htm - только плиз, не оскорбляйте автора, прошу отнестись с уважением и пониманием! Особое внимание прошу обратить на последнюю работу.

   Asked by new_designer, March 24, 2011

   0 votes
   5 answers
4. Разница в отступах между FF и IE

   Всем доброго времени суток. Не могу найти причину разного отступа между элементами <p> <img> в браузерах FF (в опере тоже все нормально) и IE (сайт) В FF и Opera отступы такие, какие и нужно, в IE очень большие: HTML пример кода: <p class="new_menu">» <a href="/diablo1/" title="Diablo 1 Описание" class="news_menu">Описание</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p class="new_menu">» <a href="/download/" title="Diablo 1 Скачать" class="news_menu">Скачать</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p …

   Asked by Walk, March 24, 2011

   0 votes
   12 answers
5. Как в % уменьшить размер всех элементов в div'e

   Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке

   Asked by Walk, March 24, 2011

   0 votes
   3 answers
6. Думаю "прикрутить" функцию поиска по сайту среди проиндексированых Googl-ом страниц

   По аналогии со статьей Поиск по сайту через Google и Яндекс надумал "прикрутить" к своему сайту подобную функцию поиска через qoogle; но не через официальную "Систему пользовательского поиска", а просто вставив следующий код <form method="get" action="http://www.google.ru/search"> <table border="0" bgcolor="#b4c6da"><tr><td> <input type="hidden" name="domains" value="адрес_сайта.com"></input> <input type="text" name="q"></input> <input type="submit" value="Найти"></input> <input type="hidden" name="sitesearch" value="адрес_сайта.com"></input> <input type="hidden" name="hl" value="ru"></input…

   Asked by Lime, March 24, 2011

   0 votes
   3 answers
7. как семантически вернее

   На странице объёмная статья, после небольшого вступления идут части с пронумерованными подзаголовками, то есть описываться по порядку некий процесс. В каждом пункте пара абзацев и иллюстрации. По вашему мнению как семантически будет трушнее? /* вступление ..... */ <h2>1. Первое бла</h2> <img .....> <p>....</p> <h2>2. Второе бла</h2> <img .....> <p>....</p> или каждый эпизод - заворачивать в li и нумеровать, костыляво получится если цифру к заголовку пытаться приилепить... Или составить список определений, и попытаться ему применить list-style-type: decimal?

   Asked by Быколай, March 24, 2011

   0 votes
   39 answers
8. Текст на баннере

   Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>

   Asked by Алеся, May 5, 2021

   • html
   • css
   • container
   0 votes
   3 answers
9. Помогите с css меню

   У меня такая проблема хотел сверстать горизонтальное меню для сайта ! но возникла такая проблема вот само меню я его разрезал на 3 части но вот в чем проблема слева и справа закругелые углы и у меня не как не получается собрать меню вместе <!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" /> <title>менюшка</title> <style type="text/css"> <!-- *{margin:0px; padding:0px;} ul { list-style-type:none; background-image:url(images/bg.gif); …

   Asked by CyBer, March 25, 2011

   0 votes
   11 answers
10. Теоритический вопрос: подключать 2 файла CSS - это нормально?

    В общем мне не нравится, что мой CSS стал очень большим. Хочу сделать так, чтобы на каждой странице сайта грузился: 1. Основной CSS файл (один для всех). + 2. CSS файл относящийся к конкретно загружаемой странице. К примеру. У меня три страницы: - Управление пользователями - История действий пользователей - Новости При загрузке страницы управления пользователями, будут грузится файлы: main_styles.css page_users_styles.css При загрузке страницы с историей действий пользователей, будут грузится файлы: main_styles.css page_histrory_styles.css При загрузке страницы с историей действий пользователей, будут грузится файлы: main_styles.css page_news_styles.css С точки зрения бра…

    Asked by Boron, March 24, 2011

    0 votes
    7 answers
11. Проблемное меню

    В вёрстке как бы не новичок, но возникла заминка с меню. Реально ли сделать в точности как на изображении? Начал делать, само собой разумеется, списком. Но пока получается не айс...( Спасибо.

    Asked by Seemann, April 24, 2011

    0 votes
    2 answers
12. Съезжает фон в поле ввода

    Доброго времени суток. Подскажите пожалуйста, почему в поле ввода, когда я набираю какой ни будь текст, то фон сдвигается влево? Не могу что то понять. Кто может сталкивался? За ранее спасибо.

    Asked by viv, March 24, 2011

    0 votes
    7 answers
13. Выравнивание фона по центру

    Понадобилось сделать шаблон с основным полем по центру и большим широким фоном, чтобы все это обрезалось с краев при разных размерах монитора. Использовалось свойство: body { background: url(название.jpg) 50% 0 no-repeat; } Все работает до тех пор, пока ширина окна браузера больше, чем центральная часть с контентом. Потом фон продолжает пропорционально уменьшаться по бокам, в то время как центральная часть приклеивается к левой стороне. В качестве примера с подобной проблемой можно посмотреть сайт http://lostfilm.tv/browse.php?cat=51 Там две безногие женщины позиционируются по центру, а основной текст сдвигается. В то же время на сайте http://www.kinopoisk.ru/ фоновая ка…

    Asked by Жуля, March 24, 2011

    0 votes
    11 answers
14. Различное поведение при скруглении углов.

    Здравствуйте, есть код: .test { border: 5px solid #123; overflow: hidden; background: #555; width: 100px; height: 100px; border-radius: 20px; } .test-inner { overflow: hidden; background: #621; width: 55px; height: 55px; } <div class="test"> <div class="test-inner"></div> </div> Результат: FF4 и IE9 все хорошо в Opera и Chrome вылез угол Возможно ли исправить проблему в Opera и Chrome? P.S. Вариант со скруглением внутреннего блока не подходит.

    Asked by Deadly, March 25, 2011

    0 votes
    13 answers
15. Проблема в IE7, реализация вкладок.

    Добрый день! Помогите пожалуйста, у меня проблемы с IE7. Делаю вкладки, для них использую список с display:inline Сама вкладка состоит из двух ссылок (одна - название, вторая - кнопочка закрыть). Если по горизонтали не хватает места, то вкладки переносятся на следующую строку. Но сама вкладка должна быть неделима, т.е. между ссылкой-названием и ссылкой-кнопкой не должно быть переноса строки. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <style> li {display:inline;float:left;B…

    Asked by rabiter, March 25, 2011

    0 votes
    5 answers
16. Правильная верстка?

    Заранее извиняюсь: название темы не полностью раскрывает суть вопроса. Так как у меня нет 30 сообщений и я не могу писать в раздел "Обсуждение работ" решил выложить ссылку здесь. http://www.z159113.infobox.ru Сайт-визитка с гостевой книгой(можно и даже нужно туда писать). Хочется услышать здоровую критику. Особенно интересует мнение по цветовому решению, расположению элементов и кроссбраузерной работе сайта. Есть одна проблема со скриптами под Осликом. Заранее спасибо =)

    Asked by Safronik, March 25, 2011

    0 votes
    4 answers
17. Текстовое поле

    Вот я создал текстовое поле шириной-380 пикс.,высотой-68пикс. Потом попробовал что-нибудь напечатать:навёл курсор на поле нажал его и у меня палачка встала по середине(по высоте) поля.И только там печатает .Непонятно.Как сделать ,чтоб всё было нормально?

    Asked by new01, March 25, 2011

    0 votes
    18 answers
18. Господа, ай нид хелп

    ввв sinclairshop ру логин/пароль: andrey прямую открытую ссылку дать не имею права, извините. Суть в следующем - добиваюсь нормальной работы от выпадающего меню. В FF и Хроме работает нормально, в любом IE - вложенных пунктов не видно, они перекрываются нижележащим слоем "с мужиком". Почему так? Я так и не смог добиться нормальной работы. Если вытянуть менюшку и её стили в отдельный файл, то видно, что отрабатывает нормально. Помогите а?, не так часто прошу Вот сто пудов, какую-то мелочь упустил. Голова уже устала просто

    Asked by d0ublezer0, March 25, 2011

    0 votes
    4 answers
19. проблема с таблицей

    Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…

    Asked by akahitokiri, March 25, 2011

    0 votes
    9 answers
20. Footer и Header обрезаются

    Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?

    Asked by Sergey25, March 25, 2011

    0 votes
    5 answers
21. Тени - а как бы вы их сделали?

    Известно что тени блоков с помощью фильтров в IE мало того что выглядят не так как хотелось бы (или во всяком случае не так как в большинстве нормальных браузеров) так еще и тормозят систему, хотя при сегодняшних возможностях компьютеров это полагаю не так важно. Учитывая желание что бы во всех (IE, Chrome, Mozilla) браузерах тени выглядели одинаково каким образом вы их делаете? На данный момент знаю два варианта, первый с помощью картинок на background и последующей игры с блоками и как то с большим колличеством встроенных дивов. Оба варианта не пробовал, вот пытаюсь определиться какой удобнее. А может существуют и другие идеи?

    Asked by Pumych, March 25, 2011

    0 votes
    3 answers
22. CSS3 PIE и overflow: hidden

    Попытка добавить PIE сопряжена с проблемами которые описываются тут. В общем нужно добавить тени на блоки часть которых должна быть спрятана с помощью overflow: hidden, после добавления PIE блоки не прячуться. Там даются решения этой проблемы которые я не понимаю. Кто нибудь решал данную проблему? Нужно: получилось:

    Asked by Pumych, March 26, 2011

    0 votes
    2 answers
23. Статический фон сайта

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

    Asked by mr_0003Spy, March 26, 2011

    0 votes
    2 answers
24. Растягинуть див

    Есть примерно такая схема сайта Нужно чтобы sidebar растянулся по высоте content, для того чтобы block3 был на уровне нижней границы content. На практике есть дизайн, автор захотел чтобы в block 3 была некоторая контактная информация + ссылка чтобы подниматься вверх <div id="main"> <div class="sidebar"> <div class="block1"> </div> <div class="block2"> </div> <div class="block3"> </div> </div> <div class="content"> </div> </div> Структура вот такая. Как вариант проскакивала мысль с помощью абсо…

    Asked by magiq, March 26, 2011

    0 votes
    14 answers
25. Разная толщина шрифта в браузере и photoshop

    Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…

    Asked by worth, March 26, 2011

    0 votes
    5 answers