Bilder werden in Internet explorer nicht richtig angezeit

Sodexxx

Hab volgenes problem!

Hab bilder hochgeladen und die haben falsche maße!

zb.
bild 89x79px (beim Firefox und google und IE9)

beim IE8 wird das bild 40x79px angezeigt!
Jedes bild!

kann mir da jemand dabei helfen bitte!

Danke!

Zitat

<tr id="unterstrichen">
<th><a href="http://www.gewerkschaftsschule-villach.at/wp-content/upl…er-Caroline.jpg"><img class="alignleft size-full wp-image-158" title="Steinthaler Caroline" src="http://www.gewerkschaftsschule-villach.at/wp-content/upl…er-Caroline.jpg" alt="" width="70" height="93" /></a></th>
<td>Steinthaler Caroline
<a href="mailto:csteinthaler@flowserve.com">csteinthaler@flowserve.com</a>
0650 41 33 444</td>
<td>Flowserve</td>
<td>Ich bin 27 Jahre alt, wohne in Landskron in einer Lebensgemeinschaft mit meinen beiden Töchtern Amèlie (8 Jahre) und Leni (2Jahre).
Bin seit 2006 bei der Firma Flowserve Control Valves GmbH beschäftigt und wickle dort die Exporte und Importe für unser Unternehmen mit
zwei weiteren Kollegen ab.
Meine Hobbys: Meine Kinder, Freunde treffen, Shoppen, Tanzen, Schifahren und Schwimmen!Den Kurs besuche ich vorerst aus privatem Interesse und in weiterer Folge um meine Kollegen und Kolleginnen mit meinem Fachwissen zu unterstützen.</td>
</tr>
</tbody>
</table>

Alles anzeigen

es ist egal zb bei den oben angeführten bilder maße hab ich 70x93px
dan würde es beim IE8 40x93 haben!
Wie kann ich das umstellen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

dürfte an dem max-width:100%; liegen

/wp-content/themes/mantra/style.css Zeile 1127

Code

#content img {
	margin: 0;
	height: auto;
	[COLOR="#FF0000"]max-width:100%;[/COLOR]
}

einfach mal löschen

Sodexxx

Oooo

in der style.css datei musste ich ein fixes maß eingeben! :wink:

Sodexxx

Zitat von Art of Pic
dürfte an dem max-width:100%; liegen
/wp-content/themes/mantra/style.css Zeile 1127
Code
#content img {
    margin: 0;
    height: auto;
    [COLOR=#FF0000]max-width:100%;[/COLOR]
}
einfach mal löschen

Ich glaub du meist e das gleiche oder

Zitat

/*Tabelle*/

table {
background:#CCC;
width: 775px;
padding:0;
border-collapse:collapse;
font: normal 81% "Trebuchet MS", Verdana, sans-serif;
color:#FFF;
}
td { color:#000;
padding:0;
margin:0;
text-align:center;
text-shadow: 1px 1px 0px #999;
}
[COLOR=#ff0000]th { width: 80px;[/COLOR]
}
thead td {
font-weight:bold;
color:#000;

line-height:50px;

text-align: center;
text-shadow: 0px 0px 0px;
}
#unterstrichen:hover { background: #d2f807; }

Alles anzeigen

