4images Forum & Community
4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: kubiczek on July 24, 2010, 10:48:25 AM
-
Hallo,
in der Details ansicht wird im Firefox alles bestens ausgegeben, und im IE wird die Tabelle in der "Navigation" langgezogen,
sehe selbst..... http://www.grosspeterwitz.org/gp/details.php?image_id=4976&l=deutsch
hier meine deteils.htm{header}
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '131558016859146', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/de_DE/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
{if gmap}
{gmap_java}
<script src="../../../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="../../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.Stil1 {
font-size: 18px;
font-weight: bold;
}
-->
</style>
{endif gmap}
<table width="990" border="0" cellspacing="10" cellpadding="0" >
<tr>
<td class="bordercolor">
<table width="990" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="{template_url}/images/c_tl.png" alt="c_tl" /></td>
<td background="{template_url}/images/c_t.png"><img src="{template_url}/images/c_t.png" alt="c_t" /></td>
<td><img src="{template_url}/images/c_tr.png" alt="c_tr" /></td>
</tr>
<tr>
<td background="{template_url}/images/c_l.png"><img src="{template_url}/images/c_l.png" alt="c_l" /></td>
<td class="tablebgcolor">
<table width="964" border="0" cellspacing="0" cellpadding="0" class="navbar">
<tr>
<td height="41">
<table width="964" border="0" cellspacing="0" cellpadding="0" class="navbar_ext" height="41" align="left">
<tr>
<td width="440"> {clickstream}<b><font color="#FFFFFF">{lang_curr_image_number}
{curr_image_number} {lang_all_image_number} {all_image_number}</font></b></td>
<td width="524" align="right">
{ifnot lang_loggedin_msg}
<a href="{url_register}"><b>{lang_register}</b></a>
{endifnot lang_loggedin_msg}
<a href="{url_search}"><b>{lang_advanced_search}</b></a>
<a href="{url_top_images}"><b>{lang_top_images}</b></a>
<a href="{url_new_images}"><b>{lang_new_images}</b></a> </td>
</tr>
</table> </td>
</tr>
</table>
<table width="964" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="204" class="row2" valign="top" style="padding-top:10px;">
<table width="204" border="0" cellspacing="0" cellpadding="0" align="center" class="reg_table" bgcolor="#FFFFFF">
<tr bgcolor="#EBEBEB">
<td class="head22_reg" height="37"><div align="center">{lang_nav_user}</div></td>
</tr>
<tr bgcolor="#EBEBEB">
<td bgcolor="#EBEBEB" class="reg_table" ><table width="204" border="0">
<tr>
<td width="102"><div align="right">{if prev_image_name} <a href="{prev_image_url}"><img src="dein_button_2.gif" alt="back" border="0" /></a> {endif prev_image_name}</div></td>
<td width="102"><div align="left">{if next_image_name} <a href="{next_image_url}"><img src="dein_button_1.gif" alt="next" border="0" /></a> {endif next_image_name}</div></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td height="20"><div align="center">
<div align="center">{melden_button} </div></td>
</tr>
<tr>
<td height="20"><div align="center">{puzzle_button_popup} </div></td>
</tr>
<tr>
<td height="20"> <p align="center"><script type="text/javascript">
var nk_wg = ({
content: null,
host: "http://nk.pl/",
image: "http://0.s-nk.pl/img/sledzik/widgets/nk_buttons/nk_button_321",
layout: 'nk'
});
</script>
<script type="text/javascript" src="http://0.s-nk.pl/script/sledzik/widgets/sledzik_widget_shout"></script>
</p></td>
</tr>
<tr>
<td height="20"><p align="center" > <a href="#" onClick="einblenden('click_container'); return false;"><b>{lang_pin}</b></a> </td>
</table>
<table width="186" border="0" align="center" {if image_description} >
<tr>
<td bgcolor="#EBEBEB">
<p align="center" class="head23_reg"><b>{lang_description}</b></p>
<p align="center" >{image_description}</p>
</td>
</tr>{endif image_description}
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td > </td>
</tr>
<tr bgcolor="#FFFFFF">
<td class="head2_reg" height="37">{lang_registered_user}</td>
</tr>
<tr bgcolor="#EBEBEB">
<td height="8" bgcolor="#EBEBEB" class="row3"><img src="./templates/default/images/spacer.gif" alt="" width="4" height="8" /><a style="text-decoration: none" href="javascript:toggle('lnk6')">Anmeldung</a></td>
</tr>
<tr>
<td width="150px" id="lnk6" style="DISPLAY: none" border="0" cellpadding="3" cellspacing="0">
{user_box}
</td>
</tr>
</table><br />
{if random_image}
<table width="204" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="head2" height="36">{lang_random_image}</td>
</tr>
<tr>
<td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<tr>
<td align="center" class="row1">
<br />
{random_image}
<br />
<br /> </td>
</tr>
<tr>
<td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
</table>
<p>{endif random_cat_image} </p>
<table width="100%" border="0">
<tr>
<td bgcolor="#CCCCCC">
<div align="center"><b>Du hast derzeit eine Bildschrimauflösung von:
<script type="text/javascript">document.write(screen.width + "x" + screen.height)</script>
Bildpunkten eingestellt.</b></div>
</td>
</tr>
</table>
<p> </p>
</td>
<td width="1" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
<td width="18" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="16" height="6" /></td>
<td width="721" valign="top" style="padding-top:10px;">
<table width="800" border="0">
<tr>
<td>
<p><b class="title">{image_name}</b>{if image_is_new}
<sup class="new">{lang_new}</sup>{endif image_is_new}
{if pin_image_show_access} <font color="#FF0000">{lang_pin_info}</font>{endif
pin_image_show_access} {ifnot pin_image_show_access}
{endifnot pin_image_show_access}
</td>
</tr>
</table>
<hr size="1" />
<font class="row1" color="#FF0000">{if msg}<b>{msg}</b></font><b><br />
</b>{endif msg}
<div align="center">
{image}
{if google_id}
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId={google_id}" allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" FlashVars="playerMode=embedded"> </embed>
{endif google_id}
{if youtube_id}
<object width="694" height="569"><param name="movie" value="http://www.youtube.com/v/{youtube_id}"><embed src="http://www.youtube.com/v/{youtube_id}" type="application/x-shockwave-flash" width="694" height="569"></embed></object>
{endif youtube_id}
<!-- Start mod: pin image -->
{ifnot pin_image_show}
</div>
{endifnot pin_image_show}
{if pin_image_show}
{if pin_image_show_access}
<div id="click_container" style="position:absolute; width:{width}px; height:{height}px; cursor:crosshair; display:yes; " onClick="displayOffsets(event);">
{endif pin_image_show_access}
{ifnot pin_image_show_access}
<div id="click_container" style="position:absolute; width:{width}px; height:{height}px;">
{endifnot pin_image_show_access}
{pin_image}
</div></div>
<p align="left">
<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->
</script>
{if pin_image_show_access}
<script type="text/javascript" language="javascript">
<!--
function getXOffset(e) {
if (typeof e.offsetX != 'undefined')
return e.offsetX;
else if (typeof e.pageX != 'undefined')
return e.pageX - e.target.offsetLeft;
}
function getYOffset(e) {
if (typeof e.offsetY != 'undefined')
return e.offsetY;
else if (typeof e.pageY != 'undefined')
return e.pageY - e.target.offsetTop;
}
function displayOffsets(e) {
e = (e) ? e : window.event;
window.open("./pin_images.php?pin=1&l={l}&z={image_id}&x="+ getXOffset(e) +"&y="+ getYOffset(e) +"","new","toolbar=no,scrollbars=no,resizable=no,width=360,height=270,top=0,left=0");
}
//-->
</script>
{endif pin_image_show_access}
{endif pin_image_show}
<!-- End mod: pin image -->
{if admin_links}<br />
{admin_links}<br />
{endif admin_links}
<table width="800" border="0" align="left">
<tr valign="top" bgcolor="#FFFFFF">
<td colspan="2" bordercolor="#CCCCCC"><div align="center">{lightbox_button} {postcard_button} {download_button}</div></td>
</tr>
<tr valign="top" bgcolor="#FFFFFF">
<td colspan="2" bordercolor="#CCCCCC" bgcolor="#C7C7CB">{if gmap}
<div class="caption">
<p align="center" class="Stil1">Map</p>
</div>
<div class="contentbox">
<div align="center">
<div id="map" style="width: 600px; height: 400px"></div>
</div>
{endif gmap} </td>
<tr valign="top" bgcolor="#CCCCCC">
<td bordercolor="#CCCCCC" width="400">
<table width="370" border="0" cellpadding="3" cellspacing="0" align="center">
<tr bgcolor="#CCCCCC">
<td class="head4" valign="top" colspan="2">
<div align="center">{image_name}</div>
</td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign="top" class="row1" width="300"><b>{lang_date}</b></td>
<td valign="top" class="row1" width="300">{image_date}</td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign="top" class="row2" width="300"><b>{lang_hits}</b></td>
<td valign="top" class="row2" width="300">{image_hits}</td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign="top" class="row1" width="300"><b>{lang_downloads}</b></td>
<td valign="top" class="row1" width="300">{image_downloads}</td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign="top" class="row1" width="300"><b>{lang_file_size}</b></td>
<td valign="top" class="row1" width="300">{image_file_size}</td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign="top" class="row2" width="300"><b>{lang_added_by}</b></td>
<td valign="top" class="row2" width="300">{user_name_link}</td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign="top" class="row2" width="300"><b>Pixel</b></td>
<td valign="top" class="row2" width="300">{width}
x {height}</td>
</tr>
</table>
{if iptc_info}
<table width="370" border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td class="bordercolor">
<table width="370"border="0" cellpadding="3" cellspacing="0">
<td class="head4" valign="top" colspan="2">IPTC Info:
<a href="javascript:toggle('lnk1')">anzeigen</a>
</td>
</table>
<table width="370" id="lnk1" style="DISPLAY: none" border="0" cellpadding="3" cellspacing="0">
{iptc_info}
</table>
</td>
</tr>
</table>
{endif iptc_info}
{if exif_info}
<table width="370" border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td class="bordercolor">
<table width="370"border="0" cellpadding="3" cellspacing="0">
<td class="head4" valign="top" colspan="2">EXIF Info :
<a href="javascript:toggle('lnk2')">anzeigen</a>
</td>
</table>
<table width="370" id="lnk2" style="DISPLAY: none" border="0" cellpadding="3" cellspacing="0">
{exif_info}
</table>
</td>
</tr>
</table>
{endif exif_info}
</p>
<p> </p>
</td>
<td width="400" bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<div align="center"> {if allow_comments} <a name="comments"></a>
<br />
<table width="370" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" class="head4" width="200">{lang_author}</td>
<td valign="top" class="head4" width="170">{lang_comment}</td>
</tr>
{comments}
</table>
</div>
<p align="center"><br />
{comment_form} {endif allow_comments} </p>
</td>
</tr>
</div>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="20" valign="top">
<p><img src="{template_url}/images/spacer.gif" width="19" height="19" alt="" /></p>
<p> </p>
<p> </p>
<p>{group_preview}</p>
</td>
</tr>
</table> </td>
<td background="{template_url}/images/c_r.png"><img src="{template_url}/images/c_r.png" alt="c_r" /></td>
</tr>
<tr>
<td><img src="{template_url}/images/c_bl.png" alt="c_bl" /></td>
<td background="{template_url}/images/c_b.png"><img src="{template_url}/images/c_b.png" alt="c_b" /></td>
<td><img src="{template_url}/images/c_br.png" alt="c_br" /></td>
</tr>
</table> </td>
</tr>
</table>
{footer}
kann mir jemand sagen was falsch ist?
-
Hi!
du solltest mal alle css und html fehler bereinigen, z.b.:
in deiner css, ein schreibfehler:
.home_banner {
widht: 743px;
html fehler (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.grosspeterwitz.org%2Fgp%2Fdetails.php%3Fimage_id%3D4976%26l%3Ddeutsch)
desweiteren hast ein javascript aufruf vor der doctype declaration das geht überhaupt nicht:
<body onLoad="load()" onUnload="GUnload()"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
u.s.w.
mfg Andi
-
danke dir,
habe die style.css bereinigt,
ich habe die tabele der "Beschreibung" mit {if image_description} beschreibung {endif image_description} ausbeblendet, deshalb kamm es zum versatz.
ich weiss das ich sehr viele html fehler habe, "tidy" hat mir da schon oft geholfen.
gruß