Großes Problem mit Bildern einfügen

Dome · 6 April 2012

Hallo Leute :mrgreen:
Ich bin noch relativ neu in der Html benutzung und darum sorry für vieleicht dumme anfängerfragen :mrgreen::mrgreen:
Mein Problem ist ich brauche eine Angebots seite für Ebay!

Damit meine Fotos immer online sind hab ich die in ein online-fotoalbum getan und das funktioniert ganz gut nur dazu ist das problem wenn ich das bild auf dem rechner öfter ist das bild scharf und wenn ich es dann über das fotoalbum per html einfüge ist es nichtmehr so scharf wie normal :???:

So und mein zweites problem ich hab ein Großes Hauptbild und wollte eigendlich 2 kleine unter das hauptbild tuen nur wenn ich das reinsetze ist das bild aufeinmal ganz ganz oben wo es überhaupt nicht hingehört :-/ Irgendwas schein ich falsch zu machen kann mir da irgendwer vieleicht weiterhelfen ?

Sorry wegen den Rechschreibfehlern :mrgreen::mrgreen::mrgreen:

threadi · 6 April 2012

Die "Schärfe des Bildes" hängt vermutlich mit der Bildgröße zusammen. Du musst das Bild für die Webdarstellung auch auf exakt die Größe bringen in der es dargestellt wird. Aktuell wirst Du vermutlich ein viel zu großes Bild künstlich verkleinern, wodurch eine gewisse Unschärfe entstehen kann.

Die zweite Frage kann man ohne Quellcode nicht beantworten. Allerdings weiß ich auch nicht was ebay hier für Möglichkeiten eröffnet. Ggfs. müsstest Du dich an den Support dort wenden (wenn es sowas gibt).

Dome · 6 April 2012

Also die grafik hab ich mittlerweile hinbekommen das es relativ scharf ist aber wie ich ein zweites bild einfüge weiß ich immernochnicht und ich bekomm es einfach nicht hin bin schon den ganzen tag dran am versuchen aber es wird nix :-/

Den quellcode wollt ich eigendlich nicht reinsetzen weil da ja auch persönliche daten drine stehen gibt es dafür nicht irgendwelche vorlagen wo ich einfach nur meine fotolinks einsetzen muss ?

threadi · 7 April 2012

Vorlagen gibt es viele, aber ob die auch bei ebay funktionieren ...

Deinen Quellcode kannst Du ja reinstellen - und vorher deine persönlichen Daten rausnehmen oder durch X'e ersetzen.

Tronjer · 7 April 2012

threadi schrieb:
Die "Schärfe des Bildes" hängt vermutlich mit der Bildgröße zusammen. Du musst das Bild für die Webdarstellung auch auf exakt die Größe bringen in der es dargestellt wird. Aktuell wirst Du vermutlich ein viel zu großes Bild künstlich verkleinern, wodurch eine gewisse Unschärfe entstehen kann.

Nicht unbedingt.

Idealer Weise benutzt man ein Verhältnis von 1:1. Aber eine verkleinerte Darstellung erzeugt noch keine Unschärfe, sofern das Seitenverhältnis beibehalten wird. Verpixelte Darstellungen entstehen eher bei Vergrößerungen.

threadi · 7 April 2012

Verpixelt und unscharf kann ein Unterschied sein. Die Schärfe der Darstellung von per HTML oder CSS verkleinerten oder vergrößerten Bildern hängt auch von der Browserengine ab. Ein IE6 macht dies deutlich schlechter als ein IE8, auch zwischen IE9 und FF gibt es da noch feine Unterschiede.

Dome · 7 April 2012

So mein Quelltext die bilder sind alle mit xxx.jpg zenziert und telefon auch :)

Also man sieht ja ich hab ein großes hauptbild und ich will dort drunter 2 kleinere anzeigen aber sobald ich da ein neues foto versuche einzusetzen ist der quellcode irgendwie durcheinander das das neue bild dann ganz oben ist wo es nicht hingehört

Sorry ist was schwer zu erklären

<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Willkommen bei meinen Angeboten</title>
</head>

<body>


<div align="center">
<table border="0" style="border-collapse: collapse" width="800" id="table1">
<tr>
<td height="177" width="300">

<img border="0" src="allgemein/logo180.jpg" width="180" height="175"></td>
<td>
Willkommen bei meinen Angeboten</td>
</tr>
<tr>
<td colspan="2" height="21" bgcolor="#000080"> </td>
</tr>
<tr>
<td width="300">
 </td>
