Zum Inhalt springen

Problem mit Content und Bild

Erstellt am 3. September 2006 · 15 Antworten · letzte Antwort am 7. September 2006

Tags: Frage

Honk88 ·

Hi,

je nach problem sollte eins hievon anschlagen,
den Rest wieder rausnehmen bzw. den eigenen Wünschen
anpasseen

ins css

/*===================================*/

table img {display: block;}
td img {display: block;}
tr img {display: block;}
div img {display: block;}
a img {display: block; border:0;}

/*===================================*/

div,table,td,tr {
      spacing: 0px;
      padding: 0px;
      border: 0;
      margin: 0px 0px 0px 0px;
     }
onetit ·

Vielen Dank

Genau das habe ich gesucht. 😃
Mit diesem Eintrag "table img {display: block;}" hat es funktioniert!

Aber, als Nebeneffekt bekommen ich nach jedem Bild und Text automatich einen Absatz.

Gruss onetit

Honk88 ·

Hi,
dann schau dir im generierten html nochmal die
umschließenden Tags an. Da wird vermutlich irgendeins
noch padden oder ähnliches.

LG
Honk

onetit ·

Hallo

Da ist leider kein Unterschied.

HTML, im Mozilla

<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
</tr>

HTML, im IE

<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
</tr>

Also ich sehe da nix!

Gruss onetit

Salz ·
div,table,td,tr,img {
      spacing: 0;
      padding: 0;
      border: 0;
      margin: 0;
     }

mach das mal in deine CSS-Datei, und berichte uns über die Ergebnise.

onetit ·

OK, hier mein CSS

body { 
		font-family:Arial, Helvetica, sans-serif; color:#000000; 
		font-size:11px; background-color:#FFFFFF; 		
		}
/* ************************************************************************************************************************************ */	

/* Div Tag für Navigation */		
div#navi a:link 	{
	text-decoration: none;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

div#navi a:visited {
	text-decoration: none;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

div#navi a:hover {
	font-weight: bold;
	text-decoration:underline;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#navi a:active {
	font-weight: bold;	
	text-decoration: underline;
	color:#8F2635;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
/* ************************************************************************************************************************************ */	
/* Tag's für Dokument */

a:link {
		color:#8F2635; 
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; 
		} 
		
a:visited {color:#8F2635; 
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; 
		} 
		
a:active {
		color:#8F2635; 
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; 
		} 
		
a:hover {
		color:#8F2635; 
		text-decoration:none; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:bold; } 

table { 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000000; 
		font-size:11px; 
		} 
		
td { 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000000; 
		font-size:11px; } 
/* ************************************************************************************************************************************ */	
/* Tabellen-Tag's für den Hintergrund Tabellen zu generieren */

.td_bg_navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F2635;
	background-color: #E49CA7;
}

.td_bg_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-repeat: repeat;
	background-image: url(fileadmin/images/index_r2_c4.gif);
}


/* ************************************************************************************************************************************ */	
/* übrige CSS-Styles */

h1 {
		color:#8F2635; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:14px; 
		} 
		
h2 {
		color:#8F2635; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		} 
		
h3 {
		color:#8F2635; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:10px; 
		} 
		
p {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		} 

ul {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; font-size:11px; 
		
		} 
		
ol {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; 
		} 
li {	color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; } 

textarea { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color: #000000; 
		
		} 
		
input { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		
		} 
		
select { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		
		} 

		
.klein { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 8px; 
		color: #333333; 
		} 

/* Mail Formular, specifically */

  FORM FIELDSET.csc-mailform { border: 0px; padding: 5px; background-color: #ffffff; }
  FORM FIELDSET.csc-mailform DIV.csc-mailform-field LABEL {
  font:  normal 10px Verdana, Arial, sans-serif; color: #7E8061;

/* Mail Formular, Abstand zwischen Text und Feld */
  margin-right:1em; width:9em; float:left;
}

/* Mail Formular, Astand zwischen den Zeilen */
  FORM FIELDSET.csc-mailform DIV.csc-mailform-field { padding: 2px; }
  FORM FIELDSET.csc-mailform DIV.csc-mailform-label { padding: 3px; 
  						      font:  bold 10px Verdana, Arial, sans-serif; 
  						      color: #000000; }
Honk88 ·

Hi,

und wenn du denn ganzen Block den ich ganz oben gepostet
hab an den Anfang von einem css packst ändert sich das
nicht ?

LG
Honk

onetit ·

Hallo

doch, der Unterbruch ist weg. Aber;
ich habe habe dann hinter jedem Bild, auch in der Navigation einen ungewollten Absatz.

Gruss onetit

Unbekannter Benutzer ·

Meine Erfahrung ist, dass der IE Probleme mit Bildern in Tabellen hat, wenn da Spaces im Quellcode sind... stell mal den ursprünglichen Zustand wieder her und ändere so:

<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" />
</td>
</tr>

in:

<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td><img src="fileadmin/images/index_r5_c3.jpg" width="860" height="156" border="0" alt="" title="" /></td></tr>