Как ще стане като натисна на някакъв бутон от менюто да ми зареди стрницата във container или baclipsum дива (няма значение в кой див важното да стане работата) както е направено и във уеб туриста. Ето и кода:
index.htm
style.css
Извинявам се ако съм объркал раздела
index.htm
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Личен сайт на Белгин Мешели</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link href="icon.png" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
<ul>
<li><a href="#">Начало</a></li>
<li><a href="#">За мен</a></li>
<li><a href="#">Галерия</a></li>
<li><a href="#">Връзки</a></li>
<li><a href="#" id="last">За контакти</a></li>
</ul>
</div>
<div id="backlipsum">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus accumsan elit. Integer commodo vestibulum lectus. Cras tempor ultricies velit. Integer dolor quam, pharetra at, rutrum eu, pretium vitae, mauris. Sed pretium. Donec ut ipsum. Proin adipiscing sem sed augue. Curabitur vitae eros ultricies nisl tempor ullamcorper. Quisque erat lacus, tristique in, rutrum a, pellentesque sit amet, dolor. Vestibulum pellentesque consectetur libero. Integer varius. Morbi nibh. Aenean interdum ullamcorper odio. Cras a dui. Phasellus lectus.</p>
</div>
<div id="image">
</div>
<div id="footer">
</div>
</div>
</body>
</html>style.css
Код:
html, body
{
height: 100%;
background-image: url(background.gif);
margin: 0px;
padding: 0px;
}
#container
{
background: url(container.gif);
width: 775px;
margin: 0 auto;
border-left: 5px solid #5D5D5D;
border-right: 5px solid #5D5D5D;
}
#header
{
background-image: url(header.gif);
height: 95px;
margin: 0 auto;
border-bottom: 2px solid #5D5D5D;
}
#menu
{
background-image: url(menu.gif);
height: 35px;
padding-top: 1px;
padding-left: 50px;
}
ul
{
margin-top: 5px;
margin-bottom: 0px;
}
ul li
{
display:inline;
padding-left:50px;
}
#last
{
margin-left: -20px;
}
a
{
color: #fff;
font: 18px arial sans-serif;
text-decoration: none;
}
a:hover
{
color: #306570;
font: 18px arial sans-serif;
text-decoration: none;
}
#backlipsum
{
background-image: url(backlipsum.gif);
height: 453px;
width: 453px;
margin: 100px 2px 40px 20px;
}
p
{
padding: 30px 2px 0 20px;
}
/*
#backlipsumtop
{
background-image: url(backlipsumtop.gif);
height: 263px;
width: 454px;
}
#backlipsumcont
{
background-image: url(backlipsumcont.gif);
background-repeat: repeat-y;
margin: 0px 0px 0px 0px;
padding: 0px 300px 0px 10px;
}
#backlipsumbottom
{
background-image: url(backlipsumbottom.gif);
height: 198px;
width: 454px;
}
*/
#image
{
background-image: url(image.gif);
background-repeat: no-repeat;
height: 454px;
margin: -496px 5px 10px 475px;
}
#footer
{
background-image: url(footer.gif);
height: 45px;
}Извинявам се ако съм объркал раздела
