Всё сдал! - помощь студентам онлайн Всё сдал! - помощь студентам онлайн

Реальная база готовых
студенческих работ

Узнайте стоимость индивидуальной работы!

Вы нашли то, что искали?

Вы нашли то, что искали?

Да, спасибо!

0%

Нет, пока не нашел

0%

Узнайте стоимость индивидуальной работы

это быстро и бесплатно

Получите скидку

Оформите заказ сейчас и получите скидку 100 руб.!


Кулинарные рецепты CSS

Тип Реферат
Предмет Информатика и программирование
Просмотров
948
Размер файла
21 б
Поделиться

Ознакомительный фрагмент работы:

Кулинарные рецепты CSS

Кулинарные рецепты CSS

CraigSaila

Как убрать лишнее пространство вокруг формы? htmlcss

Есть два способа сделать это - с помощью хитрости и с помощью css. Хитрость: вставляем форму в таблицу, помещая её между открывающим и закрывающим тэгами:

<table>

<form>

<tr>...</tr>

</form>

Второй способ - с помощью css выставить отступы в ноль:

<form style="margin-top: 0; margin-bottom: 0;">

Почему элементы формы видны даже через перекрывающие их слои? css

Это особенность отображения имеет место в IE и Opera под Windows и, к сожалению, ничего поделать с этим нельзя.

Opera показывает все элементы формы, IE только select. Пример.

Это происходит потому, что эти броузеры при отображении форм используют стандартные элементы интерфейса Windows, в то время как Netscape 6.x/Mozilla каждый раз отрисовывают их заново.

Даже проблема возникает практически во всех новых броузерах при отображении плагинов и слоёв.

На сайте DHTMLLab есть более подробная статья на эту тему. ThomasBrattli предлагает решение проблемы на JavaScript в своем скрипте CoolMenus.

Как убрать полосу прокрутки? html

Прежде всего, у вас должна быть действительно веская причина для этого. Отключение полосы прокрутки создает массу проблем с юзабилити и смущает пользователей. Если причина все же имеется, то достичь желаемого можно несколькими способами, но все они чрезвычайно опасны в неумелых руках.

Отключить полосу прокрутки во фрейме элементарно, просто добавьте атрибут

scrolling="no"

Убрать её из основного окна несколько сложнее. Во-первых, можно открыть окно с помощью JavaScript без активирования прокрутки:

window.open(this.href,'newWindow','scrollbars=no');

Во-вторых, в некоторых броузерах (IE под Windows пятой версии и старше, а также броузерах на базе Gecko) можно использовать нижеследующую декларацию:

