HTML Coding

29542 questions in this forum

1. Картинка в правом нижнем углу блока

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

   Asked by Lergana, March 21, 2008

   0 votes
   4 answers
2. как растянуть блок содержимым ?

   что то я совсем скажем блок расположен в блоке который имеет ширину 100% и центрирует по центру.. но вкладываемый блок всегда тянется на 100% в ширину, а хочется что бы он растягивался по содержимому. резиновый блок... тоже самое как если дать ему float:left но нужно, что бы он остался по центру, а не ушел к краю. всегда засовывал таблицу и она сама растягивалась... а тут хочу блок

   Asked by iillyyaa2, May 31, 2011

   0 votes
   17 answers
3. INPUT - определение стилей для select

   Есть такой простой select: <select size="5"> <option value="1">option 1</option> <option value="2" selected>option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> <option value="5">option 5</option> </select> Задача: надо поменять стиль выделения пункта в списке. Как это можно сделать?

   Asked by ATr, May 25, 2007

   0 votes
   3 answers
4. Фокус на поле input

   Может я неправильно тему назвал, но смысл такой: у меня есть стартовая страничка, на ней ссылки на избранные сайты. Недавно повесил на нее поиск от гугла. Код такой: <div id="mid" class="fix"> <div id="midCol"><a name="main"></a> <div class="post" id="post-20"> <div class="middle_links"> <ul> <form method="get" action="http://www.google.ru/search"> <td valign="middle"><span class="Estilo9"> <input name="q" type="text" class="cleardefault" maxlength="200" value="" size="50" /> </form> </ul> </div> </div> </div> Можно ли сделать…

   Asked by iahromenko, March 10, 2011

   0 votes
   11 answers
5. Как вставить фрагмент чужого сайта на свой?

   Попытался сделать это с помощью iframe, но в этом случае не получается регулировать высоту подгружаемой страницы, т.е. она получается не динамическая, и не зависит от высоты подгружаемого фрагмента: <IFRAME SRC="http://www.ya.ru" frameborder="0" height="3000" width="100%" scrolling="no"><br> </IFRAME> Попытался вставлять через пхп типа: <? include("http://www.ya.ru"); ?> или <? $str = file_get_contents( 'http://www.ya.ru' ); echo $str; ?> Если делать через пхп - то пользователь при нажатии ссылки в подгружаемой странице переходит на нее и видит чужой урл. Задача стоит загружать сайт партнера, но не показывать его урл. Помогите пожалуйста раз…

   Asked by Semreg, August 21, 2009

   0 votes
   1 answer
6. Scroll внутри DIV, в котором таблица больше этого DIV

   Всем привет! Есть DIV, в котором находится таблица. По идее таблица должна выходить за пределы этого DIV, а чтобы увидеть остальную часть таблицы нужно проскроллить. У меня таблица встраивается в пределы DIV и не хочет выходить за его пределы. Пытался менять width у элементов таблицы, ставить overflow: scroll у DIV но ничего не выходит. Таблица все также пытается втиснуться в DIV. Как сделать так, чтобы таблица имела определенную длину, показывала только часть себя и появился скролл для передвижения по этому DIV. как-то так:

   Asked by Bava, April 3, 2014

   • scroll
   0 votes
   22 answers
7. Помогите! Текст поверх картинки.

   Всем привет! Не могу сделать текст поверх картинки. Перепробовал множество атрибутов, использовал CSS, подключал классы. Толку - 0. Вот ссылка на сайт: Не реклама! Выберите приложение ниже "Wormix" самое первое! И вот на этом сером фоне я хочу написать текст (описание приложения). У меня не получается, либо текст смещяется влево, либо вообще в углу. Вот эта часть "Слайдер": <div class="wrapper col3"> <div id="gallery"> <ul> <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li> <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span&gt…

   Asked by ice72, August 1, 2011

   0 votes
   8 answers
8. Обводка таблицы изображениями

   Есть таблица, и есть изображения с узорами (к примеру) как можно таблицу обвести этим изображениями со всех сторон по средствам CSS? Задолбался уже думать, практиковать - ниче не выходит...

   Asked by Panzers^), December 7, 2007

   0 votes
   7 answers
9. как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

   как ограничить размер всего сайта по ширине не вставляя его в общую таблицу? вот index.php <div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0"> <tr> <td><?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; …

   Asked by vovchikku, October 10, 2010

   0 votes
   10 answers
10. Цикл do ... while + позиционирование?

    Как вывести текст который выходит через цикл (заметки), да ещ? с позиционированием. Они у меня накладывается друг на друга и ещ? дабавить к этим заметкам общий скроллер?

    Asked by DmB, June 7, 2008

    0 votes
    24 answers
11. Выделение пункта меню, в котором просматривается подменю

    Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусо…

    Asked by Ник Ример, February 25, 2014

    • css
    • hover
    • drop-down
    • menu
    • выпадающее
    • меню
    0 votes
    4 answers
