Follow along with the video below to see how to install our site as a web app on your home screen.
Бележка: This feature may not be available in some browsers.
morkov4o каза:Можеш ли да покажеш сайта а не картинки ? Имаш ли грешки по кода (провери в wc3)
morkov4o каза:дай да видим кода само на менюто първо ... и ако в него си вкарвал и картинка сигурен ли си ,че си я качил на хоста?
* {
margin: 0;
padding: 0;
}
img {
border: none;
background-position: center bottom;
height:150px;
width:250px;
background: url(img/img.gif);
}
body {
font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
font-size: 83%;
margin: 0px;
padding: 0px;
background-color: #6699CC;
}
a {
text-decoration: underline;
color: #C1C443;
}
a:hover {
text-decoration: none;
}
p {
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 15px;
color: #6699CC;
margin: 0px;
}
h2 {
color: #3399CC;
font-size: 1.5em;
font-weight: normal;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
/* Sudurjanie */
#syd {
margin-left:auto;
margin-right:auto;
height:700px;
width:760px;
}
/* Header */
#header {
width:760px;
height:120px;
background:#FFFFFF;
border-right: 2px solid #3399FF;
border-top: 2px solid #3399FF;
border-left: 2px solid #3399FF;
}
#srd {
width:560px;
height:500px;
float:left;
background:#FFFFFF;
border-right: 2px solid #3399FF;
border-bottom: 2px solid #3399FF;
}
#rek {
width:200px;
height:500px;
float:left;
background:#FFFFFF;
border-left: 2px solid #3399FF;
border-bottom: 2px solid #3399FF;
}
/* Menu */
#menu {
width: 760px;
height: 40px;
margin: auto;
background: url(img/b2.gif);
border-left: 2px solid #3399FF;
border-right: 2px solid #3399FF;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float:left;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 40px;
width: 100px;
padding: 9px 20px 0 20px;
text-decoration: none;
background:url(img/b2.gif);
no-repeat center;
color: #FFFFFF;
}
#menu a:hover, #menu ul li a.cur {
background: url(img/b1.gif);
color: #FFFFFF;
}
*/ Menu Krai ! */
<head>
<meta http-equiv="content-type" content="text/html;charset=windows-1251;" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Добре Дошли в моя Сайт !</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<style>
* {
margin: 0;
padding: 0;
}
img {
border: none;
background-position: center bottom;
height:150px;
width:250px;
background: url(img/img.gif);
}
body {
font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
font-size: 83%;
margin: 0px;
padding: 0px;
background-color: #6699CC;
}
a {
text-decoration: underline;
color: #C1C443;
}
a:hover {
text-decoration: none;
}
p {
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 15px;
color: #6699CC;
margin: 0px;
}
h2 {
color: #3399CC;
font-size: 1.5em;
font-weight: normal;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
/* Sudurjanie */
#syd {
margin-left:auto;
margin-right:auto;
height:700px;
width:760px;
}
/* Header */
#header {
width:760px;
height:120px;
background:#FFFFFF;
border-right: 2px solid #3399FF;
border-top: 2px solid #3399FF;
border-left: 2px solid #3399FF;
}
#srd {
width:560px;
height:500px;
float:left;
background:#FFFFFF;
border-right: 2px solid #3399FF;
border-bottom: 2px solid #3399FF;
}
#rek {
width:200px;
height:500px;
float:left;
background:#FFFFFF;
border-left: 2px solid #3399FF;
border-bottom: 2px solid #3399FF;
}
/* Menu */
#menu {
width: 760px;
height: 40px;
margin: auto;
background: url(img/b2.gif);
border-left: 2px solid #3399FF;
border-right: 2px solid #3399FF;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float:left;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 40px;
width: 100px;
padding: 9px 20px 0 20px;
text-decoration: none;
background:url(img/b2.gif);
no-repeat center;
color: #FFFFFF;
}
#menu a:hover, #menu ul li a.cur {
background: url(img/b1.gif);
color: #FFFFFF;
}
*/ Menu Krai ! */
</style>
</head>
<center>
<table>
<tr>
<td colspan="2" id="header">aaa</td>
</tr>
<tr>
<td colspan="2">
<div id="menu">
<ul>
<li><a href="" class="cur"><b>Начало</b></a></li>
<li><a href="#">За Мен</a></li>
<li><a href="#">Проекти</a></li>
<li><a href="#">Контакти</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td id="rek">aaa</td><td id="srd">asasas</td>
</tr>
</table>
</center>