hab ja diese Tabelle ja selber angelegt!
den das plugin für tabellen ist der rahmen so groß! :-(

Tutrix

Zitat

Ich glaub du meist e das gleiche oder

nein ich meine nicht das gleiche, ich meine das was ich oben geschrieben habe :wink:

du gibst jetzt allen "th" Formatierungen eine Breite von 80px, also auch außerhalb deiner Tabelle
passt zwar jetzt für die Bilder, weil max-width:100%; nun 80px sind abzüglich padding

kann aber an anderer Stelle wo "th" größer sein soll, unerwünscht sein

wenn "th" 80px, dann inline in der tabelle, oder über css nur auf diese Tabelle bezogen
also der Tabelle eine Klasse oder ID geben

Sodexxx

Ich werd der glaub ich eine id geben!

Danke supi!

hab aber noch ein kleines Problem,

das Hover funktioniert nicht!
Warum?

Tutrix

Zitat von Sodexxx

das Hover funktioniert nicht!
Warum?

bei "th"?
wenn ja liegt es daran, das du die restlichen Spalten über "td" formatierst

CSS

.wp-table-reloaded .row-hover tr:hover td {
    background-color: #D0D0D6 !important;
}

also nur td

Sodexxx

Nein tr

HTML

<tr id="unterstrichen">
<th><a  href="http://www.gewerkschaftsschule-villach.at/wp-content/uploads/Steinthaler-Caroline.jpg"><img  class="alignleft size-full wp-image-158" title="Steinthaler Caroline"  src="http://www.gewerkschaftsschule-villach.at/wp-content/uploads/Steinthaler-Caroline.jpg"  alt="" width="70" height="93" /></a></th>
<td>Steinthaler Caroline
<a href="mailto:csteinthaler@flowserve.com">csteintha  ler@flowserve.com</a>
0650 41 33 444</td>
<td>Flowserve</td>
<td>Ich bin 27 Jahre alt, wohne in Landskron in einer  Lebensgemeinschaft mit meinen beiden Töchtern Amèlie (8 Jahre) und Leni  (2Jahre).
Bin seit 2006 bei der Firma Flowserve Control Valves GmbH beschäftigt  und wickle dort die Exporte und Importe für unser Unternehmen mit
zwei weiteren Kollegen ab.
Meine Hobbys: Meine Kinder, Freunde treffen, Shoppen, Tanzen, Schifahren  und Schwimmen!Den Kurs besuche ich vorerst aus privatem Interesse und  in weiterer Folge um meine Kollegen und Kolleginnen mit meinem  Fachwissen zu unterstützen.</td>
</tr>

Alles anzeigen

in der style.css datei hab ich den code dann so geschrieben!

HTML

#unterstrichen:hover { background: #d2f807; }

Tutrix

das wird aber überschrieben von

Code

#content tr:hover {
    background: transparent;
}
#content tr th, #content thead th {
    background-color: #F8F8F8;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}

Alles anzeigen

korrekt wäre

Code

tr#unterstrichen:hover

also das tr vorne, dann wird auch dein Gelb angezeigt

th = table header wäre also eine ganze Zeile, also Überschriften(Bild,Name/Tel./Mail,Arbeitgeber,Wer bin ich) usw. und nicht nur eine Spalte wie du es anwendest
td = table data
mach die ganze Zeile td und alles ist ok

Sodexxx

Zitat von Art of Pic
das wird aber überschrieben von
Code
#content tr:hover {
    background: transparent;
}
#content tr th, #content thead th {
    background-color: #F8F8F8;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
Alles anzeigen
korrekt wäre
Code
tr#unterstrichen:hover
also das tr vorne, dann wird auch dein Gelb angezeigt
th = table header wäre also eine ganze Zeile, also Überschriften usw. und nicht nur eine Spalte wie du es anwendest
td = table data
mach die ganze Zeile td und alles ist ok

Vielleicht löst sich auch dann mein problem!
Denn wenn ich jetzt mit der maus drüber fahre werden nur 3 spalten markiert von der zeile!
Die 4 spalte mit den bild wird nicht markiert!

Tutrix

Zitat von Sodexxx

Die 4 spalte mit den bild wird nicht markiert!

wie oben schon geschrieben, wird diese Spalte als th = table header formatiert und nicht wie der Rest als td = table data

Sodexxx

Oky der code mit tr davor geht!
Aber er markiert nicht die komplette zeile!

Tutrix

Zitat von Sodexxx

Oky der code mit tr davor geht!
Aber er markiert nicht die komplette zeile!

das hab ich dir doch jetzt schon mehrmals erkärt

Zitat von Art of Pic

wie oben schon geschrieben, wird diese Spalte als th = table header formatiert und nicht wie der Rest als td = table data

also nochmal, mach diese Zeile komplett in td kein th verwenden

Sodexxx

Ich weiß nicht bin ich zu blöd????:roll:

So jetzt nochmal von vorne!

Das ist mein html code"

Zitat

