HTML [TD] Spaltenbreite wird nicht fixiert! Warum?

[Tribo0n]

Das soll ein hoover (Mouseover) Effekt sein!

 

[ripuli-6]

guck dir mal folgenden css-code an:

li {
	border:5px solid white;
}
li:hover {
	border-color:yellow;
}

Ergänzung (10. März 2011)

das mit dem zentrieren ist so eine sache, erst mit css3 kannst du wirklich zentrieren. wenn du wirklich sicher zentrieren willst, dann kannst du folgendes machen (Annahme: das bild ist 120px breit und 180 px hoch):

p.bild a {position:relative;}
img {
top:99px;
left:99px;
position:absolute;
margin-left:-60px;
margin-top:-90px;
}

Andererseits, wenn Dich ein unsauberes Mark-Up nicht stört, könntest du es mit <center> probieren. Immerhin hast du auch noch <font> und sachen wie "bgcolor=" drin, was seit xhtml 1 nicht mehr verwendet werden darf.

 

[Tribo0n]

<center> ging nicht... bei <td> konnte ich ja auch zentrieren warum hier nicht mehr?
Gibt es noch ein anderen Weg?
Die Bilder sind alle unterschiedlich groß. Die längste Seite ist immer 192px!

Ergänzung (10. März 2011)

Wow die Umrandung funktioniert Dank dir vielmals!!!

Ergänzung (10. März 2011)

Habs jetzt mit 2 Klassen gelöst:

.bild {
	text-align:center;
	padding:3px;
	margin: 0px;
	height:192px;
	display:block;
}
.bild2 {
	padding:3px;
	margin: 0px;
	height:192px;
	display:table-cell;
	vertical-align:middle;
}
.bild img {
	border:0px;
}
.bild2 img {
	border:0px;
}

 

[Tribo0n]

Habe noch ein paar große Probleme... U.a. folgende:
Mozilla, IE8 und Chrome zeigen die <li> unterschiedlich hoch an (Querformat/Hochformat)
Wie bekomme ich es hin, das das hier bei Mozilla geht,

.bild2 {
	padding:3px;
	margin: 0px;
	height:192px;
	display:table-cell;
	vertical-align:middle;
}

und das hier bei IE8 und Chrome?

.bild2 {
	padding:3px;
	margin: 0px;
	height:198px;
	display:table-cell;
	vertical-align:middle;
}

Wollte die CSS nicht auslagern, da der Code für eine E-Mail ist.
Habs hiermit nicht hinbekommen: http://de.selfhtml.org/css/layouts/browserweichen.htm

Das hier ("Umweltzeichen":

<FONT color=#008000 size=4>&nbsp<SPAN lang=en-GB><SPAN style="FONT-FAMILY: Webdings; COLOR: green; FONT-SIZE: 14pt; mso-fareast-font-family: 'Times New Roman'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-ansi-language: EN-GB; mso-fareast-language: DE; mso-bidi-language: AR-SA; mso-no-proof: yes" lang=EN-GB>P</SPAN>
	</FONT>
	<FONT style="FONT-SIZE: 8pt" face=Arial color=#008000 size=1>
		Please consider the environment before printing this email.
	</FONT>

wir im IE und Chrome angezeigt, bei Mozilla kommt nur ein "P"

P.S. Kann es sein das Befehle wie

ul {
	margin:0px;
	padding:0px;
	position:relative;
	clear:both;
}
li {
	margin:5px 0px 0px 5px;
	min-width:198px;
	max-width:198px;
	float:left;
	list-style:none;
	overflow:hidden;
	border:1px solid gray;
	background-color:#ffffff;
}

nicht von E-Mail programm wie z.B. Outlook, Windows Mail unterstützt werden? Die Ansicht ist beim Empfang der E-Mail immer anders als beim Absenden. Sprich nicht Bilder neben einander sondern jedes Bild untereinander und die <li> geht über die ganze Seintenbreite... Sieht schlimm aus...
*Push³*

 

[blond]

Ja, bei Outlook 2007 und 2010 sieht es mit CSS und Layout dunkel aus. Inline Elemente kann man noch mit CSS stylen aber bei Blockelementen und FLoats setzt es dann aus.

 

[Tribo0n]

Mist, was kann man denn da machen? Kann man das irgendwie anders kompatible machen?