<td width="584">
 </td>
</tr>
<tr>
<td width="300">
<div align="center">
<table border="1" style="border-collapse: collapse" width="181" height="660" id="table3" bordercolor="#000080" cellspacing="1" cellpadding="5">
<tr>
<td width="179" height="138">
Kontakt
Tel: xxx


Mail:
<a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td width="179" height="151">
Versand
Der Versand erfolg ausschließlich per
Post und Hermes</td>
</tr>
<td width="246" height="29">Ich bin Privat
Anbieter</td>
</tr>
</table>
</div>
</td>
<td width="584">
<img border="0" src="xxx.jpg" width="800" height="600"></td>
</tr>
</tr>
<tr>
<td width="300"></td>
<td width="584">NEU und in verschlossener Originalverpackung
Clatronic EZ 2693 Akkuzahnbürste mit 4 Bürsten weiß-blau


 
Beschreibung:
Hersteller: Clatronic 
EAN: 4006160714883

MPN: 271 488

Anzahl Geschwindigkeitsstufen: 1

Aufbewahrungsbox: nein

Stromversorgung: Akku

Reinigungstechnik: oszillierend

Batterie-Kontrollanzeige: ja

Kinderzahnbürste: nein

Timer: nein

Anzahl Bürstenköpfe pro Packung: 4, 1

Reise-Etui: nein

Zweites Handstück: nein

Gerätetyp: Zahnbürste, Ersatz-/ Verbrauchsteil</td>
</tr>
<tr>
<td width="300"> </td>
<td width="584"> </td>
</tr>
<tr>
<td width="300"> </td>
<td width="584"> </td>
</tr>
<tr>
<td width="884" colspan="2" bgcolor="#000080"> </td>
</tr>
</table>
 
<div align="center">
 <table border="0" style="border-collapse: collapse" width="800" id="table2">
<tr>
<td align="center" colspan="4" bgcolor="#C0C0C0">
Weitere Angebote von mir</td>
</tr>
<tr>
<td align="center" colspan="4">
 </td>
</tr>
<tr>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
<td align="center">
<img border="0" src="xxx" width="180" height="204"></td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4">
UNBEDINGT LESEN!</td>
</tr>
<tr>
<td align="center" colspan="4">Der Artikel
wird "so wie er ist" von Privat verkauft, dies bedeutet: Mit der
Abgabe eines Gebotes erklären Sie sich ausdrücklich damit
einverstanden, auf die Ihnen gesetzlich zustehende
Gewährleistung bei Gebrauchtwaren völlig zu verzichten. Da es
sich um ein Einzelstück handelt, werden der Gewährleistungsfall,
Nachbesserung, Minderung sowie Reparatur oder Umtausch
einvernehmlich ausgeschlossen. Das neue EU-Recht sieht eine
einjährige Gewährleistung bei Gebrauchtwaren vor. Die
Konsequenzen aus dieser Bestimmung stehen indessen oftmals in
keiner vernünftigen Relation zum erzielten Kaufpreis. Eine
Mehrwertsteuer kann nicht ausgewiesen werden, da ich eine
Privatperson bin. Das Versandrisiko geht mit der Abgabe beim
Spediteur oder bei der Post an den Käufer über. Zahlung muss
binnen 7 Tagen erfolgen! Bieten Sie nicht, wenn Sie mit diesen
Regeln nicht einverstanden sind. Spaßbieter seien darauf
hingewiesen, dass der BGH in seiner Grundsatzentscheidung vom
07.11.2001 (Az.: VIII ZR 13/01) klar festgestellt hat, dass in
Internetauktionen rechtsverbindliche Verträge geschlossen
werden. 
Bei Lieferung außerhalb Deutschlands oder Bezahlung mit
Kreditkarte bitte vorher die Portokosten anfragen</td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4">
PayPal ist nur auf Anfrage für Überweisung aus dem Ausland
möglich</td>
</tr>
</table>
</div>
</div>

</body>

</html>

Tronjer · 7 April 2012

Ich habe bei charset=windows-1252 aufgehört zu lesen. Besorge dir ein zeitgemäßes Buch oder Videoturial über HTML / CSS und arbeite es kapitelweise durch, anstatt nur copy & paste zu verwenden.

Solange du nicht wirklich weisst, was du da eigentlich in den Code schreibst, kann das auch nichts werden.

