geht noch immer net kA wieso
meine Gallery.htm sieht jetzt so aus
<td {class} width="{width}%" valign="top" align="center">
<div onmouseover="hiddpos('infodiv{id}')" class="layer" id="infodiv{id}" style="position:absolute; top:50px; left:50px; display:none; width:200px; height:200px;">
<table width="100%" class="border" border="0" cellspacing="1" cellpadding="4">
<tr>
<td class="info" align="left">
<strong>{_lang_filename}:</strong> {datei_name}
<br /><strong>{_lang_seen}:</strong> {klicks}
<br /><strong>{_lang_voting}:</strong> {vote_wertung}
<br /><strong>{_lang_comments}:</strong> {anz_koms}
<br /><strong>{_lang_desc}:</strong> {besch}
</td>
</tr>
</table>
</div>
und die style.css
/* ======== BODY =======================================================================================================================*/
body { margin: 0px;
background: #2f4752;
background-image: url(img/bg.jpg);
background-position: top;
background-repeat: repeat-x;}
#body_2 { width: 980px;}
#links { width: 180px;
float: left;
padding-left: 7px;
padding-rechts: 7px;
clear: none;
vertical-align: top;}
#rechts { width: 786px;
float: left;
padding-top: 7px;
padding-left: 7px}
/* ======== BODY ENDE ==================================================================================================================*/
/* ======== Buttonboxes ================================================================================================================*/
#buttonboxes { width: 940px;
height: 35px;
margin-bottom: 8px;}
#buttonbox_1 { width: 378px;
height: 35px;
float: left;
margin-left: 20px;}
#buttonbox_2 { width: 378px;
height: 35px;
float: left;
padding-left: 144px;}
.button_1 { width: 126px;
height: 22px;
float: left;
background-image: url(img/button_1.png);
padding-top: 13px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: normal;}
.button_2 { width: 126px;
height: 22px;
float: left;
background-image: url(img/button_2.png);
padding-top: 13px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: normal;}
.button_3 { width: 126px;
height: 22px;
float: left;
background-image: url(img/button_3.png);
padding-top: 13px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: normal;}
/* ======== Buttonboxes ================================================================================================================*/
/* ======== NAVI_LEFT ==================================================================================================================*/
#boxes_l{ width: 200px;
text-align: left;
clear: none;
vertical-align: top;
float: left;
margin-left: 6px;}
#navigation { margin-left: 9px;}
.navi_top { width: 181px;
height: 35px;
background-image: url(img/navi_top.jpg);}
.navi_middle { width: 181px;
background-image: url(img/navi_middle.jpg);
padding: 0px;}
.navi_bottom { width: 181px;
height: 12px;
background-image: url(img/navi_bottom.jpg);}
.box_l_top { width: 200px;
height: 11px;
background-image: url(img/navibox_top.jpg);}
.box_l_middle { width: 200px;
background-image: url(img/navibox_middle.jpg);}
.box_l_bottom { width: 200px;
height: 11px;
background-image: url(img/navibox_bottom.jpg);}
.input{ padding-left: 7px;
padding-top: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;}
/* ======== NAVIGATION FARBE: BLAU ==================================================================================================================*/
/* ======== NAVIGATION FARBE: BLAU ==================================================================================================================*/
.com_menu ul{ padding: 0px;
margin: 0px;
margin-bottom: 0px;
list-style-type: none; }
.com_menu li{ margin: 0px;
padding: 0px;
margin-bottom: 0px;
list-style-type: none;}
.com_menu li ul { margin-bottom: 0px;
padding: 0px;
margin: 0px;}
.com_menu li li { margin-bottom: 0px;
padding: 0px;
margin: 0px;
margin-top: 0px;}
.com_menu li a{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 181px;
height: 22px;
color: #000000;
text-indent: 15px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_blau_2.jpg);}
.com_menu li a:hover{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 181px;
height: 22px;
color: #000000;
text-indent: 15px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_blau_1.jpg);}
.com_menu li li a{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 181px;
height: 22px;
color: #000000;
text-indent: 25px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_blau_3.jpg);}
.com_menu li li a:hover{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 181px;
height: 22px;
color: #000000;
text-indent: 25px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_blau_4.jpg);}
/* ======== NAVIGATION FARBE: BLAU ==================================================================================================================*/
/* ======== NAVIGATION FARBE: BLAU ==================================================================================================================*/
/* ======== NAVIGATION FARBE: ORANGE ==================================================================================================================*/
/* ======== NAVIGATION FARBE: ORANGE ==================================================================================================================*/
.com_menu_orange ul{ padding: 0px;
margin: 0px;
margin-bottom: 0px;
list-style-type: none; }
.com_menu_orange li{ margin: 0px;
padding: 0px;
margin-bottom: 0px;
list-style-type: none;}
.com_menu_orange li ul { margin-bottom: 0px;
padding: 0px;
margin: 0px;}
.com_menu_orange li li { margin-bottom: 0px;
padding: 0px;
margin: 0px;
margin-top: 0px;}
.com_menu_orange li a{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 175px;
height: 22px;
color: #000000;
text-indent: 15px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_orange_2.jpg);}
.com_menu_orange li a:hover{margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 175px;
height: 22px;
color: #000000;
text-indent: 15px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_orange_1.jpg);}
.com_menu_orange li li a{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 175px;
height: 22px;
color: #000000;
text-indent: 25px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_orange_3.jpg);}
.com_menu_orange li li a:hover{ margin-bottom: 0px;
display: block;
margin: 0px;
padding-top: 0px;
width: 175px;
height: 22px;
color: #000000;
text-indent: 25px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 24px;
background-image: url(img/navi_orange_4.jpg);}
/* ======== NAVIGATION FARBE: ORANGE ==================================================================================================================*/
/* ======== NAVIGATION FARBE: ORANGE ==================================================================================================================*/
/* ======== NAVI_LEFT ENDE =============================================================================================================*/
/* ======== CONTENT ====================================================================================================================*/
#content { width: 721px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin-left: 6px;
vertical-align: top;
float: left;
color: #000000;
background-color: #FFFFFF;}
#content_top { width: 721px;
height: 12px;
background-image: url(img/contentbox_top.jpg);}
#content_middle { width: 721px;
background-image: url(img/contentbox_middle.jpg);
clear: none;}
#content_bottom { width: 721px;
height: 12px;
background-image: url(img/contentbox_bottom.jpg);}
.content_box { width: 489px;
padding-left: 9px;}
.content_box_top { width: 473px;
height: 22px;
background-image: url(img/content_top.jpg);
padding-left: 7px;
padding-top: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;}
.content_box_middle { width: 470px;
background-image: url(img/content_middle.jpg);
padding: 5px;}
.content_box_bottom { width: 480px;
height: 7px;
background-image: url(img/content_bottom.jpg);
margin-bottom: 9px;}
.content_box2 { width: 223px;
margin-bottom: 9px;}
.content_box2_top { width: 213px;
height: 29px;
background-image: url(img/box_top.jpg);}
.content_box2_middle { width: 203px;
background-image: url(img/box_middle.jpg);
padding: 5px;}
.content_box2_bottom { width: 213px;
height: 7px;
background-image: url(img/box_bottom.jpg);
margin-bottom: 9px;}
/* ======== CONTENT ENDE ===============================================================================================================*/
/* ======== IMPRESSUM ===============================================================================================================*/
.impressum{ font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 9px;
color: #333333}
/* ======== IMPRESSUM ===============================================================================================================*/
/* ======== ILCH =======================================================================================================================*/
.abg { }
td { font-family: Arial;
font-size: 11px;
color: #000000;}
a { font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px;
text-decoration: none;
color: #000000;
font-weight: bold;}
a:link { font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px;
text-decoration: none;
color: #000000;
font-weight: bold; }
a:visited { font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px;
text-decoration: none;
color: #000000;
font-weight: bold; }
a:hover { font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px;
text-decoration: none;
color: #005b98;
font-weight: bold; }
a.box{ color: #000000;
font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px; }
a.box:hover { color: #005b98;
text-decoration: none; }
.Chead { background-color: #005b98;
color: #FFFFFF;}
.Chead td, .Chead td strong, .Chead h4, .Chead td b{ color: #FFFFFF;}
.Callg { color: #000000;
font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px; }
.Callg td { color: #000000;
font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px; }
.Cnorm { background-color: #efefef;}
.Cmite { background-color: #efefef;}
.Cdark { background-color: #efefef;}
#Ballg { color: #000000;}
#Ballg td { color: #000000;}
.Bhead { color: #000000;}
.Bbody { color: #000000;}
.Bbody2 { color: #2B2B2B;}
.smalfont { font-size: 11px;
text-decoration: none;}
.border { background-color: #000000;}
hr { height: 0px;
border-top-width: 1px; }
input, textarea, select { color: #000000;
font-family: Arial, Helvetica, sans-serif, Default;
font-size: 11px;
border-color: #005b98;
border-width: 1px;
border-style: solid;
text-decoration: none;}
#menu ul { padding-left: 1px;
margin-left: 6px;
margin-top: 4px}
#smallmenu { }
#smallmenu li { font-size: 11px; }
#smallmenu a { font-size: 11px; }
#info {
background-color: #3399ff;
font-family: Verdana,sans-serif,default;
font-size: 12px;
color: #ff9900;
}
Nur Idioten halten Ordnung. Ein Meister beherrscht das Chaos