ZooY
-
Posts
86 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by ZooY
-
-
Имеется вот такой простейший код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<div style="background: url('img.jpg') no-repeat center top; height: 200px;">
<img width="1000" height="1">
</div>
</body>
</html>То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки.
Так вот проблема в том что при перемещении полосы прокрутки вправо фоновое изображение обрезается и становиться размером в ширину окна.
То есть как то так получается что DIV сжимается (вместе с фоном), а его содержимое выступает за его границы. Почему так происходит и как это исправить?
-
Есть текстовая строка, содержащая код HTML-страницы и есть IFrame. Можно ли каким то образом загрузить в IFrame содержимое текстовой строки чтобы отобразился документ?
-
Нужно сделать чтобы слой полностью накрывал блок текста.
Делаю так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
#data { position: relative; }
#cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; }
</style>
</head>
<body>
<div id="data">
<p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.</p>
<div id="cover"> </div>
</div>
</body>
</html>В IE7, IE8, FF и Chrome все нормально, то есть текст полностью накрыт слоем.
А вот в IE6 накрывающий слой не растягивается по высоте. Можно ли это как то поксить?
-
Посмотри вот здесь, там все написано подробно
-
Есть таблицы шириной 100% и рамкой, заданной с помощью CSS.
Под таблицей вставлен IFRAME. Для фрейма также с помощью CSS установлена граница.
<table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid; border-bottom-style:none">
<tr><td>content</td></tr>
</table>
<iframe width="100%" frameborder="0" style="border: 1px black solid"></iframe>По идее таблица и фрейм должны быть одинаковой ширины, но на практике фрейм, за счет границы, шире на 2 пиксела.
Пробовал сделать так:
<table cellpadding="0" cellspacing="0" width="100%" style="border: 1px black solid">
<tr><td>
<table cellpadding="0" cellspacing="0" width="100%" style="border-bottom: 1px black solid;">
<tr><td>content</td></tr>
</table>
<iframe width="100%" frameborder="0"></iframe>
</td></tr>
</table>Но такой подход делает шире на 2 пиксела всю конструкцию (я мне этого не надо).
Есть у кого-нибудь идеи как решить проблему?
-
вообще конечно же каптча, но не знаю на сколько это будет сложно встроить ее (именно на форум), сам не пробовал, а так вот пример а какой у вас форум?
спустя несколько секунд..., извиняюсь, неправильно прочитал пост, то что я дал ссылку - это защита от спама.
Это как раз то что нужно - все просто и понятно - большое спасибо за ссылочку!!!
-
На сколько я понимаю, кнопка PrintScr не имеет отношения к браузеру и отследить ее нажатие он не может. А чтобы мог нужен ActiveX-компонентик, который может (и будет) работать с окружением за пределами брузера - будет отслеживать нажатие кнопки.
-
Подскажите, где можно посмотреть пример кода, реализающего защиту от флуда на форумах, типа когда просят перед отправкой сообщения ввести некоторое число, показанное на картинке.
-
Есть HTML-страница. На ней есть кнопка. По нажатию этой кнопки с помощью JavaScript нужно добавить на страницу новый DIV и абсолютно его спрозициониовать. Подскжите, как это сделать, чета так-сяк кручу - не получается
-
нашел таки как можно осуществить запрос - через создание XMLHttpRequest(). только не совсем понятно как запихнуть в него обращение к бд и проверку существования логина
подскажите.XMLHttpRequest() - это технология AJAX. Поищи статьи по этой технологии, в инете их миллионы.
В двух словах это выглядит так. С помощью JavaScript и AJAX обращаешся к php-странице, которая проверяет есть ли логин и возврашает некое значение, например 0 - если нет и 1 - если есть. Возвращенное значение опятьже проверяешь клиентским скриптом.
-
Есть страница, позволяющая добовлять новости на сайт.
Новости храняться в базе MS SQL.
Задача - при добавлении новости заменять определенные слова в тексте другими словами. Список слов и их замен храниться в таблице БД. Никаких заморочек с падежами нет, тупо если слово есть в таблице - заменить на соответсвующее.
Подскажите, может знает кто принцип, по которому такое можно реализовать...
Первое что приходит в голову - пройтись по тексту, и для каждого слова делать запрос в таблицу с соответсвиями на предмет совпадения. Но такой подход далек от оптимального, хотя текст новости не такой уж и длинный.
-
А таблицу по ширине органицить не пробовал? Например задать для нее те же 100%
-
Ну как вариант можно сделать так:
http://plummet-me.livejournal.com"' style="float:left;">...
http://ljplus.ru/counter/rating' target=_blank style="float:left;">...
-
Разрыс втрок происходит автоматически, когда строка не влазит в яцейку. Правда границы ячейки могут раздвигаться, если условия позволяют и даже указанная в пикселах ширина не может этому помешать. Тем не менее можно сверстать макет так, чтобы ячейка не расползалась.
-
1. Для того, чтобы избавиться от растягитвания ячеек в IE, попробуй для своих рисунков установить атрибуты vspace="0" hspace="0".
2. У тэга TD нет атрибута background. Для задания фона используй CSS.
-
Cyrax, если хочеш подправить свой вариант - поменяй местами блоки col2 и col3... и будет тебе счастье
-
Проблемы с отступами в IE милион раз обсуждались на этом форуме...
Описание проблемы и решение смотри здась
-
В общем у тебя достаточно известная проблема таблиц в IE. Вот тут http://forum.htmlbook.ru/viewtopic.php?pid=61855#p61855 у человека почти тоже самое, посмотри предложенный вариант, может поможет, а при той верстве что у тебя щас ты это не вылечиш никак.
-
смотря какой бекграунд, покажи макет.
Бэкграунда никакого нет, просто серый фон. Макет примерно такой, просто хочу его валидным доктайпом сделать, а то в qurks mode оформление в разных браузерах плыв?т.
Если макет такой как ты показал, то нет ничего проще - полосу, разделяющую левую и правую стороны делаеш фоном, а излишки сверху и снизу перекрываеш фоном хедера и футера.
-
Опредялеть размер можно JavaScript-ом, поищи сам, в инете милионы примеров.
Но имхо это глупость, делать размер шрифта больше при большем разрешении монитора. Лично я когда ставлю на монике большее разрешение хочу чтобы на экран больше влезало.
Лучше указывай размеры не в px, а в em. Тогда пользователь сам сможет выбрать нужный ему размер шрифта в настройках браузела и сайт при этом не расползется по швам.
Вот тебе в помощь калькулятор рассчета em http://riddle.pl/emcalc/
-
Пользуй для подчеркивания не нижнюю границу элемента, а картинку фоном. Ее ты сможеш разместить так как тебе нужно.
-
Что значит "перемещался вниз", покажи как должно быть.
И известно ли заранее что этот блок будет ниже остальных?
-
В CSS есть возможность делать списки с многоступенчатой автоматической нумерацией но работает это толи только в IE, толи наоборот везде кроме IE, не помню точно.
В общем - ручками, ручками
-
Нет, решения не существует. Существуют всякие обходные пути. Самый простой, которые приходит в голову такой:
<table>
<tr><td>
<table>
<tr><td id="head"><p>Header</p></td></tr>
<tr><td id="center"><p>Content</p></td></tr>
</table>
</td></tr>
<tr><td valign="bottom">
<table><tr><td id="foot"><p>Footer</p></td></tr></table>
</td></tr>
</table>Ты делаешь общую таблицу, в торой Header и Content прижимаются к верху, а Footer к низу.
А вообще пользуй блочную верстку и таких проблем не будет
Обрезается фон при прокрутке
in HTML Coding
Posted · Edited by ZooY
Мне не нужна точная ширина блока, а нужно чтобы он на всю ширину окна растягивался, точнее на всю ширину с учетом прокрутки.
overflow: hidden не помогает...