Имам следния код:
Как да направя така че всичко това да е в една таблица разделена на две и от едната страна да са линковете а от другата да се зареждат картинките. Благодаря предварително!
Код:
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">
.gallerycontainer{
position: relative;
}
.thumbnail:hover{
background-color: white;
}
.thumbnail span{
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: white;
text-decoration: none;
font-size: 50px;
}
.thumbnail span img{
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 230px;
z-index: 50;
}
.thumbnail:link, .thumbnail:visited {color: #2E557B; text-decoration: none; font-family: Tahoma; font-size: 16px;}
.thumbnail:hover {color: #666666; text-decoration: underline; font-family: Tahoma; font-size: 16px;}
</style>
</head>
<body>
<div>
<a class="thumbnail" href="#thumb"><strong>Видеонаблюдение</strong><span><img src="gif/main1.gif" /><br />Видеонаблюдение</span></a>
<br />
<a class="thumbnail" href="#thumb"><strong>Пожароизвестяване</strong><span><img src="gif/main2.gif" /><br />Пожароизвестяване</span></a>
<br />
<a class="thumbnail" href="#thumb"><strong>Домофонни системи</strong><span><img src="gif/main3.gif" /><br />Домофонни системи</span></a>
<br />
<a class="thumbnail" href="#thumb"><strong>Хотелски решения</strong><span><img src="gif/main4.gif" /><br />Хотелски решения</span></a>
<br />
<a class="thumbnail" href="#thumb"><strong>Алармени системи</strong><span><img src="gif/main5.gif" /><br />Алармени системи</span></a>
<br />
<a class="thumbnail" href="#thumb"><strong>Контрол на достъпа</strong><span><img src="gif/main6.gif" /><br />Контрол на достъпа</span></a>
</div>
<body>
</html>Как да направя така че всичко това да е в една таблица разделена на две и от едната страна да са линковете а от другата да се зареждат картинките. Благодаря предварително!
