Page 1 of 1
Artikellisting Problem
Posted: Mon 4. Sep 2006, 17:44
by fopulu
Wie im Bild ersichtlich hat sich der Rahmen um das Bild auf der linken Seite, also zum Text hin, zu sehr aufgebläht...
Wer findet den Fehler im Code? (listing)
Code: Select all
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div class="date" align="left" style="margin: 5px 0px 0px 0px;">{DATE:d.m.Y}</div>
[TITLE]<div class="articleHead" style="padding: 0px 0px 0px 0px;">
{TITLE}</div>[/TITLE]
</td>
<td rowspan="3">[IMAGE]<div class="image_td" style="width:100%;">{ZOOMIMAGE}<br><img
src="http://www.tv-gross-zimmern.de/img/image_resize.gif"></div>[/IMAGE][CAPTION]<div class="image_caption">{CAPTION}</div>
</div>[/CAPTION]</td>
</tr>
<tr>
<td>[SUB]<div class="articleSubhead" style="margin: 0px 0px 0px 0px;">
{SUB}</div>[/SUB]
</td>
</tr>
<tr>
<td>[SUMMARY]<div class="articleText" style="margin: 0px 10px 0px 0px;">
{SUMMARY} <a href="{ARTICLELINK}">{MORE}</a></div>[/SUMMARY]</td>
</tr>
</table>
CSS
Code: Select all
.image_caption { // Bildunterschrift
text-align: left;
border-left: solid 1px #EEECEC;
border-right: solid 1px #EEECEC;
border-bottom: solid 1px #EEECEC;
background: #EEECEC;
font-style: normal;
line-height: 100%;
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
color: #6c6c6c;
}
.image_caption a, .image_caption a:link, .image_caption a:active, image_caption a:visited {
text-align: left;
border-left: solid 1px #EEECEC;
border-right: solid 1px #EEECEC;
border-bottom: solid 1px #EEECEC;
line-height: 100%;
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
background: #EEECEC;
color: #17A6F8;
font-weight: bold;
}
.image_caption a:hover {
text-decoration: underline;
}
.imgDIVinTextRight { float: right; margin:8px 20px 5px 5px; padding:0px; border:0; }
.imgDIVinTextLeft { float: left; margin:8px 5px 5px 20px; padding:0px; border:0; }
.imgDIVtopLeft { margin:8px 10px 5px 20px; padding:0px; border:0; }
.imgDIVtopCenter { margin:8px -50% 5px -50%; padding:0px; border:0; }
.image_td{
border-left: solid 1px #EEECEC;
border-right: solid 1px #EEECEC;
border-top: solid 1px #EEECEC;
font-family: Tahoma, Verdana;
font-size: 9px;
text-align:right;
background: #EEECEC;
color: #17A6F8;
font-weight:normal;
}
Posted: Wed 6. Sep 2006, 15:28
by Oliver Georgi
mach mal die width Angabe weg
Code: Select all
...<td rowspan="3">[IMAGE]<div class="image_td" style="width:100%;">{ZOOMIMAGE}<br>....
Hier solltest Du das korrekt begrenzen, entweder über "display:compact" oder "display:inline".
.
Code: Select all
image_td{
border-left: solid 1px #EEECEC;
border-right: solid 1px #EEECEC;
border-top: solid 1px #EEECEC;
font-family: Tahoma, Verdana;
font-size: 9px;
text-align:right;
background: #EEECEC;
color: #17A6F8;
font-weight:normal;
}
Oliver
Posted: Thu 7. Sep 2006, 06:44
by fopulu
Danke für deine Tipps und sorry, wenn ich dir bzgl der PN mit meinem mail-Account Unannehmlichkeiten bereitet habe.
Ich habe gestern auch ca. 30mal die gleich mail bekommen und weiß nicht was da los war. Muß ein Server Problem gewesen sein....
Werde deine Tipps später mal ausprobieren....
Posted: Thu 7. Sep 2006, 20:28
by fopulu
soweit so gut...
das scheint halbwegs zu funktionieren... nur leider setzt er mir dann den grauen Rahmen nur um den Bild-Untertitel und bildet ihn nicht bis zum rechten Ende des Bildes aus....
ein anderes Problem, was jetzt aufgetaucht ist... Bild im Text rechts funzt nicht!
er schreibt mir dann den Text in der linken Spalte vom Bild gerade runter, ohne den Text unter dem Bild weiter laufen zu lassen... Die Änderungen in der template_default.inc.php habe ich eingestellt und ich benutze den Standard-Template für den Artikel in Vers. 126... auf einem anderen Server geht es auch, nur hier nicht...
Posted: Thu 7. Sep 2006, 23:24
by Oliver Georgi
weißt Du, das ist alles wenig hilfreich ohne konkret den gerenderten Sourcecode zu sehen.
Oliver
Posted: Fri 8. Sep 2006, 17:36
by fopulu
Hilft dir das weiter?
Code: Select all
<td valign="top" width="21" bgcolor="#ffffff"><img src="img/leer.gif" width="21" height="1" alt="" /></td>
<td valign="top" width="550" bgcolor="#ffffff"><table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/tv_allg/blind.gif" width="550" height="15"></td>
</tr>
<tr>
<td class="breadcrumb"><a href="index.php?index">Home</a> <span class="breadcrumb_spacer">»</span> <a href="index.php?sport">Sportangebot</a> <span class="breadcrumb_spacer">»</span> <a href="index.php?handball">Handball</a> <span class="breadcrumb_spacer">»</span> <a href="index.php?handball_m1">Männer 1</a> <span class="breadcrumb_spacer">»</span> Saison</td>
</tr>
<tr>
<td><img src="img/tv_allg/blind.gif" width="550" height="5"></td>
</tr>
<tr>
<td background="img/tv_allg/dot_hor.gif"><img src="img/tv_allg/blind.gif" width="550" height="4"></td>
</tr>
<tr>
<td><img src="img/tv_allg/blind.gif" width="550" height="10"></td>
</tr>
<tr>
<td><a name="jump100"></a><h1>kkk</h1><table width="160" border="0" cellspacing="0" cellpadding="0" align="right">
<tr><td><img src="img/leer.gif" width="10" height="1" alt="" /></td><td class="image_td"><a href="image_zoom.php?show=MTUyYWZhMDdkMWJjN2EyNWMwNGQ5NmUxMWNlOWI2ZjIuanBnP3dpZHRoPSIyMzUiIGhlaWdodD0iMTU4Ig==" onClick="checkClickZoom();clickZoom('image_zoom.php?show=MTUyYWZhMDdkMWJjN2EyNWMwNGQ5NmUxMWNlOWI2ZjIuanBnP3dpZHRoPSIyMzUiIGhlaWdodD0iMTU4Ig==','previewpic','width=235,height=158');return false;" target="_blank"><img src="content/images/3c43bec458b9d540082075495dc6f12f.jpg" width="150" height="100" border="0" class="image_img" alt="c-jug-hessenmeisterschaft.jpg"></a></td></tr>
</table><div class="articleText">Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.Ich bin ein Blindtext, meine einzige Aufgabe besteht darin die Zeilen in gleichmäßigem Abstand zu füllen. Inhaltlich habe ich rein gar nichts zu bieten. Lesen brauchen Sie mich daher also nicht. Wenn Sie trotzdem weiter lesen, werden Sie keine neuen und aufregenden Dinge entdecken. Versprochen.</div>
</td>
</tr>
<tr>
<td><img src="img/tv_allg/blind.gif" width="550" height="5"></td>
</tr>
<tr>
<td background="img/tv_allg/dot_hor.gif"><img src="img/tv_allg/blind.gif" width="550" height="4"></td>
</tr>
<tr>
<td><img src="img/tv_allg/blind.gif" width="550" height="2"></td>
</tr>
<tr><td><div align="right"><a href="javascript:history.back();" target="_top" title="go back"><img src="img/article/back_link.gif" alt="zurück" border="0"> </a><a href="#top"><img src="img/article/top_link_0.gif" alt="nach oben" border="0"></a><a href="index.php?id=30,100,1,1,1,0" target="_blank"><img src="img/article/print.gif" alt="zur Druckansicht" border="0"></a><a href="#" onClick="BookMark_Page();return false;" title=""><img src="img/article/favorit.gif" alt="zu den Favoriten" border="0"></a></div></td></tr>
<tr>
<td><img src="img/tv_allg/blind.gif" width="550" height="15"></td>
</tr>
</table>