Zum Inhalt springen

Kopfgrafiken sind verzerrt !

Erstellt am 25. August 2009 · 4 Antworten · letzte Antwort am 31. August 2009

Tags: Bilder, HTML & CSS, Frage

diz ·

ich verwende 3 kopfgrafiken und alle 3 sind unschön verzerrt und wirken total pixelig und schattiert, in einem bild betrachter sind sie hingegen total scharf. verwende ein html template mit folgendem inhalt:
(anmerk.:die breite und höhe der einzelnen grafiken entspricht haargenau den angaben)
.......------------

<!-- ###DOCUMENT_BODY### start-->
<table border="0" align="center" width= "900" cellpadding="0" cellspacing="0">
<tr>
diese 3 grafiken sind verzerrt ...
<td valign="top"><img src="uploads/tf/zelle12_l.jpg" alt="kopfgrafik links" width="200" height="90" /></td>
<td valign="top"><img src="uploads/tf/logo_m.jpg" alt="logo" width="500" height="90" /></td>
<td valign="top"><img src="uploads/tf/zelle12_r.jpg" alt="kopfgrafik rechts" width="200" height="90" /></td>
</tr>
<tr>
diese 3 hingegen funktionieren perfekt ...
<td valign="top"><img src="uploads/tf/zelle2_l.gif" alt= "kopfgrafik links" width="200" height="58" /></td>
<td valign="top"><img src="uploads/tf/zelle2_m.jpg" alt= "kopfgrafik mitte" width="500" height="58" /></td>
<td valign="top"><img src="uploads/tf/zelle2_r.gif" alt= "kopfgrafik rechts" width="200" height="58" /></td>
</tr>
<tr>
<td width="200" valign="top" class="linke_seite">
<!-- ###HAUPT_NAVI### start-->

<div id="mainnavicontainer">
<ul>
<li><a href="#">kontakt</a></li>
</ul>
</div>
<!-- ###HAUPT_NAVI### stop-->
</td>
<! -- anfang des integrierten tables -->
<td width="500" valign=top>
<table border="0" align="center" cellpadding="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img src="uploads/tf/zelle3_m.jpg" alt= "kopfgrafik mitte" width="500" height="94"/></td>
</tr>
<tr>
<td valign="top" class="brot_seite">
<!-- ###BROT_NAVI### start-->
<div id="brotnavi">
<ul>
<li>
<a href="#" onclick= "return false;">Home</a>
</li>
<li>
<a href="#" onclick= "return false;">Webdesign</a>
</li>
<li>
<a href="#" onclick= "return false;">Templates</a>
</li>
</ul>
</div>
<!-- ###BROT_NAVI### stop-->
</td>
</tr>

<td valign="top" class="center_seite">

<!-- ###INHALT_MITTE### start-->
<div id="inhalt">
<h1>Lorem Ipsum</h1>
Cras pede est, interdum id, <a href="#">tincidunt nec</a>, pharetra sed, tellus. Nulla auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id libero at neque pulvinar congue. Praesent sed lorem. Morbi venenatis condimentum urna. Donec vel nulla. Fusce convallis eros ut enim. Suspendisse diam lorem, convallis a, imperdiet eget, porttitor quis, mauris. Curabitur sed tellus ornare mi rhoncus fermentum. Pellentesque leo sem, suscipit sed, consequat in, viverra ut, odio. Fusce feugiat nibh in velit.
Suspendisse potenti.
</div>

<!-- ###INHALT_MITTE### stop-->

</td>
</table>
</td>
<! -- ende des integrierten tables -->

<td valign="top" class="rechte_seite">

<!-- ###SUCHFORMULAR### start-->
SUCHE
<!-- ###SUCHFORMULAR### stop-->

###DRUCK_VERSION###

<!-- ###ZUSATZ_NAVI### start-->
<div id="zusatznavicontainer">
<ul>
<li><a href="#">impressum</a></li>
<li><a href="#">AGBs</a></li>
</ul>
</div>

<!-- ###ZUSATZ_NAVI### stop-->

<!-- Aktuelles Menü rechts ! -->

<table width="100%" border="0" cellspacing="0">
<tr>
<td class="box_header">
<b>Aktuelles</b>
</td>
</tr>
<tr>
<td class="box_content">

<!-- ###NEWS_BLOCK### start-->
<a href="#">Donec vel nulla.</a> Fusce convallis eros ut enim. Suspendisse diam lorem,
convallis a, imperdiet eget, porttitor quis, mauris.
Curabitur sed tellus ornare mi rhoncus fermentum. Pellentesque leo sem,

<!-- ###NEWS_BLOCK### stop-->
</td>
</tr>
</table>

<!-- Aktuelles Menü rechts ende -->

</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td></td>
</tr>
</table>
<!-- ###DOCUMENT_BODY### stop-->
</body>
</html>
---------------------

vielleicht hat jemand einen tipp

Unbekannter Benutzer ·

Hallo,

vorab: verwende bitte keine Tabellen für das Seitenlayout. Ein grausamer Stil, der schon seit Jahren über ist!

Hast du mal auf die width/height Attribute der Bilder geachtet?

verzerrt:
200x90
500x90
200x90

nicht verzerrt:
200x58
500x58
200x58

Fällt dir da was auf 😃 ?

Grüße

diz ·

also, mir fällt dazu gar nichts auf, denn die oberen grafiken sind 200x90 bzw. 500 x 90 und die unteren 200x58 usw. und dies stimmt mit den realen werten überein.

lg

diz ·

ich hab die bilder jetzt in verschiedenen formaten abgespeichert und getestet unter anderem in gif und png 8 bzw. 24, hat keine änderung gebracht immer noch verzerrt und dadurch unscharf. anschließend hab ich im typo3 install folgende werte geändert:
1. [GFX][gdlib_png] = 1

2. [GFX][gdlib_2] = 1

3. [GFX][png_truecolor] = 1

hat aber leider auch nichts gebracht.

vielleicht hat jemand noch eine idee ?

diz ·

ich hab jetzt mit hilfe von screen snapshoots die homepage neu vermessen, im speziellen die grafiken und habe festgestellt diese sind größer als angegeben und
daher wirken sie verzerrt, hab aber im moment noch keine ahnung wieso, da ich bei jedem table zumindest die max. breite angebe