21-05-2013, 13:18
może coś takiego Ci pomoże:
strona.html
styl.css
strona.html
Kod:
<html>
<head>
<title>Jakas tam strona o aparatach</title>
<link rel="Stylesheet" type="text/css" href="styl.css" />
</head>
<body>
<img src=logo.png class=logo>
<table>
<tr>
<th class=lewa>
lewa górna
</th>
<th>
<ul>
<li><a href="www.nikon.pl"><img src=nikon.jpg></a></li>
<li><a href="olympus.jpg"><img src=olympus.jpg></a></li>
<li><a href="sony.pdf"><img src=sony.jpg></a></li>
<li><a href="panasonic.html" class=powiekszenie><img src=panasonic.jpeg></a></li>
</ul>
</th>
</tr>
<tr>
<th class=lewa>
lewa dolna
</th>
<th>
prawa dolna
</th>
</tr>
</table>
</body>
</html>Kod:
body{
background-color: #BBBBBB;
width: 800px;
margin: 0 auto;
}
.logo{
width: 300px;
}
table{
width: 800px;
}
tr{
float: left;
}
th.lewa{
width: 500px;
}
a img{
width: 110px;
height: 100px;
}
a:hover.powiekszenie{
display: block;
width: 126,5px;
height: 110px;
}
cały czas się czegoś uczę
mogę palnąć jakąś głupotę
mogę palnąć jakąś głupotę