12. Высота сайта 100%. Нужна помощь.

    Всем привет. Проблема: Сайт растягивается в высоту больше, чем собственно само наполнение тела. Подвал уехал далеко вниз. Не понимаю в чем проблема. Пожалуйста помогите понять в чем тут дело и какая ошибка в коде? Надеюсь тема поможет найти ответы на вопросы не только мне. Задача: При неполном наполнении тела, обеспечить высоту в 100%, чтобы подвал был всегда прижат к низу. Спасибо. Вот так он отображается http://www.mprakennus.fi/index2.php Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; margin: 0px; padding: 0px; } #page-hea…

    Asked by Влад, November 2, 2007

    0 votes
    9 answers
13. каракули вместо русских букв....

    доброго времени суток!!! проблема в том что сделал сайт. все было в норме. загрузил его. и вместо русских букв получились каракули. использовал дримвейвер 9. что делать???? нужна помощь!!!!!

    Asked by lacostex, September 4, 2008

    0 votes
    10 answers
14. Выпадающий список с автозаполнением, скроллом и вводом своих значений

    Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here …

    Asked by Melodyn, January 21, 2017

    • datalist
    • input
    • combobox
    • html5
    • jquery
    0 votes
    2 answers
15. синтаксис - маркирование решетка и точка

    Никак не пойму в чем разница в коде CSS: #myid и .myid если в HTML все равно будет идти id="myid"?

    Asked by paf, June 15, 2007

    0 votes
    7 answers
16. Выплывающий блок по клику и кнопка закрытия

    Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)

    Asked by Mary_RND, October 10, 2016

    • html
    • css
    • jquery
    0 votes
    10 answers
17. Конвертация шрифта

    Добрый день. Делаю флешку по игре, в ней очень желателен оригинальный шрифт игры. Он есть, но формата .fnt, тогда как флеш позволяет встраивать только TrueType шрифты. Подскажите, можно ли сконвертировать .fnt => .ttf, и каким софтом (желательно легкодоступным, задача разовая, тратиться на диск неохота).

    Asked by AlexHog, November 13, 2007

    0 votes
    2 answers
18. текущая неактивная ссылка - как сделать?

    Здравствуйте! Я хочу сделать меню такого, чтобы текущая ссылка меню была неактивной и с беграундом. Ставлю псевдокласс current (вроде такой есть) - не понимает браузер. как это осуществить? код списка: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; border-bottom: none; background: #fff; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; font-family: Arial; font-size: 14px; font-weight: bold; display: block; } /*ul…

    Asked by walaby, January 27, 2008

    0 votes
    3 answers
19. Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?

    http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки

    Asked by vladimir_lwlx, October 29, 2010

    0 votes
    5 answers
20. ПОДСВЕТКА ОТДЕЛЬНОЙ СТРОКИ МЕНЮ при наведении

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

    Asked by Defender1, February 13, 2008

    0 votes
    15 answers
21. Img, div и float

    Косяк: Код страницы: <!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=windows-1251" /> <title>yomoto:.beta</title> <link rel="stylesheet" type="text/css" href="mainstyle.css" /> <link rel="shortcut icon" href="images/favicon.ico" /> </head> <body> <div id="header"><img src="images/logo.png" class="logo" alt="yomoto.ru:. ты и твой телефон"/></div> <div id="main"><div class="content"><h1…

    Asked by M.org, March 10, 2009

    0 votes
    12 answers
22. Выпадающее меню и z-index

    Всем доброго времени суток, я создал выпадающее меню в drupal, оно находится в левом блоке сайта, основные пункты отображаются корректно, но выпадающее менюшки доходят только до края левого блока и обрезаются, плюс они не кликабельны, пробовал ставить на меню максимальный z-index, но проблема так и осталась, вот отрывок кода где левый блок - sideleft <div id="container"> <div id="sideLeft"> <div id="left_menu"> <?php echo $left ?> </div> <!-- #left_menu--> </div> <!-- #sideleft--> <div id="content"> <div id="padding"> <?php echo $content; ?> </div><!-- #padding--> </div><!-- #content--…

    Asked by selevit, August 29, 2010

    0 votes
    10 answers
23. "Резиновые" элементы форм

    Подскажите, пожалуйста, можно ли стандартными средствами html/css (без использования JavaScript) сделать резиновые элменты управления формы? Мне хотелось бы сделать форму, в которой правая граница элементов управления была бы всегда на одном расстоянии от правой границы формы.

    Asked by Poca, December 11, 2008

    0 votes
    19 answers
24. Проблему с отступом от картинок (padding) в IE

    Почему в IE, если тег padding вставить в img, к примеру, <img src="/foto.jpg" style="padding-right: 5px;"> тег padding не работает? В FireFox всё нормально, отступ появляется, а в IE нет. Как с этим бороться?

    Asked by bosega, September 16, 2009

    0 votes
    7 answers
25. Не отображаются картинки

    Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251" /> <link rel="stylesheet" type="text/css" href="css/main.css"> <title>Мультики</title> </head> <body> </body> </html> * { outline: none; margin: 0; padding: 0; } body { background: #6AD5F9 url("../img/main_bg.png") repeat 100%; } Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не от…

    Asked by Guest, June 2, 2013

    • css картинки
    • фон
    • проблемы
    0 votes
    30 answers