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. Помогите понять в чем дело...

    Доброго времени суток! Уважаемые форумчане, помогите разобраться в чем дело. В ообщем суть проблемы такова есть верстка дизайна, после подвала, страница должна заканчиваться, в опере она заканчивается нормально, а вот в ИЕ почему то не совсем правильно заканчивается, смотрим на картинки, код css прилагается. Опера: ИЕ: Листинг html, body {height: 100%;} body {padding: 0; margin: 0; background-color: #E2E2E2;/*EFF1F6*/ color: #666; font: 70% tahoma, arial, sans-serif; text-align: center;} /*.sp {color: #666;}*/ #allpage { margin: 0 auto; background-color: #FFFFFF; text-align: left; height: 100%; margin-top: 5px; margin-bottom: 15px; width: 940px; /*min-width:…

    Asked by mario,

    0 votes
    5 answers

  2. При наведении на кнопку пропадает вторая картинка

    При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....

    Asked by marcool,

    0 votes
    9 answers

  3. Знатокам CSS. Заставить input:text вести себя по-блочному

    Господа, айнидхелп. Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы <div class="widht-300px"> <div class="float-left">Здесь будет лэйбл</div> <input type="text" class="block" /> </div> Нужно чтобы инпут заполнил всю оставшуюся ширину после плавающего блока, как если бы там простой див был. Ни кто не знает как сделать?

    Asked by akxxiv,

    0 votes
    14 answers

  4. Редирект на мобильную версию сайта c помощью htaccess

    Здравствуйте. Ситуация следующая: есть основной сайт (к примеру www.site.ru) и мобильная версия www.m.site.ru. Необходимо, что бы происходил редирект через htaccess на мобильную версию сайта, если мы зашли на него через телефон. Еще проблема в том, что на мобильной версии сайта используются абсолютные ссылки на основную версию сайта. Поэтому редирект должен работать так же и на внутренних страницах. К примеру, www.site.ru/contacts должно вести на www.m.site.ru/contacts. Заранее спасибо

    Asked by htaccess,

    0 votes
    4 answers

  5. Вопрос о <textarea>

    Если есть поле <textarea>, как запретить его растягивание и разрешить только вертикальную прокрутку?

    Asked by chest,

    0 votes
    25 answers

  6. в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки

    Здравствуйте! Пожалуйста, помогите решить проблему: на html-странице в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки, которой и быть не должно. В Opera загружается все нормально и этой лишней горизонтальной полосы нет. Собственно, нужно избавиться от этой горизонтальной полосы прокрутки. Вот та страница: http://mafia2resurs.narod.ru/new_design1.html

    Asked by call007,

    0 votes
    10 answers

  7. Не работает header("Location: ...")

    Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…

    Asked by samorealization,

    0 votes
    2 answers

  8. Центровка содержания сайта

    В очередной обращаюсь к вам! Помогите пожалуйста - много прочитал и попробовал, но ничего не помогает Cтраница сайта (на которой я пытался применять центровку) www.zhivoyfest.ru/index.php Файл стилей (если что style.css) Страница проработана для разрешения экрана 1024х768. Суть проблемы - когда разрешение больше содержимое страницы сбивается влево и не хочет вставать по-центру. index.php Попытался использовать InPage как контейнер для всего, но результато это не дало <body> <div id="InPage"> <div id="toper"></div> <div id="leftcol"> <div id="colmenu"> <table> <tr><td> <b><h1>Главное меню</h1&gt…

    Asked by Patriot_spb,

    0 votes
    9 answers

  9. Нестандартная верстка шапки сайта

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

    Asked by kotikes,

    0 votes
    4 answers

  10. вертикальное выравнивание внутри элементов списка

    Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen…

    Asked by bookworm,

    0 votes
    15 answers

  11. Блок <div> по всей высоте родительского блока

    Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!

    Asked by demarko,

    0 votes
    5 answers

  12. Как с помощью CSS и HTML показать только часть картинки

    Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел…

    Asked by Alok,

    0 votes
    2 answers

  13. Выпадающее окно на css

    .popup a { position:relative; } .popup a span{ position:absolute; display: none; top: 20px; left: 20px; z-index: 1; background: #FFFFFF; } .popup a:hover span { display: block; } Вот код страницы: <span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span> Цель: при наведении мышкой появлется рядом с ней окошко в котором определенный текст. В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась) …

    Asked by PCSpeaker,

    0 votes
    16 answers

  14. Css В Ie

    Здравствуйте . Не удается установить правильно текст в правой колонке(на желтом фоне) в мозиле и в опере все ок, а в IE текст прилип к низу. вот ссылка : объясните пожалуйста что надо еще прописать в коде для IE ? Спасибо.

    Asked by Lobo,

    0 votes
    8 answers

  15. Подчеркивание ссылок пунктиром

    Сабж) Как сделать, чтобы при наведении на ссылку, он подчеркивалась пункиром?

    Asked by Itan,

    0 votes
    5 answers

  16. Один клик два действия!

    На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!

    Asked by Denisich84,

    0 votes
    22 answers

  17. Как скрыть значок битой картинки?

    Можно как-то сделать, чтобы на сайте не показывался такой значок, когда картинки нет по указанному пути? Лучше всего показывать пустое место.

    Asked by kpripper,

    0 votes
    2 answers

  18. Некорректное отображение на мобильных устройствах

    Здравствуйте, есть макет фиксированной ширины в 1150px, по макету в header и footer сайта есть блок с заливкой на всю ширину страницы как в примере кода. <div class="wide"> <div class="menu"> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div>…

    Asked by gurov87,

    0 votes
    2 answers

  19. Как ограничить действия position:fixed

    Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

    Asked by Hol1killer,

    0 votes
    10 answers

  20. Какой раскладкой в CSS Вы предпочитаете пользоваться?

    Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки: Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки: 1. Float`ами 2. Потоками с использованием маргинов и паддингов для позиционирования блоков 3. Позиционированием (position: absolute; position: relative) Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно) Начинаюсь задумываться о первом способе для того чтобы выравнивать по гориз…

    Asked by TonKhaO,

    0 votes
    24 answers

  21. холочу что бы правильно отображался текст

    ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ

    Asked by korchak,

    0 votes
    52 answers

  22. Прыгающие блоки в IE

    Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…

    Asked by Deacon,

    0 votes
    8 answers

  23. Смена css по клику

    В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…

    Asked by stars,

    0 votes
    11 answers

  24. Прокручивающийся список

    Подскажите пожалуйста, как сделать похожий список как здесь http://htmlbook.ru/css ? Это только css, или еще JS. В каком направлении двигаться.

    Asked by yume,

    0 votes
    1 answer

  25. Не убиарется отступ от рамки до бордюра фрейма

    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

    Asked by people2010,

    0 votes
    12 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