HTML, BODY { style="overflow: hidden; }

Как можно контролировать размер текстового поля? htmlcss

Увы, Netscape 4.x отображает элементы формы по иному алгоритму, нежели прочие броузеры (InternetExplorer, Opera, и на базе Gecko).

Так как Netscape 4.x использует основной моноширинный шрифт для отображения текста в полях для ввода текстовой информации, а IE использует варьирующийся шрифт (обычно sans-serif) - лучше всего оптимизировать текстовое поле прежде всего для Netscape.

После этого можно использовать декларацию css (которую старые версии Netscape проигнорируют) для подгонки поля под прочие броузеры.

Примеры:

Обычноеполедлявводав Netscape 4.7:<input type="text" value="netscape" size="8">
Поле для ввода в IE 5.5, подогнанное под размер поля в Netscape (отступы добавлены для вертикального выравнивания текста)<input type="text" value="ie" size="8" style=" padding-top: 3px;">
Поле для ввода в IE 5.5, подогнанное под размер и внешний вид поля в Netscape (имитация достигается за счет рамки и шрифта)<input type="text" value="ie" size="8" style="font: 16px 'courier new'; border: 3px inset #DDD;">

Могу ли я использовать выпадающее меню для навигации? ia/ugd

Как и многое в веб-дизайне, целесообразность использования выпадающего меню зависит от аудитории. На обычных сайтах лучше от него отказаться. Впрочем, иногда бывает удобно собрать вместе несколько ссылок на ограниченном пространстве.

Минусы использования выпадающих меню:

длинный текст делает меню чрезмерно широким

трудности доступа к опциям в текстовых и речевых броузерах

невозможно увидеть сразу все доступные варианты

некоторые пользователи не догадываются о наличии скрытых опций

оперирование выпадающими меню может представлять трудности для некоторых пользователей ("Я не понял, что надо нажать 'перейти'")

различный внешний вид в различных броузерах

требует небольшого, но все же программирования (на стороне клиента или сервера)

Еще на эту тему имеет смысл почитать MacintoshHumanInterfaceGuidelines.

Почему у картинок в таблицах появляется отступ внизу? htmlcss

Особенно это заметно в броузерах на базе Gecko (например, в Netscape 6.x) и некоторых версиях Mozilla. Скорее всего это происходит потому, что броузер интерпретирует <img> как строчный элемент. Проблема решается следующей декаларацией:

TD>IMG { display: block; }

(подробное объяснение вы можете найти в статье "Tables, Images, andMysteriousGaps".)

После выхода Mozilla 1.0 в него был добавлен "почти стандартный" режим для исправления вышеописанной проблемы. Этот режим включается декларированием в DOCTYPEtransistionalHTML 4.01 (с системным идентификатором) или transistionalXHTML 1.0 (на Mozilla.org есть полный список типов DOCTYPE).

В старых броузерах отступ может появляться из-за пробелов между <img> и закрывающим <td>. Удалите лишние пробелы и проблема скорее всего решится.

Как удалить рамку вокруг картинки-ссылки? htmlcss

В HTML (и старых броузерах) необходимо добавить атрибут border="0" к тэгу img.

В CSS (и новых броузерах) достаточно добавить стилевую декларацию

AIMG { border: none; }

Еще вы можете сделать рамку невидимой в Netscape 4.x с помощью css, меняя её цвет на цвет фона во внешнем блоке:

A IMG { border: none; border-color: [цвет фона]; color: [цвет фона] }

Но отступ примерно в две точки вокруг картинки все равно останется.

Как установить отцентрировать таблицу с помощью CSS? css

Корректным способом установки блочных элементов (в том числе и таблиц) по центру является указание таких отступов:

margin-left: auto; margin-right: auto;

или еще проще:

margin: auto;

К сожалению, это не работает в IE версии старше 6 (да и в шестой работает странно). Чтобы справиться с этим, элементу body следует назначить атрибут text-align: center, но так как это отцентрирует весь текст на странице, то окончательный вариант будет такой:

body { text-align: center; }

#centerItem { text-align: left; margin: auto; }

Для подробного изучения данной проблемы рекомендуем статью "CenteringTables".

Как сделать резиновую верстку с ограничением по ширине? css

Проще всего было бы использовать атрибут max-width. К несчастью, он не поддерживается большинством версий IE.

Выход - в использовании атрибута width вместе с небольшим фрагментом кода на JavaScript, который будет определять ширину окна и при превышении пороговой величины зажимать её на определенном значении, иначе задавать её равной 100%.

function resizeBox(){

sObj = d.getElementById("container").style

if(d.body.clientWidth) (d.body.clientWidth>800) ? sObj.width = "800px" : sObj.width = "100%"

}

Пример.

Как задать стиль для hr? css

InternetExplorer и большая часть css-совместимых броузеров (например, на основе Gecko, Opera имеет одну странность, которую документировал StefanM. Huber) работают с hr по-разному. Суть в том, что IE обрабатывает его как строчный элемент, а прочие - как блочный. Поэтому, для горизонтального разделителя красного цвета мы делаем:

InternetExplorer:

HR { color: #F00; }

Прочие CSS-совместимые броузеры: HR { background-color: #F00; }

Тоже самое верно и для выравнивания:

Internet Explorer:

HR { text-align: right; }

Прочие CSS-совместимые броузеры:

HR { margin-right: 0; }

Итак, достичь с помощью css того, что в html выглядит как

<hr align="right" size="2" color="#000F00" noshade>

...вы можете следующим образом:

HR { text-align: right; color: #F00; border: none; } /* Для IE */

HTML>BODY HR { margin-right: 0; background-color: #F00; border: none; } /* Для броузеров на базе Gecko */

HTML>BODY HR { margin-right: 0; background-color: #F00; border: 0px solid #F00; } /* Для Оперы и броузеров на базе Gecko */

Для более подробной информации по этой теме читайте статью MarekProkop "Styling <hr>".

Как изменить отступ для элементов списка с помощью css? css

Единственного правильного пути не существует. Броузеры Gecko и InternetExplorer по-разному интерпретируют css в данном случае. Самый простой вариант для уменьшения отступа - очистить поля и отступы слева. Для увеличения же отступа можно сделать так:

ul { margin-left: 0; padding-left: 20px; }

или

ul { margin-left: 20px; padding-left: 0; }

(Те же правила применимы к ol и dl)

EricA. Meyer написал подробное объяснение по этой проблеме.

Как можно добавить отступ между элементами списка? htmlcss

Если элемент списка - текст, лучше всего оформить его как параграф:

<li><p>a list item</p></li>

В других случаях можно добавить два переноса строки в конце каждого элемента списка:

<li>a list item<br><br></li>

Для более аккуратного и эффективного решения проблемы следует использовать CSS, так как он не затрагивает структуру документа. Эта декларация даст тот же эффект, что и уже приведенные способы:

li { margin-top: 1em; }

Внимание: установка line-height для списка приведет не только к увеличению расстояния между элементами, но добавит междустрочное расстояние для содержания каждого элемента.

Почему текст в Netscape 4.* становится все меньше и меньше? htmlcss

Netscape 4.* рассматривает следующие один за другим тэги <p> (даже корректно закрытые) как вложенные, и поэтому уменьшает размер текста.

Проблема возникает оттого, что пары </p><p> в модели отображения Netscape 4.* взаимно уничтожаются. Добавьте пробел или любой другой символ между тэгами (например, так: </p> <p>) и проблема решится.


Нет нужной работы в каталоге?

Сделайте индивидуальный заказ на нашем сервисе. Там эксперты помогают с учебой без посредников Разместите задание – сайт бесплатно отправит его исполнителя, и они предложат цены.

Цены ниже, чем в агентствах и у конкурентов

Вы работаете с экспертами напрямую. Поэтому стоимость работ приятно вас удивит

Бесплатные доработки и консультации

Исполнитель внесет нужные правки в работу по вашему требованию без доплат. Корректировки в максимально короткие сроки

Гарантируем возврат

Если работа вас не устроит – мы вернем 100% суммы заказа

Техподдержка 7 дней в неделю

Наши менеджеры всегда на связи и оперативно решат любую проблему

Строгий отбор экспертов

К работе допускаются только проверенные специалисты с высшим образованием. Проверяем диплом на оценки «хорошо» и «отлично»

1 000 +
Новых работ ежедневно
computer

Требуются доработки?
Они включены в стоимость работы

Работы выполняют эксперты в своём деле. Они ценят свою репутацию, поэтому результат выполненной работы гарантирован

avatar
Математика
История
Экономика
icon
145018
рейтинг
icon
3085
работ сдано
icon
1334
отзывов
avatar
Математика
Физика
История
icon
141766
рейтинг
icon
5869
работ сдано
icon
2651
отзывов
avatar
Химия
Экономика
Биология
icon
94708
рейтинг
icon
2024
работ сдано
icon
1268
отзывов
avatar
Высшая математика
Информатика
Геодезия
icon
62710
рейтинг
icon
1046
работ сдано
icon
598
отзывов
Отзывы студентов о нашей работе
53 465 оценок star star star star star
среднее 4.9 из 5
Санкт-Петербургский государственный университет телекоммуникаций им. проф. М.А. Бонч-Бруевича
Спасибо большое! Работа выполнена в соответствии со всеми методическими указаниями и раньш...
star star star star star
ИЖГТУ
Реферат выпонили в самый кротчайший срок, и без каких либо замечаний за что очень благодар...
star star star star star
ПГУПС
Все сделано хорошо, все мои замечания, были исправлены почти сразу. Работой исполнителя до...
star star star star star

Последние размещённые задания

Ежедневно эксперты готовы работать над 1000 заданиями. Контролируйте процесс написания работы в режиме онлайн

Решить 3 контрольных работ по теории вероятности 2 вариант

Контрольная, теория вероятности

Срок сдачи к 17 июня

только что

Решить 6 заданий

Онлайн-помощь, Высшая математика

Срок сдачи к 15 июня

4 минуты назад

Преддипломная практика

Отчет по практике, Экология И Природопользования

Срок сдачи к 16 июня

5 минут назад

Pascal, списки, указатели

Решение задач, Информатика и программирование

Срок сдачи к 16 июня

6 минут назад

1. Оценка статистической значимости показателей корреляции

Ответы на билеты, Эконометрика

Срок сдачи к 15 июня

7 минут назад

Зачётное задание

Другое, Дошкольное образование и воспитание

Срок сдачи к 16 июня

7 минут назад

-

Другое, Бухгалтерский учет

Срок сдачи к 30 июня

7 минут назад

Написать рецензию по шаблону

Рецензия, Программирование

Срок сдачи к 17 июня

9 минут назад

Помощь на экзамене материаловедение

Онлайн-помощь, материаловедение

Срок сдачи к 20 июня

11 минут назад

Решить 8 задач

Решение задач, Химия

Срок сдачи к 15 июня

11 минут назад

Написать реферат

Реферат, Философия

Срок сдачи к 19 июня

11 минут назад

Межконфессиональный диалог в Швеции

Курсовая, Религия

Срок сдачи к 20 июня

11 минут назад

на тему «Понятие бухгалтерского баланса, его содержание и структура»

Доклад, Российские стандарты бухгалтерского учета»

Срок сдачи к 16 июня

11 минут назад

Решить 1 задание по экономике

Решение задач, Экономика

Срок сдачи к 15 июня

11 минут назад

Написать курсовую работу и сделать все задания в приложенном файле

Курсовая, Радиожурналистика

Срок сдачи к 16 июня

11 минут назад

20 страниц. расписать только практическую часть

Курсовая, Бухгалтерский учет и аудит

Срок сдачи к 16 июня

11 минут назад
planes planes
Закажи индивидуальную работу за 1 минуту!

Размещенные на сайт контрольные, курсовые и иные категории работ (далее — Работы) и их содержимое предназначены исключительно для ознакомления, без целей коммерческого использования. Все права в отношении Работ и их содержимого принадлежат их законным правообладателям. Любое их использование возможно лишь с согласия законных правообладателей. Администрация сайта не несет ответственности за возможный вред и/или убытки, возникшие в связи с использованием Работ и их содержимого.

«Всё сдал!» — безопасный онлайн-сервис с проверенными экспертами

Используя «Свежую базу РГСР», вы принимаете пользовательское соглашение
и политику обработки персональных данных
Сайт работает по московскому времени:

Вход
Регистрация или
Не нашли, что искали?

Заполните форму и узнайте цену на индивидуальную работу!

Файлы (при наличии)

    это быстро и бесплатно