Dome · 7 April 2012

Ja das doch egal das passt doch so :)

Ich brauch ja nur hilfe bei den bildern einsetzen :-(

Tronjer · 7 April 2012

Ohne Grundlagenkenntnisse werden dir die Erklärungen aber nicht weiterhelfen.

- Schreibe ein Grundgerüst mit Doctype und vor allem ohne Tabellen. Auch Styleangaben haben nichts in HTML-Tags zu suchen.
- Baue danach die Bilder in der Reihenfolge ein, in der sie angezeigt werden sollen.
- Formatiere die Seite anschließend mit CSS.

Dome · 7 April 2012

Ok dankeschön schonmal :)

Du hast oben geschrieben ich solle mir ein zeitgemäßesvideotut angucken, kannst du da eins zu empfehlen ?

Tronjer · 7 April 2012

Empfehlen kann ich die Tutorials von Video2brain. Die Laufzeit beträgt durchschnittlich so 6-8h und damit bist du nach wenigen Tagen in der Lage, zumindest statische HTML-Seiten zu bauen.

Dome · 7 April 2012

Nochmals danke

So ich kann mein problem jetzt weiter definieren

Im Code ist ja eine tabelle eingebaut nur die bilder sind nicht unternander wie ich das haben will sondern extrem versetzt wie auf dem screenshot

Der Quelltext ist :

<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Willkommen bei meinen Angeboten</title>
</head>

<body>


<div align="center">
<table border="0" style="border-collapse: collapse" width="800" id="table1">
<tr>
<td height="177" width="300">

<img border="0" src="allgemein/logo180.jpg" width="180" height="175"></td>
<td>
Willkommen bei meinen Angeboten</td>
</tr>
<tr>
<td colspan="2" height="21" bgcolor="#000080"> </td>
</tr>
<tr>
<td width="300">
 </td>
<td width="584">
 </td>
</tr>
<tr>
<td width="300">
<div align="center">
<table border="1" style="border-collapse: collapse" width="181" height="660" id="table3" bordercolor="#000080" cellspacing="1" cellpadding="5">
<tr>
<td width="179" height="138">
Kontakt
Tel: xxx


Mail:
<a href="mailto:[email protected]">[email protected]</a></td>
</tr>
<tr>
<td width="179" height="151">
Versand
Der Versand erfolg ausschließlich per
Post und Hermes</td>
</tr>
<td width="246" height="29">Ich bin Privat
Anbieter</td>
</tr>
</table>
</div>
</td>
<td width="584">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3235353465386531.jpg" width="800" height="600"></td>
<tr>
<td width="0">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3235353465386531.jpg" width="800" height="600"></td>
</tr>
</tr>
<td width="300"></td>
<td width="584">NEU und in verschlossener Originalverpackung
Clatronic EZ 2693 Akkuzahnbürste mit 4 Bürsten weiß-blau


 
Beschreibung:
Hersteller: Clatronic 
EAN: 4006160714883

MPN: 271 488

Anzahl Geschwindigkeitsstufen: 1

Aufbewahrungsbox: nein

Stromversorgung: Akku

Reinigungstechnik: oszillierend

Batterie-Kontrollanzeige: ja

Kinderzahnbürste: nein

Timer: nein

Anzahl Bürstenköpfe pro Packung: 4, 1

Reise-Etui: nein

Zweites Handstück: nein

Gerätetyp: Zahnbürste, Ersatz-/ Verbrauchsteil</td>
</tr>
<tr>
<td width="300"> </td>
<td width="584"> </td>
</tr>
<tr>
<td width="300"> </td>
<td width="584"> </td>
</tr>
<tr>
<td width="884" colspan="2" bgcolor="#000080"> </td>
</tr>
</table>
 
<div align="center">
 <table border="0" style="border-collapse: collapse" width="800" id="table2">
<tr>
<td align="center" colspan="4" bgcolor="#C0C0C0">
Weitere Angebote von mir</td>
</tr>
<tr>
<td align="center" colspan="4">
 </td>
