Page 1 of 1

im "eigenen Block" ein Banner einbinden

Posted: 28. September 2012 09:06
by knatter
Hallo an alle,

ich möchte im Eigenen Block ein Banner einbinden, dabei habe ich folgende Probleme:

wenn das Banner größer ist als der verfügbare Platz auf dem Bildschirm, wird das komplette Portal "auseinander" gerissen, wie kann man das skalieren?

Habe es probiert mit der "width" Angabe, dann funktioniert es soweit, aber auch nur so lange, bis der Bildschirmplatz größer wird als die Auflösung des Banners, dann wird dieses komplett vergrößert und sieht absolut nicht mehr schön aus....

Was kann man hier am besten machen ?

Hier könnt es gerne ausprobieren unter: http://www.ltzforum.de
Das Banner findet ihr ganz unten


Gruß und Danke
knatter

Re: im "eigenen Block" ein Banner einbinden

Posted: 28. September 2012 14:51
by Marc
Schon einmal mit dem hier probiert?

Code: Select all

<img src="http://www.ltzforum.de/images/logomaddy01-2012.jpg" alt="" style="width: 100%">

Re: im "eigenen Block" ein Banner einbinden

Posted: 1. October 2012 08:59
by knatter
hallo,

das hatte ich auch schon probiert, dabei gefällt mir nicht, das wenn die bildschirmauflösung sehr groß ist er das banner auch größer als 100% anzeigt und das absolut nicht gut ausschaut. ich glaube ich lasse es jetzt mal so wie es im moment ist, geht ja halbwegs.

danke für deine mühe....

gruß
knatter

Re: im "eigenen Block" ein Banner einbinden

Posted: 1. October 2012 17:23
by Marc
Wie wäre es dann noch mit max-width?

Re: im "eigenen Block" ein Banner einbinden

Posted: 1. October 2012 19:09
by archivar
knatter wrote: Hier könnt es gerne ausprobieren unter: http://www.ltzforum.de
Dein Code zur Zeit:

Code: Select all

<center><a href="http://www.quad-x.de" target="_blank"><img alt="" src="http://www.ltzforum.de/images/logomaddy01-2012.jpg"></center>
Wie ich gesehen habe fehlt bei deinem Code das hier:

Code: Select all

</a>
und das hier am Ende von "img"

Code: Select all

/
Marc wrote:Wie wäre es dann noch mit max-width?
Probiere mal das hier mit max-width:

Code: Select all

<center><a href="http://www.quad-x.de" target="_blank"><img style="max-width: 100%" src="http://www.ltzforum.de/images/logomaddy01-2012.jpg" alt=""/></a></center>