Artikellisting Problem

Use GitHub to post feature requests for phpwcms.
Locked
fopulu
Posts: 359
Joined: Tue 2. May 2006, 14:19
Location: Rhein-Main

Artikellisting Problem

Post 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...

Image


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}&nbsp;<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;

}
User avatar
Oliver Georgi
Site Admin
Posts: 9889
Joined: Fri 3. Oct 2003, 22:22
Contact:

Post 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
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
fopulu
Posts: 359
Joined: Tue 2. May 2006, 14:19
Location: Rhein-Main

Post by fopulu »

Danke für deine Tipps und sorry, wenn ich dir bzgl der PN mit meinem mail-Account Unannehmlichkeiten bereitet habe. :oops: 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....
fopulu
Posts: 359
Joined: Tue 2. May 2006, 14:19
Location: Rhein-Main

Post 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...

Image
User avatar
Oliver Georgi
Site Admin
Posts: 9889
Joined: Fri 3. Oct 2003, 22:22
Contact:

Post by Oliver Georgi »

weißt Du, das ist alles wenig hilfreich ohne konkret den gerenderten Sourcecode zu sehen.

Oliver
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
fopulu
Posts: 359
Joined: Tue 2. May 2006, 14:19
Location: Rhein-Main

Post 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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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&auml;&szlig;igem Abstand zu f&uuml;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>
Locked