</tr>
<tr>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3131646563326566.jpg" width="180" height="204"></td>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3638303262353861.jpg" width="180" height="204"></td>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3238306464393762.jpg" width="180" height="204"></td>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3533646666306631.jpg" width="180" height="204"></td>
</tr>
<tr>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
</tr>
<tr>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_6332643532383337.jpg" width="180" height="204"></td>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3536373836363364.jpg" width="180" height="204"></td>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3339383335306130.jpg" width="180" height="204"></td>
<td align="center">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_6139346630343137.jpg" width="180" height="204"></td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4">
UNBEDINGT LESEN!</td>
</tr>
<tr>
<td align="center" colspan="4">Der Artikel
wird "so wie er ist" von Privat verkauft, dies bedeutet: Mit der
Abgabe eines Gebotes erklären Sie sich ausdrücklich damit
einverstanden, auf die Ihnen gesetzlich zustehende
Gewährleistung bei Gebrauchtwaren völlig zu verzichten. Da es
sich um ein Einzelstück handelt, werden der Gewährleistungsfall,
Nachbesserung, Minderung sowie Reparatur oder Umtausch
einvernehmlich ausgeschlossen. Das neue EU-Recht sieht eine
einjährige Gewährleistung bei Gebrauchtwaren vor. Die
Konsequenzen aus dieser Bestimmung stehen indessen oftmals in
keiner vernünftigen Relation zum erzielten Kaufpreis. Eine
Mehrwertsteuer kann nicht ausgewiesen werden, da ich eine
Privatperson bin. Das Versandrisiko geht mit der Abgabe beim
Spediteur oder bei der Post an den Käufer über. Zahlung muss
binnen 7 Tagen erfolgen! Bieten Sie nicht, wenn Sie mit diesen
Regeln nicht einverstanden sind. Spaßbieter seien darauf
hingewiesen, dass der BGH in seiner Grundsatzentscheidung vom
07.11.2001 (Az.: VIII ZR 13/01) klar festgestellt hat, dass in
Internetauktionen rechtsverbindliche Verträge geschlossen
werden. 
Bei Lieferung außerhalb Deutschlands oder Bezahlung mit
Kreditkarte bitte vorher die Portokosten anfragen</td>
</tr>
<tr>
<td align="center" colspan="4"> </td>
</tr>
<tr>
<td align="center" colspan="4">
PayPal ist nur auf Anfrage für Überweisung aus dem Ausland
möglich</td>
</tr>
</table>
</div>
</div>

</body>

</html>

Und bitte nur bei dem fehler helfen und nicht die anderen sachen bemängeln ich werd Tronjer´s rat schon bald nachgehen und mich weiterbilden

threadi · 7 April 2012

Deine HTML-Fehler sind daran Schuld. Und das sind so einige. Ein Beispiel:

HTML:

<td width="584">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3235353465386531.jpg" width="800" height="600"></td>
<tr>
<td width="0">
<img border="0" src="http://foto.arcor-online.net/palb/alben/97/4713797/400_3235353465386531.jpg" width="800" height="600"></td>
</tr>
</tr>

Hier wird eine Tabellenzeile (<tr>) begonnen ohne die vorherige zu beenden. Und dann werden 2 Zeilen gleichzeitig beendet (</tr>).

Wie das richtig aussehen könnte ist auf Grund der komplexen Tabellenstruktur oben drüber auch nicht zu erkennen. Dein Problem wirst Du also wirklich nur beseitigen können, wenn Du dich nochmal mit den HTML-Grundlagen beschäftigst und dann den HTML-Code sauber strukturierst.

Und eine Bitte: wenn Du hier Quellcode zeigst, stell ihn bitte in Code-Tags. Dann ist er besser lesbar und man kann dank Syntaxhighlighting auch eindeutige Fehler erkennen.

ka9de · 7 April 2012

Tronjer schrieb:
Aber eine verkleinerte Darstellung erzeugt noch keine Unschärfe, sofern das Seitenverhältnis beibehalten wird.

Doch. Wenn Bilder verkleinert werden verlieren sie automatisch an Schärfe. Ich weiß allerdings nicht ob aktuelle Browser bei verkleinerter Darstellung automatisch etwas nachschärfen.

Großes Problem mit Bildern einfügen

Dome

Neues Mitglied

threadi

Moderator

Dome

Neues Mitglied

threadi

Moderator

Tronjer

Senior HTML'ler

threadi

Moderator

Dome

Neues Mitglied

Tronjer

Senior HTML'ler

Dome

Neues Mitglied

Tronjer

Senior HTML'ler

Dome

Neues Mitglied

Tronjer

Senior HTML'ler

Dome

Neues Mitglied

threadi

Moderator

ka9de

Mitglied

Neueste Beiträge