Anmelden | Registrieren | FAQ
Anonymous

absolute position

+ Antwort erstellen

5 Beiträge Seite 1 von 1


absolute position

von goodfly » Fr Nov 26, 2010 7:41 am

Hi, ich bin blutiger Anfänger und habe mit den Tutorials angefangen meine Seite zu gestalten.
Ich verstehe nicht warum sich die eingefügten Bilder beim Zoomen (Strg +) überlappen, anstatt sich proportional in ihrer Größe zu verändern. Die ganze Seite soll entweder größer oder kleiner werden, ohne das sich die Objekte verschieben. Wie funktioniert das?
Take a look.. http://www.aar-training.de/

Vielen Dank für eure Unterstützung im Voraus!

goodfly
Benutzeravatar

goodfly

  • Beiträge: 84
  • Registriert: Fr Nov 26, 2010 7:20 am

Re: absolute position

von HTML.net » Fr Nov 26, 2010 11:09 am

Es ist, weil Sie nur "position: absolute" auf eines der Bilder. Versuchen Sie folgendes:

<img src="Co-Trainer.gif" style="position:absolute;top:200px;left:500px;" alt="Co-Trainer" />
<Img src = "Const.gif" alt = "Achtung Baustelle!" style = "position: absolute; top: 150px; links: 45px;" />

Aber es ist ein bisschen chaotisch. Anstelle von "position: absolute" versuchen Sie dies:

<div style="width:900px;margin-left:auto; margin-right:auto;">
<Img src = "Const.gif" alt = "Achtung Baustelle!" style="float: left;" />
<img src="Co-Trainer.gif" style="float:left;padding-top:50px;" alt="Co-Trainer" />
</div>

- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: absolute position

von goodfly » Fr Nov 26, 2010 3:54 pm

Vielen Dank Andreas!
Ich werde es damit versuchen.
Welche Lektion gehört zu diesem Thema?

Das hier ist eine klasse Seite! :-)
Benutzeravatar

goodfly

  • Beiträge: 84
  • Registriert: Fr Nov 26, 2010 7:20 am

Re: absolute position

von goodfly » Fr Nov 26, 2010 4:16 pm

Ich habe es ausprobiert. Jetzt stehen die Bilder nebeneinander (float left). Mein Ziel ist es, dass alle Bilder an der ursprünglichen Stelle bleiben und sich beim Zoomen nicht überlappen. Wie geht das?
Benutzeravatar

goodfly

  • Beiträge: 84
  • Registriert: Fr Nov 26, 2010 7:20 am

Re: absolute position

von goodfly » Fr Nov 26, 2010 8:48 pm

All together I have 4 images, which I have positioned exactly where I want them (using "absolute position", except "Co-Trainer" which is centred) My problem is, when my page is opened in a small notebook or iphone/pad the images are overlapping. The same happens when zooming (ctrl +) the page.
How can I get all the inserted images into the desired position and at the same time have a "complete picture" of the page in which all images change size and position proportionally when zooming (without any overlapping)?

Andreas, I have really enjoyed working with your helpful tutorials. This is a great website!
Benutzeravatar

goodfly

  • Beiträge: 84
  • Registriert: Fr Nov 26, 2010 7:20 am


+ Antwort erstellen

Seite 1 von 1