Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Плывет DIV на CSS в Internet Explorer младше 7-ой

    Уважаемые специалисты! Подскажите в сложившейся ситуации. Верстка шаблона на DIV-ах. Их свойства описаны через CSS. Основная часть шаблона страницы поделена на три DIV-колонки. Их свойства описаны в #left, #container, #right ( #container - для основного контента). Расположение блоков традиционное. При просмотре во всех браузерах отображение нормальное, кроме Internet Explorer младше 7-ой версии, где #container почему-то сползает под #right , оставляя свободное место. И что еще хуже, текст грубо обрезается справа так, что читать невозможно Подскажите, как исправить эту проблему. Ради кривенького и старенького IE переписывать шаблон на таблицы нет смысла, кроме того, эт…

    Asked by Koriolan,

    0 votes
    12 answers

  2. Скачет текст (ссылка) при исполь-нии :hover

    есть табличная верстка. меню сделано списком, размер текста 24, а при наведении задала что бы был 26. И вот при наведении у меня текст увеличивается но при этом, слова которые ниже - сдвигаются вниз на какое то расстояние. думала исправить эту проблему с помощью margin-down or padding-down при hover, но ничего не вышло. что делать? <td rowspan="5" width="240" valign="top"> <ul id="menu"> <li><a href="#">Главная</a> </li> <li><a href="#">Каталог нот</a> </li> <li><a href="#">Композиторы</a> </li> <li><a href="#">Современные мелодии</a> </li> …

    Asked by trish,

    0 votes
    5 answers

  3. Зачеркнутые ссылки на сайтах

    Вопрос несколько не в тему. Подскажите, а с чего это с совсем недавнего времени буквально на всех сайтах в Интернете ссылки стали выполняться в виде зачеркивания? Это как-то связано с SEO?

    Asked by aaron,

    0 votes
    4 answers

  4. Выравнивание по низу

    Как в строчно-блочном блоке выровнить строчный элемент по низу? Я сделал так div{ height:500px; border:1px black solid; display:inline-block; vertical-align:bottom; } p{ border:1px black solid; display:inline-block; vertical-align:bottom; } <body> <div> <p>hkjhkj hjgjh ghjkg</p> </div> </body> vertical-align: Ведь выравнивает только строчные или строчно-блочные элементы, почему тут не сработало?

    Asked by aqua.77,

    0 votes
    5 answers

  5. Колонтитулы на странице для печати.

    В word'e (Microsoft Word) возможно прописать верхний и нижний колонтитул чтобы он повторялся на всех страницах. Возможно ли такое же добавить как-то в стили для страниц на печать. Т.е. страницы которые стилизуется через media = "print". Допустим, контента на странице на 7 листочков А4, возможно ли сделать 2 diva повторяющимися в заголовке страницы и в футере, на манер вордовских файлов. Чтобы на всех 7 распечатанных страницах оба дива повторялись. а не 1 в начале и 1 в конце. P.S. Не нашел на форуме ответов на данный вопрос. В документации даже не знаю какую тему открыть чтобы почитать данный вопрос.

    Asked by EddieBrock,

    0 votes
    1 answer

  6. Поменять стандартные стили тега select

    Подскажите, возможно ли, у тега select поменять стандартнуй стрелочку и бэк на свои стили средствами css? Если да, то как? З.Ы. ну или правильный запрос к гугл, потому как мои запросы мне ничего не дали...

    Asked by rus,

    0 votes
    3 answers

  7. Font-Awesome (или его аналоги) внутри option – как?

    Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главн…

    Asked by TrogWar,

    0 votes
    1 answer

  8. 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,

    0 votes
    29 answers

  9. 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,

    0 votes
    11 answers

  10. Не получается добавить изображение в шапку сайта

    Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу. Собственно, есть сайт. Таблица стилей там и всё как положено. Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ... Представлю скрины: 1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения. <img src="" border="0" class…

    Asked by ProRus,

    0 votes
    29 answers

  11. Тени от блоков (таблиц) на неоднородном фоне

    Есть бэкграунд, который представляет собой узор. Например, такой: , или такой: . Как при помощи css сделать тень на таком фоне? Интересует корректная работа результата как минимум в ИЕ, Firefox, Opera и Safari. Спасибо.

    Asked by serdeles,

    0 votes
    11 answers

  12. меню авторизации

    скажите как реализовать форму авторизации с затемнением всего осталного... кликаешь появляется по середине окошко с полями для ввода а все остальное становится сероватым

    Asked by kostya1082,

    0 votes
    19 answers

  13. 3 колонки

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

    Asked by Sienens,

    0 votes
    8 answers

  14. OBJECT вместо IFRAME

    Раз элемент IFRAME заперещен в XHTML Strict, то нужно как-то без него обходиться. Вот только как? Элемент OBJECT конечно может отобразить другой документ на странице, но это само по себе бесполезно, если учесть что атрибут TARGET тоже запрещен. Таким образом, необходимо придумать как по клику на элементе панели навигации сайта менять документ, загруженный элементом OBJECT. Вот такой способ... <object id="information_field" data="page_1.html" type="text/html"> <div class="button" onclick="information_field.data=page_2.html';"> ...не подходит. Атрибут меняется, но на странице все остается по прежнему. Что же делать???

    Asked by Excelsus,

    0 votes
    7 answers

  15. Широкий background, центрирование

    Добрый день. Делаю резиновый сайт. Намечается бэкграунд во всю ширину страницы. Как его отцентрировать грамотно??? Смотрю на широкоформатном монике - фон растянут, основной орнамент фона центрирован, а с краев, как у задумано, затемняется. Но на меньших разрешениях (1280, 1024) основной орнамент фона смещен в правой границе экрана! как можно ему указать центрирование всегда? Заранее спасибо!

    Asked by dron,

    0 votes
    6 answers

  16. Хак для всех IE

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

    Asked by wildhind,

    0 votes
    12 answers

  17. Выравнивание текста под углом. Возможно ли ?

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

    Asked by bond84,

    0 votes
    15 answers

  18. Здравствуйте! Как отключить кэширование только 1 конкретной страницы?

    Здравствуйте! Как отключить кэширование только 1 конкретной страницы? сайт на php и в файдле .htaccess сделано так: <IfModule mod_expires.c> ExpiresActive On ExpiresDefault A86400 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType text/css A2592000 ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 ExpiresByType text/plain A604800 ExpiresByType application/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType application/pdf A604800 ExpiresByType text/html A900 </IfModule>

    Asked by igor3310,

    0 votes
    3 answers

  19. Относительный размер шрифта

    Как правильно задавать размер шрифта в относительных единицах измерения (проценты, em)? Например, шрифт задан в 12px, сколько это будет в % или em? Как это вычисляется?

    Asked by Dmik,

    0 votes
    3 answers

  20. Поочередня смеца цвета в таблице ("even td")

    Есть таблица большая, вот она http://dnipro.dp.ua/archi/ К каждой строке прописан свой цвет, <TR> <TD bgcolor=#E8E8E8>Здание такое-то</TD> <TD bgcolor=#E8E8E8>Описание здания</TD> <TD bgcolor=#E8E8E8>36 эт.</TD> </TR> <TR> <TD bgcolor=#CFCFCF>Здание такое-то</TD> <TD bgcolor=#CFCFCF>Описание здания</TD> <TD bgcolor=#CFCFCF>24 эт.</TD> </TR> <TR> <TD bgcolor=#E8E8E8>Здание такое-то</TD> <TD bgcolor=#E8E8E8>Описание здания</TD> <TD bgcolor=#E8E8E8>21 эт.</TD> </TR> .... и так можно до бесконечности. Конешно как вы уже поняли, эт…

    Asked by Пятница,

    0 votes
    17 answers

  21. position: fixed не работает в IE < 7мой версии - есть альтернатива?

    Привет всем. Слой должен оставаться на месте при прокруте. Доктайп строгий. Использую position: fixed; в FF , Safari слой на месте, в IE 7 тоже вс? отлично но! не работает в IE в версиях меньше 7мой ((( Существует ли альтернативное решение этой задачи для более ранних версий IE?

    Asked by iluha,

    0 votes
    6 answers

  22. Редактирование шаблона CSS

    Привет всем! Только осваиваю верстку, поэтому, конечно же, полно проблем..) Проблема: Не могу избавится от нумирации списка и выравнивания по правому краю. Вот: Перерыл весь CSS шаблон, но никак не выясню, что же отвечает за нумерацию. Тэг <decimal> вообще не присутствует в тексте... Вот выкладываю текст шаблона: html { height: 100%; margin-bottom: 0px; } form { margin: 0; padding: 0; } img,table { border: none; } body { background: #000; font-family: Verdana, Arial, sans-serif; line-height: 1.3em; margin: 0; padding: 0; font-size: 12px; color: #44687d; } body.contentpane { background: #fff; } /*****************************************/ /*** Temp…

    Asked by miker,

    0 votes
    14 answers

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

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

    Asked by Lipser,

    0 votes
    11 answers

  24. Расстояние между маркером и текстом

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

    Asked by Onveg,

    0 votes
    9 answers

  25. Ограничение минимальных размеров div

    Здравствуйте. Обращаюсь с вот такой проблемой, для которой никак не могу подобрать решение. Есть "резиновая" страница, состоящая из двух колонок на базе div: правая фиксированной ширины для меню навигации, а левая - с основным текстом, горизонтальные размеры которой подстраиваются под размеры окна браузера. Под текстом находится форма обратной связи. Можно ли как-то ограничить горизонтальные размеры левой колонки оредел?нной величиной, скажем, 300px? Пока никакого решения (без использования таблиц) не наш?л. Просто если совсем сузить окно браузера, элементы формы залезают на меню навигации, а мне этого не нужно.

    Asked by serzh,

    0 votes
    10 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept