как да махна това кадето е на нартинката в червеното.? и името на картиката
картинката: http://adata.mine.nu/fff.jpg
ето и кода на css:
картинката: http://adata.mine.nu/fff.jpg
ето и кода на css:
Код:
/* CSS
--------------------------------------------------*/
body {
color: #000000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
background: #FFFFFF;
}
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {
margin: 0;
padding: 0;
}
/* Links
--------------------------------------------------*/
a {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a img {
border: none;
}
/* IDs
--------------------------------------------------*/
#wrapper {
padding: 0;
margin: 0;
width: 760px;
}
#content {
width: 740px;
padding: 10px;
text-align: left;
background: transparent;
}
#logohead {
background: #FFFFFF;
padding-bottom: 5px;
}
#logofoot {
background: #FFFFFF;
padding-bottom: 5px;
}
#pagehead {
background: #FFFFFF;
color: #000000;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
padding: 7px;
margin-bottom: 10px;
line-height: 10pt;
border: 1px solid #6EB3FF;
}
#pagehead a {
color: #000000;
}
#subhead {
margin: 0 0 10px 0;
}
#pagefoot {
background: #FFFFFF;
color: #000000;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
margin: 10px 0 30px 0;
padding: 0 5px;
float: left;
}
#pagefoot a {
color: #000000;
}
#mainimage {
text-align: center;
padding: 0 10px 10px 10px;
}
#framedivleft {
background: transparent;
width: 290px;
float: left;
overflow: auto;
}
#framedivright {
background: transparent;
width: 450px;
float: right;
}
/* Classes
--------------------------------------------------*/
.low {
display: none;
}
.smalltext {
font-size: 8pt;
}
.clearer {
clear: both;
line-height: 0;
}
.left {
float: left;
clear: right;
}
.right {
float: right;
}
.center {
text-align: center;
}
.sep {
line-height: 0px;
height: 1px;
border: none;
background: #a2c0df;
color: #a2c0df;
margin: 0;
padding: 0;
}
.seppad {
line-height: 0px;
height: 1px;
border: none;
background: #a2c0df;
color: #a2c0df;
margin: 10px 0 10px 0;
padding: 0;
}
.pagebar {
margin: 10px 0;
}
.metabox {
background: #FFFFFF;
border: #DEDEDE 1px solid ;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
padding: 5px;
margin: 0;
line-height: 11pt;
}
.metaitem {
margin-bottom: 4px;
}
.metatitle {
margin-bottom: 10px;
}
.metatitle1 {
font-size: 11pt;
color: #000000;
line-height: 17pt;
font-weight: bold;
margin: 0;
padding: 0;
font-family: "Arial", Helvetica, sans-serif;
float: left;
margin-right: 8px;
}
.metatitle2 {
font-style: italic;
margin-left: 2px;
margin-top: 0.5em;
float: left;
}
.metatitle3 {
margin-top: 0.5em;
float: right;
}
.metatitle4 {
margin-top: 0.5em;
float: left;
}
.thumbcontainer {
padding: 5px;
margin: 5px;
background: #FFFFFF;
border: #DEDEDE 1px solid;
height: auto;
}
.thumbmeta {
margin-top: 5px;
text-align: left;
line-height: 12pt;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
color: #000000;
}
.paginate {
color: #0033FF;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
text-align: center;
}
.paginate a {
padding: 2px;
text-decoration: underline;
color: #0033FF;
}
.paginate .this-page {
padding: 2px;
font-weight: bold;
font-size: 7pt;
color: #0033FF;
}
.paginate a:hover {
color: #0033FF;
text-decoration: none;
}
.imagenav {
color: #000000;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
padding: 5px;
margin: 10px 0 10px 0;
}
.imagenav a {
color: #000000;
}
/* Headings
--------------------------------------------------*/
h1 {
font-size: 18pt;
margin: 10px 0 10px 0;
font-weight: normal;
padding: 0;
font-family: "Georgia", Times, serif;
color: #000000;
}
#subhead h1 {
margin: 10px 0 0 0;
}
/* Images
--------------------------------------------------*/
/* Tables
--------------------------------------------------*/
caption {
display: none;
}
кода на .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Биляна 2000</title>
<link href="../../css/stylesheet.css" rel="stylesheet" type="text/css" />
<script language="JavaScript1.1">
var playing = 0
var timeoutID = 0
var slideShowNextLink = "../../pages/image/imagepage2.html"
var slideShowDelay = 3000
// Browser detection
var agt = navigator.userAgent.toLowerCase();
var is_ie = (agt.indexOf("msie") != -1);
if (location.href.indexOf("?") != -1) {
urlQuery = location.href.split("?")
playing = parseInt(urlQuery[1])
}
if (playing == 1) {
startSlideShow()
}
function slideShow() {
window.location.href = slideShowNextLink + "?" + "1"
timeoutID = setInterval("slideShow()", slideShowDelay);
}
function startSlideShow() {
clearTimeout(timeoutID)
timeoutID = setInterval("slideShow()", slideShowDelay);
}
function stopSlideShow() {
clearTimeout(timeoutID)
if (is_ie) {
fakeTimeoutID = setInterval("redirectDelay()", 0);
}
else {
redirectDelay();
}
}
function redirectDelay() {
tempArray = window.location.href.split("?")
window.location.href = tempArray[0]
}
</script>
</head>
<body>
<div class="imagenav">
<strong>Slideshow:</strong> <a href="javascript:void(0)" name="slideShowControl" onclick="startSlideShow()">Start</a> | <a href="javascript:void(0)" name="slideShowControl" onclick="stopSlideShow()">Stop</a>
Previous |
<a href="../../pages/image/imagepage1.html">Home</a> |
<a href="../../pages/image/imagepage2.html">Next</a>
<div class="clearer"> </div>
</div>
<div id="mainimage">
<a href="../../images/fullsize/%c8%e7%ee%e1%f0%e0%e6%e5%ed%e8%e5067.jpg.JPG" target="_top">
<img src="../../images/image/%c8%e7%ee%e1%f0%e0%e6%e5%ed%e8%e5067.JPG" width="267" height="200" />
</a>
</div>
<div class="metabox">
<div class="metaitem">
<h2 class="metatitle1">Орлов Мост</h2>
<span class="metatitle2">Реставрация на Асеновеца</span>
<span class="metatitle3">
<img src="../../resources/graf_star_zero.gif" />
</span>
<br />
<br />
<table>
<tr>
<td width="70%">
<div class="metaitem">
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>