Материал: Курсовая_работа_Web__Матвиенко._Вариант_0033_д3

align="right">

<p class="font_small"></p>

</td>

<td valign="top" align="right" id="tema">

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td></tr>

<tr><td id="body_txt"> <div id="content">

<div class="inner">

<p><font size="5" color="black" face="Monotype Corsiva">

<span style="font-size: 18.0pt;font-family:"Monotype

Corsiva";color:black">Ми рад</span><span lang="EN-US" style="font-size: 18.0pt; fontfamily: Monotype Corsiva; color: black">i</span><span lang="EN-US" style="fontsize:

18.0pt;font-family:"Monotype Corsiva";color:black"> </span>

<span style="font-size:18.0pt;font-family: "Monotype

Corsiva";color:black">в</span><span lang="ENUS" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt; font-family:"Monotype

Corsiva";color:black">тати вас!!!</span></font></p>

<p><font size="5" color="black" face="Monotype Corsiva">

<span style="font-size: 18.0pt;font-family:"Monotype Corsiva";color:black">Учбовий заклад:

color:black">тня </span>

<span lang="EN-US" style="font-size: 18.0pt; fontfamily: Monotype Corsiva; color: black"> I</span><span style="font-size:18.0pt;font- family:"Monotype Corsiva"; color:black">стро</span><span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">і</span><span style="font- size:18.0pt;font-family:"Monotype Corsiva"; color:black">я"</span></font></p>

alt="Прокрутить вверх" />

</div>

</td>

</tr>

<tr><td align="center" id="bottom_menu">

<p> </p>

<a href="index.html">Головна</a> |<a href="slovar.html">Словник Термінів</a> |<a href="biograph_dov.html">Біографічний довідник</a> |<a href='connect.html'>Контакти</a>

<p> </p>

<div class="footer">

<p>Сайт розробив <span> <a target=_new href

="https://vk.com/matvienko_bogdan"

title="Cторінка ВК Матвієнко Богданна.">Матвієнко Богдан</A></span>.<p>

<p>© 2015. Всі права захищені.</p>

</div>

<p> </p>

</div>

</div>

</article> </div> </html>

Додаток Б

Код каскадної таблиці стилів «drop_gor_menu.css»:

ul.menu { margin: auto; padding: 0; height: 30px; width: 100%;

background: url("images/gor_menu_hover") repeat-

x;

}

ul.menu li {

background: url("images/gor_menu_punkt.png") 12px 5px no-repeat;

float: left; list-style: none;

}

ul.menu li a { color: #8B4513; display: block;

padding: 6px 32px 0px; text-decoration: none;

}

ul.menu li a:hover {

background: url("images/gor_menu_punkt.png.png") 12px 5px no-repeat;

}

ul.menu li ul { display: none; margin-left: 12px; padding: 0px;

}

ul.menu li:hover ul { display: block; position: absolute;

}

ul.menu li:hover ul li { float: none;

}

ul.menu ul li { color: #8B4513;

background: url("images/gor_menu_punkt.png") 12px 5px no-repeat;

padding: 6px 12px 0px;

}

ul.menu ul li:hover { color: #8B4513;

background: url("images/gor_menu_hover.png") repeat-x;

padding: 6px 12px 0px;

}

ul.menu ul li a { color: #8B4513; padding: 6px 12px 0px;

}

ul.menu ul li a:hover {

background: url("images/gor_menu_hover") repeat-

x;

color: #FF7F50; padding: 6px 12px 0px;

}

ul.menu li:hover ul li a { padding: 0px 0 8px;

#djslider21 { width: 71%}

.images img{width:70%;padding:200px 0;}

html, body { height: 100%; width: 100%; margin: 0px; padding: 0px;

text-align: center;

}

background: url(images/12.jpg); background-repeat: no-repeat;

/* если ширина окна <= 1000px ... */ /*открываем media query*/

@media screen and (max-width: 1000px) {