HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Масштабируемый (в плане уменьшения размера окна, а не самого масштаба), список галерей с динамическим размером миниатюр
Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…
0 votes15 answers -
Attribute size not allowed on element input at this point.
<!DOCTYPE html> ..... <input type='file' name='file' size="80px"> валидатор ругается: Attribute size not allowed on element input at this point. что нужно исправить?
0 votes5 answers -
При установке галки на ckeckbox переход по ссылке.
Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
0 votes11 answers -
Отображение шрифтов Google Chrome, Opera, Yandex
Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z
0 votes14 answers -
background repeat не до конца прорисовывает
Использую стиль для центрального блока: background: transparent url(/images/image03.jpg) repeat-y scroll 0 0; Получается, если страница вписывается в 100% высоту - всё ок, если есть прокрутка вниз, то после 100% высоты css-свойство перестает работать и отображается, как на картинке Подскажите, пожалуйста
0 votes16 answers -
Сдвиг каждой строки
Здравствуйте. Можно ли как-то реализовать вот такую штуку... Каждая следующая строка текста сдивагается на определенное количество пикселей. Например: вввввввввввв вввввввввввв вввввввввввв вввввввввввв вввввв Очень интересная задача, и мне интересно, можно ли такое реализвать с помощью CSS?
0 votes14 answers -
Центровка маркера
Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке
0 votes19 answers -
Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.
Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…
0 votes3 answers -
Высота таблицы
Здравствуйте! Знаю что избитая тема, но вроде все по указаниям делаю, а получается серьезный трабл: в ИЕ таблица почему-то растягивается больше чем на весь экран, появляется горизонтальный скролл! Если еще добавить шапку и футер, так вообще будет ужасно длинная страница. Помогите пожалуйста, в чем проблема? привожу фрагмент кода <!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…
0 votes3 answers -
элементарная блочная в?рстка -- позиционирование
Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…
0 votes9 answers -
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> &…
0 votes17 answers -
Пропорциональное изменение изображения.
Такая проблема... Есть див фиксированной высоты в самом верху страницы, в нем есть изображение, прижатое к низу дива, высота изображения не указана, ширина, к примеру, 60% экрана. При изменении разрешения экрана или просто ширины окна изображение, соответственно, тоже меняет свои пропорции. Необходимо, что если высота изображения начинает превышать высоту дива, то ВЕРХНЯЯ "лишняя" часть скрывается за верхней границей экрана. а не растягивает див по высоте. Уже мутил и с абсолютным позиционированием, и с iframe. Не хочет изображение прижиматься к низу дива. <div style="text-align:center;vertical-align:bottom;height:200px;"> <img src="/bitrix/templates/bs_…
0 votes2 answers -
Ширина Вложенного Блока Не Растягивается По Ширине Родительского В Ие7
Добрый день всем и с началом трудовой недели У меня тут такая ситуация. Делаю выпадающую менюху со скруглёнными углами и надо сделать так, чтобы она по ширине растягивалась автоматически в зависимости от кол-ва знаков в пунктах меню. И вроде как почти разобрался. Но вот не могу понять как в ИЕ7 заставить верхние блоки (где вставлены радиусы) растянуться по ширине самого выпадающего меню. Возможно ли это сделать? Или в ИЕ7 это не реально? Вот ссылка: http://rubanys.narod.ru/gor_menu/trabl/gor_menu.html
0 votes14 answers -
Текст и таблицы
Столкнулся с проблемой. Что я ни делаю с таблицей все равно текст внутри нее норовит таблицу раздвинуть. А в мозилле при увеличении размера шрифта средствами браузера вообще все едет, несмотря на то что шрифт задан абсолютным значением.
0 votes3 answers -
Обесцветить фото
Добрый вечер Подскажите пожалуйста, можно ли средствами css или javascript обесцветить изображение налету, сделать чёрно-белым?
0 votes6 answers -
Рамка из картинок вокруг контента на слоях
Всем доброго дня! Переделываю верстку одного сайта с таблиц на слои. В общем-то, все уже есть, кроме главного. Весь основной контент помещался в рамочку из 8 картинок. Угловые просто картинки, а горизонтальные и вертикальные тянущимся фоном. Вот на слоях пока не получается это сделать. Пример того, что есть сейчас (только рамка) вот тут: http://www.elfworld.ru/eryn/design/hibernia/content.htm Стили прямо там что бы проще и нагляднее. Верхняя и нижняя линия вроде бы везде хорошо. А вот с центром (3 слоя в общем слое content_main) проблема. Высоты контента я не знаю. Центр в красной рамке. Нужно что бы фон в слое слева и справа от слоя контента тянулся, его же вообще нет. К…
0 votes9 answers -
Как лучше порезать картинку
Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню
0 votes12 answers -
Отпозиционировать картинку поверх таблицы
Хочу сразу извиниться если вопрос банальным- я только начал изучать 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"&…
0 votes3 answers -
Проблемы с отображением
Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=( Спасибо!
0 votes16 answers -
Осел не дает выронять по правому краю спан
Привет всем! Делаю свою тему для друпал. Есть блок (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="…
0 votes38 answers -
Появляющийся поверх всего слой
Форумчане, правильно ли я понимаю технологию создания появляющегося слоя в центре странички (например как на этом форуме, когда кликаешь ссылку Регистрация или когда кликаешь на иконки BB кодов при оформлении новой темы ): Шаг1: Где-нибудь в теле HTML странички (в любом месте по сути?) создаем отцентрированный слой по принципу описанному например в http://htmlbook.ru/l...u-veb-stranitsy со свойством display:none и с нужным содержанием Шаг 2: на JS пишем коротенкую функцию, которая при клике на ссылку, по которой нужно открыть этот слой, меняет свойство слоя display:visible и ставит z-index 100000, чтобы слой был поверх всего. Так правильно? или весь слой надо формирова…
0 votes10 answers -
Интересная задачка.
Изложу в теории без конкретного примера. Суть: Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto". Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла. Вот так! Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло. Вот для примера даю пару набросков. Т.е. не должно быть…
0 votes21 answers -
куда поставить ID?
Добрый день! Проблема такая. Необходимо к маркированному списку добавить id="afi". Идентификатор задает шрифты и пр. именно для этого списка из 20 строчек. Вопрос: идентификатор надо добавить только к - вот так ?Или помимо этого его надо добавить еще к каждому [*] из этого списка? Спасибо!
0 votes7 answers -
в IE появился отступ таблицы справа
На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..
0 votes7 answers -
Табы с косыми углами возможно ли сделать на CSS
Возможно ли на CSS сделать косые стороны табам ?
0 votes5 answers