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. Прилепить изображение неподвижно

    Есть сайт: В углу есть элемент: #rul{ position: absolute; z-index: 20; } <div id="rul"><img src="/images/rul.png" /></div> в хеадере. Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?

    Asked by YaD,

    0 votes
    16 answers

  2. Масштабируемый (в плане уменьшения размера окна, а не самого масштаба), список галерей с динамическим размером миниатюр

    Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…

    Asked by b0s,

    0 votes
    15 answers

  3. При установке галки на ckeckbox переход по ссылке.

    Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.

    Asked by maasja,

    0 votes
    11 answers

  4. Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.

    Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…

    Asked by chabapok,

    0 votes
    3 answers

  5. Отображение шрифтов Google Chrome, Opera, Yandex

    Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z

    Asked by Torawhite,

    0 votes
    14 answers

  6. background repeat не до конца прорисовывает

    Использую стиль для центрального блока: background: transparent url(/images/image03.jpg) repeat-y scroll 0 0; Получается, если страница вписывается в 100% высоту - всё ок, если есть прокрутка вниз, то после 100% высоты css-свойство перестает работать и отображается, как на картинке Подскажите, пожалуйста

    Asked by rolph,

    0 votes
    16 answers

  7. Высота таблицы

    Здравствуйте! Знаю что избитая тема, но вроде все по указаниям делаю, а получается серьезный трабл: в ИЕ таблица почему-то растягивается больше чем на весь экран, появляется горизонтальный скролл! Если еще добавить шапку и футер, так вообще будет ужасно длинная страница. Помогите пожалуйста, в чем проблема? привожу фрагмент кода <!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> <style type="text/css"> html { height:100%; margin: 0px; padding: 0px; border: none; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; b…

    Asked by Dipish,

    0 votes
    3 answers

  8. элементарная блочная в?рстка -- позиционирование

    Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…

    Asked by az,

    0 votes
    9 answers

  9. Сдвиг каждой строки

    Здравствуйте. Можно ли как-то реализовать вот такую штуку... Каждая следующая строка текста сдивагается на определенное количество пикселей. Например: вввввввввввв вввввввввввв вввввввввввв вввввввввввв вввввв Очень интересная задача, и мне интересно, можно ли такое реализвать с помощью CSS?

    Asked by milax,

    0 votes
    14 answers

  10. Центровка маркера

    Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке

    Asked by maximo,

    0 votes
    19 answers

  11. div bg problem

    Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…

    Asked by slipkahh,

    0 votes
    17 answers

  12. Пропорциональное изменение изображения.

    Такая проблема... Есть див фиксированной высоты в самом верху страницы, в нем есть изображение, прижатое к низу дива, высота изображения не указана, ширина, к примеру, 60% экрана. При изменении разрешения экрана или просто ширины окна изображение, соответственно, тоже меняет свои пропорции. Необходимо, что если высота изображения начинает превышать высоту дива, то ВЕРХНЯЯ "лишняя" часть скрывается за верхней границей экрана. а не растягивает див по высоте. Уже мутил и с абсолютным позиционированием, и с iframe. Не хочет изображение прижиматься к низу дива. <div style="text-align:center;vertical-align:bottom;height:200px;"> <img src="/bitrix/templates/bs_…

    Asked by Микель,

    0 votes
    2 answers

  13. Ширина Вложенного Блока Не Растягивается По Ширине Родительского В Ие7

    Добрый день всем и с началом трудовой недели У меня тут такая ситуация. Делаю выпадающую менюху со скруглёнными углами и надо сделать так, чтобы она по ширине растягивалась автоматически в зависимости от кол-ва знаков в пунктах меню. И вроде как почти разобрался. Но вот не могу понять как в ИЕ7 заставить верхние блоки (где вставлены радиусы) растянуться по ширине самого выпадающего меню. Возможно ли это сделать? Или в ИЕ7 это не реально? Вот ссылка: http://rubanys.narod.ru/gor_menu/trabl/gor_menu.html

    Asked by Belovsan,

    0 votes
    14 answers

  14. Текст и таблицы

    Столкнулся с проблемой. Что я ни делаю с таблицей все равно текст внутри нее норовит таблицу раздвинуть. А в мозилле при увеличении размера шрифта средствами браузера вообще все едет, несмотря на то что шрифт задан абсолютным значением.

    Asked by toxic-mt,

    0 votes
    3 answers

  15. Как лучше порезать картинку

    Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню

    Asked by rolph,

    0 votes
    12 answers

  16. Обесцветить фото

    Добрый вечер Подскажите пожалуйста, можно ли средствами css или javascript обесцветить изображение налету, сделать чёрно-белым?

    Asked by slo_nik,

    0 votes
    6 answers

  17. Рамка из картинок вокруг контента на слоях

    Всем доброго дня! Переделываю верстку одного сайта с таблиц на слои. В общем-то, все уже есть, кроме главного. Весь основной контент помещался в рамочку из 8 картинок. Угловые просто картинки, а горизонтальные и вертикальные тянущимся фоном. Вот на слоях пока не получается это сделать. Пример того, что есть сейчас (только рамка) вот тут: http://www.elfworld.ru/eryn/design/hibernia/content.htm Стили прямо там что бы проще и нагляднее. Верхняя и нижняя линия вроде бы везде хорошо. А вот с центром (3 слоя в общем слое content_main) проблема. Высоты контента я не знаю. Центр в красной рамке. Нужно что бы фон в слое слева и справа от слоя контента тянулся, его же вообще нет. К…

    Asked by DelpH,

    0 votes
    9 answers

  18. Отпозиционировать картинку поверх таблицы

    Хочу сразу извиниться если вопрос банальным- я только начал изучать html. Какая проблема - картинка очень длинной получается и из-за этого начинает наезжать на творую колонку - а она в свою очередь начинает съезжать. Уменьшить размер картинки - не представляеться возможным. Может можно как-то пустить ее поверх таблиц что-б она не сдвигала все это. Вот скрин Вот код <td valign="top" width="766" height="750"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="766" height="131"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="575" height="131"&…

    Asked by Vcool,

    0 votes
    3 answers

  19. Проблемы с отображением

    Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!

    Asked by Joe May,

    0 votes
    16 answers

  20. Осел не дает выронять по правому краю спан

    Привет всем! Делаю свою тему для друпал. Есть блок (div class="node") шириной 100%, в нем статья. Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю. Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает. Код: .node span.submitted { position:relative; font-size:0.8em; text-align:right; margin:3px; padding:2px; width:200px; border:1px solid red } .node .submitted a { color:#c21606; font-weight:bold; text-align:right; } Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка? На всякий случай код всего этого чуда: <div id="node-120" class="…

    Asked by otmoroz095,

    0 votes
    38 answers

  21. Интересная задачка.

    Изложу в теории без конкретного примера. Суть: Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto". Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла. Вот так! Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло. Вот для примера даю пару набросков. Т.е. не должно быть…

    Asked by tamirov,

    0 votes
    21 answers

  22. Появляющийся поверх всего слой

    Форумчане, правильно ли я понимаю технологию создания появляющегося слоя в центре странички (например как на этом форуме, когда кликаешь ссылку Регистрация или когда кликаешь на иконки BB кодов при оформлении новой темы ): Шаг1: Где-нибудь в теле HTML странички (в любом месте по сути?) создаем отцентрированный слой по принципу описанному например в http://htmlbook.ru/l...u-veb-stranitsy со свойством display:none и с нужным содержанием Шаг 2: на JS пишем коротенкую функцию, которая при клике на ссылку, по которой нужно открыть этот слой, меняет свойство слоя display:visible и ставит z-index 100000, чтобы слой был поверх всего. Так правильно? или весь слой надо формирова…

    Asked by Sserg-135,

    0 votes
    10 answers

  23. в IE появился отступ таблицы справа

    На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..

    Asked by begin,

    0 votes
    7 answers

  24. куда поставить ID?

    Добрый день! Проблема такая. Необходимо к маркированному списку добавить id="afi". Идентификатор задает шрифты и пр. именно для этого списка из 20 строчек. Вопрос: идентификатор надо добавить только к - вот так ?Или помимо этого его надо добавить еще к каждому [*] из этого списка? Спасибо!

    Asked by Vimaz,

    0 votes
    7 answers

  25. Структура семантических тегов в шаблоне на Bootstrap

    Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …

    Asked by Sigizmund,

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