2. Создаем стилевой файл style_sinorca.css и описываем стили элемента body:
body {
margin: 0;
padding: 0;
font-family: Verdana;
}
Ответить на вопросы:
почему в данном случае блок ссылок 3-7 записан раньше, чем ссылки 1 и 2?
#sinorca {
background-color: #8caae6;
font-size: 30pt;
color: #274e90;
padding: 0.1em 0.4em;
}
Сохраните файлы и просмотрите отображение в браузерах
#main_menu {
background-color: #003399;
color: #fff;
font-size: 8pt;
padding: 0.6em 0.8em;
}
#main_menu a {
font-weight: bold;
}
Ссылки главного меню - белого цвета и не имеют подчеркивания, аналогично #right_points a, #head_div a => добавим селектор ссылок главного меню к указанным выше через запятую:
#right_points a, #head_div a, #main_menu a {
color: #fff;
text-decoration: none;
}
Сохраните файлы и просмотрите отображение в браузерах
#left_menu {
width: 170px;
font-size: 8pt;
float: left;
border-right: 1px solid #999999;
}
Sinorca contains an alternative ...
To view the alternative stylesheet in (certain) Gecko-based browsers, select Sinorca (alternative) from the View > Use Style submenu.
Опишите стили для этих ссылок
#noblock a, #noblock a:hover{
display: inline; - преобразуем назад в инлайновый элемент
border: 0;
padding-right: 0;
background: transparent;
}
11. Добавляем смену фона, цвета текста и появление границ при наведении на ссылки слева
Ответить на вопрос:
в данный момент ссылки при наведении и уходе мыши немного смещаются (прыгают). Почему так происходит и как избавиться от этого недостатка?
.cont {
color: #fff;
font-weight: bold;
font-size: 8pt;
}
+ применить правила для .light_blue
#main_content {
margin-left: 170px;
padding: 40px 20px;
}
This is …original design I submitted to OSWD in January 2003. Following is a summary of the major differences between this version and the original.
Sinorca … Acronis, a USA-based computer software company. This template is marked up in XHTML 1.0 Strict and styled with CSS… The design does not use any tables (unlike the design’s inspiration) resulting in greater design flexibility and cleaner code.
I hope …e-mail me your site’s URI.
#main_content p {
font-size: 8pt;
margin: 0;
padding: 1em 0.5em;
line-height: 1.5em;
text-align: justify;
}
+ класс .dots
I did not test version one of Sinorca in Opera before submitting it to OSWD. As a result, the original does not render properly in that browser. In contrast, this version of Sinorca has been fully tested in Opera (7.01), Gecko (Mozilla 1.3) and Internet Explorer (6.0) for consistent rendering.
This means that people using standards-compliant browsers will see the same format and layout of your page.
More comprehensive screen stylesheet
The improved cross-browser consistency…
* еще два абзаца третьего блока добавить аналогично
.left_moved {
width: 96%;
float: right;
text-indent: -20px;
}
делаем абзацы более узкими
смещаем их вправо
первая строка выступает ВЛЕВО на 20рх
Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:
Email: Нажмите что бы посмотреть