<table>
<thead>
<tr>
<td>Bild</td>
<td>Name/Tel./Mail</td>
<td>Arbeitgeber</td>
<td>Wer bin ich</td>
</tr>
</thead>
<tbody>
[COLOR=#ff0000]<tr id="unterstrichen">[/COLOR]
<th id="unterstrichen"><img class="alignleft size-full wp-image-149" title="Altersberger Rene" src="http://www.gewerkschaftsschule-villach.at/wp-content/upl…berger-Rene.jpg" alt="" width="70" height="89" /></th>
<td>Altersberger Rene
<a href="mailto:fossy07@gmx.at">fossy07@gmx.at</a>
0650 32 00 964</td>
<td><center>Chementall GesmbH</center></td>
<td>Ich bin 29Jahre (1981), wohne in Bleiberg/Kreuth, arbeite seit 2003 bei der Fa. Chemetall in Arnoldstein als Anlagenfahrer, bin auch als Betriebsrat tätig, meine Hobbies: Eisstockschießen, Fischen, Wandern, Fussball!
In den nächsten 2 Jahren erhoffe ich mir mein Fachwissen deutlich zu erweitern das ich es im Betrieb einsetzen kann!</td>
</tr>

Alles anzeigen

das sind jetzt zwei zeilen! mit 4 Spalten!

meine kommplette zeile ist ja tr "[COLOR=#ff0000]<tr id="unterstrichen"> [/COLOR]"

Sodexxx

tr>
<td>Bild</td>
<td>Name/Tel./Mail</td>
<td>Arbeitgeber</td>
<td>Wer bin ich</td>
</tr>
</thead>
<tbody>

dann müsste ich ja diese zeile auch schon in td umbauen?
weil diese zeile funktioniert ja komischer weiße!

Tutrix

Zitat

dann müsste ich ja diese zeile auch schon in td umbauen?

diese Zeile ist ja komplett in td, deshalb funktioniert es ja hier

du kannst deine Überschriften in th setzen, wenn diese anders formatiert werden sollen, [COLOR="#FF0000"]es besteht kein Zwang dies zu tun[/COLOR]

den Rest deiner Tabelle nur[COLOR="#FF0000"] [size=18]td[/SIZE][/COLOR] verwenden
also nochmal [size=18][COLOR="#FF0000"]kein th[/COLOR] [/SIZE] verwenden

ich hoffe das dies nun deutlich ist :wink:

und falls du immer noch nicht verstehst

Code

<[size=18][COLOR="#FF0000"]th[/COLOR] [/SIZE]id="unterstrichen"><img class="alignleft size-full wp-image-149" title="Altersberger Rene" src="http://www.gewerkschaftsschule-villach.at/wp-content/uploads/Altersberger-Rene.jpg" alt="" width="70" height="89" /></[size=18][COLOR="#FF0000"]th[/COLOR][/SIZE]>
<[size=18][COLOR="#FF0000"]td[/COLOR][/SIZE]>Altersberger Rene
<a href="mailto:fossy07@gmx.at">fossy07@gmx.at</a>
0650 32 00 964</[size=18][COLOR="#FF0000"]td[/COLOR][/SIZE]>

Sodexxx

Sorry das ich dich so geärgert hab!

Hab es nun aber verstanden! Danke!

es geht jetzt!

"Mein problem war das es bei einer anderen homepage ging daher war ich ein bisschen verwirrt!"

aber jetzt wo es geht sehe ich erst warum th nicht ging! :-(

ich sag mal danke für deine Nervern und toole hilfe!

Tutrix

na also geht doch

th ist der Headerbereich der Tabelle
z.B.

Code

<tr id="unterstrichen">
<th>Bild</th>
<th>Name/Tel./Mail</th>
<th>Arbeitgeber</th>
<th>Wer bin ich</th>
</tr>

Code

tr#unterstrichen th {
    background:#D2F807;
}

und die Überschriften haben den gelben Hintergrund

Sodexxx

Darf ich dich etwas letztes fragen!

Ich versteh nicht wrum zb. tr nicht geht!

die gesamte zeile heist tr!

Code

<tr>
<th>XXXXX</th>
<td>xxxxx</td>
</tr

warum geht der code nicht!
Ich gib der geamten zeile den befehl! Oder?

verstehst du meine Frage?

Tutrix

Zitat von Sodexxx

verstehst du meine Frage?

ja klar verstehe ich deine Frage und das habe ich dir doch auch schon erklärt

Zitat von Art of Pic

[COLOR="#FF0000"]das wird aber überschrieben von[/COLOR]

Code

#content tr:hover {
    background: transparent;
}
#content tr th, #content thead th {
    background-color: #F8F8F8;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}

Alles anzeigen

korrekt wäre

Code

tr#unterstrichen:hover

also da ja bereits ein Formatierung für tr th usw. vorhanden ist

tr über die ID ansprechen
also

Code

tr#unterstrichen

verwenden

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder werden in Internet explorer nicht richtig angezeit

Jetzt mitmachen!