HTML Coding

29542 questions in this forum

1. 3 колонки

   Необходимо при размере окна браузера менее 1280px, чтобы красная колонка (см. иллюстрацию) находилась рядом с контентом. А при увеличении окна браузера (более 1280px) ? красная колонка должна "подниматься" к header'у, как на рисунке. Желательно обойтись одними div'ами. (html+css) Сделавшему, перечислю 10 wmz.

   Asked by Sienens, June 5, 2007

   0 votes
   8 answers
2. Вывести Диалог

   Здравствуйте. Возможно я задам ламерский вопрос, но прошу помощи. Задача такая: нужно по щелчку по ссылке показать диалог с информацией из БД. Не отдельно всплывающее окно, а поверх основной страницы (аналог Delphi Form.ShowModal) Извиняюсь за косноязычие. Отнеситесь к начинающему с пониманием. Куда копать?

   Asked by sviloga, September 7, 2010

   0 votes
   25 answers
3. Расстояние между маркером и текстом

   Дано: список (маркированный. Маркер - картинка). Как можно управлять расстоянием между маркером и текстом рядом стоящим?

   Asked by Onveg, October 21, 2007

   0 votes
   9 answers
4. Как вычислять отступы от символов

   Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…

   Asked by userlogoff, September 6, 2011

   0 votes
   13 answers
5. Как пользоваться спецификацией www.w3.org/TR/html5/

   Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..

   Asked by koly32, October 16, 2013

   0 votes
   11 answers
6. как вставить кусок кода из фаила

   Подскажите пожалуйста как вставить кусок HTML кода в страничку через подключаемый файл? То есть не фреймы заданой области, а просто кусок кода, записаний в даном файле.

   Asked by moolten, June 6, 2007

   0 votes
   7 answers
7. какие есть скрипты для текста: тень, вдавленный и пр...

   какие есть скрипты для текста: тень, вдавленный и пр... подскажите пожалуйста, а то в дримвивере МХ только курсив, полужирн и подчеркивание....

   Asked by vovchikku, September 4, 2008

   0 votes
   8 answers
8. Альтернатива align в CSS

   Всем привет! Подскажите, кто знает, есть ли замена тега align="center" в CSS ?

   Asked by hopes_in_life, March 30, 2010

   0 votes
   11 answers
9. Появление картинки при наведении мыши на текст

   Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: 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
10. Помогите пожалуйстА!!!!

    Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...

    Asked by Jaeser, April 9, 2008

    0 votes
    28 answers
11. Лендинг и типовая верстка

    Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…

    Asked by Libiros, August 31, 2014

    • лендинг
    • верстка
    • верстка под лендинг
    0 votes
    5 answers
12. Выравнивание текста под углом. Возможно ли ?

    Добрый день. Подскажите пожалуйста, возможно ли выравнять текст слева - по некой прямой (под углом) - а справа- по ширине свободной области. Пример левой области - http://img.artlebedev.ru/studio/vacancy/mi...hard/a-text.gif Уже не один раз возникала подобная необходимость, но стандартного решения (работающего с текстом любой длины) так и не смог найти. Буду благодарен за помощь.

    Asked by bond84, August 2, 2007

    0 votes
    15 answers
13. как привязать див к правому краю таблицы

    есть отцентрированная таблица. К ее правому краю нужно привязать див. Идея в том, что сама таблица всегда должна оставаться по центру, при изменении размеров окна браузера. Если в таблицу добавить еще один столбец справа, то основное тело таблицы сместится в лево, что недопустимо. Подскажите можно ли это сделать?

    Asked by kibadachi, April 23, 2008

    0 votes
    10 answers
14. CSS + bg-image + text

    Всем добрый день!!! Проблема в следующем: Делаю растягивающуюся менюшку с размноженным задним фоном. Попытался добавить стиль в CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 10px; text-align: center; font-weight: bold; color: #ffffff; background-image: url('images/lttemplate/menu_m.gif'); } <td class="menu" width="13%"> Результат - текст нужного стиля, первая ячейка растягивается на максимум, остальные - по ширине текста. Заднего фона нет. Если в тег <td> добавить style="background-image: url('images/lttemplate/menu_m.gif')" Получаем первую ячейку на максимум, остальные - по ширине текста, задний фон появляется. Желаем…

    Asked by CrazyXoma, April 18, 2010

    0 votes
    29 answers
15. Неужели так сложно сделать полоску меню на всю ширину экрана?

    Доброго времени суток. Вот уже 2 день не могу осуществить задуманное. В сss я первоклассник! Вот и прошу совета !!! Есть сайт eco-life.by Там есть меню, где Главная, Новости.... и т.д. Так вот, как сделать что бы полоска ЭТОГО меню была на весь экран мониторов (будь то Широкоформ... либо Квадрат...) В общем не важно. ВАЖНО! но при этом все те же ГЛАВНАЯ ... НОвости оставались на своих местах, то есть В ЦЕНТРЕ. Советовали всего и много, но в итоге ничего не работает, конечно было подозрение на "криворукость в СSS" но после 5-7 повторных действий – развеялось. Может кто подскажет нормально, где что убрать что изменить .дописать ... Это, по моему мнению, то где надо что-то м…

    Asked by yanch258, October 15, 2012

    0 votes
    11 answers
16. Как сделать, чтобы на мобильной версии элементы менялись местами?

    на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…

    Asked by Grani, July 31, 2023

    0 votes
    1 answer
17. Две "рамки у таблицы"

    Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.

    Asked by Ginger, February 5, 2009

    0 votes
    6 answers
18. Хак для всех IE

    Существует ли css-хак, чтобы изменения коснулись IE всех версий? Условные комментарии использовать нельзя.

    Asked by wildhind, March 27, 2011

    0 votes
    12 answers
19. Табличная верстка

    Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++

    Asked by Sergey1981, October 17, 2007

    0 votes
    8 answers
20. Div поверх gmap

    Вобщем есть картинка, которую нужно разместить поверх гугл-карты. Z-index не помог. Есть ли способ? Привожу код страницы: <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Гугокарты</title> <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")…

    Asked by Lakrein, October 19, 2011

    0 votes
    11 answers
21. Фотогалерея, без перезагрузки всей html-страницы

    День добрый! Ребят, сразу скажу что в html чайник, на собственной практике с десяток статических страниц. Вобщем интересует возможность менять картинки на страничке при клике на них, без написания дополнительных html-страниц для каждой следующей картинки. Пример: //————--Таблица 1 //————Таблица 2 текст текст текст текст текст текст

    Asked by Lipser, May 25, 2007

    0 votes
    11 answers
22. Расположение блоков друг под другом в несколько колонок

    Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более к…

    Asked by dropoff, March 23, 2011

    0 votes
    4 answers
23. Зафиксировать ширину таблицы/ячейки

    Как зафиксировать ширину таблицы и/или отдельной ячейки, чтобы контент ее не растягивал? Прописать width="чего-нибудь" не помогает

    Asked by Aryan, September 13, 2008

    0 votes
    2 answers
24. Есть окно, как можно зделать что курсор автоматом был в нем

    Всем привет, тут такой вопрос. Есть в сайте окно для ввода, как можно зелать что при загрузке старницы автоматом в этом маленьком окоше для ввода сразу был курсор. Тобиш что б сразу можно было туда вбивать текст. не тыкая мыкой туда.

    Asked by hoot, July 11, 2007

    0 votes
    16 answers
25. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity, May 25, 2010

    0 votes
    4 answers