Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: HTML Code fr automatische Grenanpassung von Bilder?

  1. #1
    Youngster
    Registriert seit
    13.11.2005
    Ort
    Bayern
    Beitrge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML Code fr automatische Grenanpassung von Bilder?

    Hallo,
    ich bin zur Zeit dabei meine Ebay-Auktionen etwas besser zu gestalten indem ich die Bilder auf nen externen Server auslagere und entsprechend verlinke .

    Ich habe mich bei der Auflsung fr einen sehr gute Auflsung von 800 x xxxx Pixeln entschlossen und benutze zum Velinken zur Zeit folgenden HTML Code:
    <p align=center>[img]bespiel.de[/img]</p>

    Im Prinzip kalppt das schon ganz gut (die Bilder werden z.B. auf meinem Monitor perfekt dargestellt), nur ergiebt sich dabei das Problem, dass leider wenn jemand einen Monitor mit einer wesentlich geringeren Auflsung hat gar nichts mehr klappt (die Bilder werden riesig dargestellt und als Folge daraus muss man nicht nur nach oben und unten Scrollen, sondern auch noch nach links und rechts, was alles natrlich sehr unbersichtlich macht .).


    Nun will ich aber nicht wegen den paar Usern, welche eben noch einen etwas lteren Bildschirm haben gleich generell die Auflsung herabsetzen sondern wrde viel lieber bei der hohen Auflsung bleiben und meinen HTML Code einfach so ergnzen, dass die Breite des Bildes automatisch entsprechend der Bildschirmauflsung angepasst wird, dass es in der korrekten Gre dargestellt wird (ohne "links-rechts-Scrollbalken und mit so ca 1-2 cm Abstand von linken und rechten Rand) - hat jemand da ne Idee wie das funktionieren knnte ?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist lter als 90 Tage. Die darin enthaltenen Informationen sind mglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Gromeister(in)
    Registriert seit
    27.09.2005
    Beitrge
    591
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    du knntset ausrechenen wieviel platzt sie auf deinem bilschirm einehmen und dann mit dem eintrag
    Code:
    style="width&#58;prozent%;"
    im img tag
    diese prozentzahl angeben dann wrden sie fr hhere auflsungen vergrert und fr kleineren verkleinert nur im ersten fall wrden sie dann warscheinlich ziemlich verpixeln .


    EDIT :vorischt im code war mir ein , dazwischn gerutscht jetzt ists richtig
    lieber mal hier http://de.selfhtml.org nachgucken

  3. #3
    Interessierte/r
    Registriert seit
    04.11.2005
    Ort
    Hamburg
    Beitrge
    123
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    es gibt auch n script mit dem man die bildschirmeinstellung des besuchers abfragen kann und danach auf angepasste seiten weitergeleiten kann, dazu msstest dun dann allerdings fr jede bildschirmeinstellung ne neue Seite machen das wr unntiger aufwand

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    13.11.2005
    Ort
    Bayern
    Beitrge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @pindakaas: Klingt ganz interresant - nur blick ich jetzt net ganz durch wo der Code jetzt hin soll .

    Knntest du mal vielleicht meine Code hernehmen (<p align=center>[img]bespiel.de[/img]</p>) und den entsprechend ergnzen ? Vielleicht blick ich dann ja etwas besser durch .

  5. #5
    Gromeister(in)
    Registriert seit
    27.09.2005
    Beitrge
    591
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    inde den image tag also in <img>
    lieber mal hier http://de.selfhtml.org nachgucken

  6. #6
    Knig(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beitrge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Er meint z.B. so:
    Code:
    <p align=center>[img]image.jpg[/img]</p>

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    13.11.2005
    Ort
    Bayern
    Beitrge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ah danke webbie! Jetzt kann ichs nachvollziehen .

    Ich werds dann gleich mal ausprobieren - nur noch ne Kleinigkeit ist mit unklar: Pindakaas meinte ja, dass dann das Bild bei einer hheren Auflsung "verpixeln" wrde - was mein ihr ist so das maximum an Aulsung was ein "normaler" User haben knnte - welche Auflsung macht also Sinn um diesen Effekt zu vermeiden ?

  8. #8
    Knig(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beitrge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Der Bildschirm hat eine Auflsung von 96 dpi. Eine andere Bildqualitt solltest du Dir schenken, es macht kaum Sinn, da nicht mehr dargestellt wird. Nimmst Du z.B. 150 dpi, so wird das Bild entweder grer oder es wird skaliert. Wandle es direkt in 96 dpi um, lege die Gre auf 800 Pixel breit fest und es wird auch vom Speicherplatz her noch vertrgliche Ladezeitenaufweisen. ? Blder Satz, aber Du verstehst schon, was ich meine !
    Gib stattdessen eine feste Breite vor, in welcher das Bild maximal dargestellt wird, also zum Beispiel ein Frameset oder einen Div-Container mit einer Gre von 800x600 Pixeln zentriert auf dem Bildschirm. Dann sehen auch Benutzer mit einer hheren Auflsung das Bild noch vernnftig und unskaliert.
    Gru
    webbie

    Edit:
    Das war jetzt teilweise quatsch. Hm, es geht ja nicht, weil Du ja mchtest, dass man auch mit geringerer Auflsung gucken knnen soll ohne scrollen zu mssen, also die Angaben relativ bleiben mssten. Die feste Vorgabe macht also keinen Sinn.

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    13.11.2005
    Ort
    Bayern
    Beitrge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Naja mein eigentlicher Gedanke den ich jetzt im Moment hab ist: Ich mache meine Bilder z.B. in einer Breite von 2000 Pixeln und sorge so dafr, dass sie auf sehr guten Bildschirmen mit hoher Auflsung nicht groartig vergrert werden mssen, und auf schlechteren Bildschirmen werden sie ja dann sowieso einfach entsprechend verkleinert .

    Aber die Idee bei einer geringeren Auflsung zu bleiben, das Atribut " style="width: " miteinzubauen, um dem Scrollen bei einer relatiev geringen Auflsung entgegen zu wirken, aber geleichzeitig eine feste Maximalgre anzugeben um den "Verpixlungseffekt" auf greren Moitoren entgegenzuwirken ist natrlich auch genial .

    Nur blick ich da leider wieder mal net durch - ich sollte vielleicht noch dazu erwhnen, dass ich (noch) ein absoluter Newbie in dem Gebiet bin und leider keinerlei Ahnung davon hab, was z.B. ein Frameset oder einen Div-Container ist .

  10. #10
    Knig(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beitrge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Lass es mit den 2000 Pixeln, Du machst Dir damit keine Freunde bei den durchaus noch vielen Modem- und ISDN-Usern. Bleib nur bei einer Auflsung von 96 dpi und mache die Bilder exakt 800x600 Pixel gro.

    Setze sie dann in ein Frameset wie diesem hier:
    http://webbies.space4free.net/bildanpassung.html

    Mach am Besten auch folgendes: style="width:87%; height=87%"
    Damit auch die senkrechte Dimension noch stimmt.

    Gru
    webbie

hnliche Themen

  1. Code Fenster html code
    Von Hurrican im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 07.01.2009, 16:04
  2. Automatische Grenanpassung bei unterschiedlicher Auflsung
    Von JELLICOE im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 19.09.2007, 22:22
  3. Bilder auf HP vorm kopieren schtzen, wer hat den html Code?
    Von wolkesiebenland im Forum HTML & CSS Forum
    Antworten: 24
    Letzter Beitrag: 29.11.2004, 23:54
  4. Fehler im Html-Code? Nicht alle Bilder werden angezeigt.
    Von Shaybe im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 08.11.2004, 02:51
  5. HTML Code auf einer HTML-Hilfe Website anzeigen
    Von Sternenkrieger im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 16.06.2004, 10:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •