登录 | 注册 | FAQ
Anonymous

absolute position

+ 发表回复

5 篇帖子 分页: 1 / 1


absolute position

goodfly » 周五 11月 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
头像

goodfly

  • 帖子: 84
  • 注册: 周五 11月 26, 2010 7:20 am

Re: absolute position

HTML.net » 周五 11月 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
头像

HTML.net
Site Admin

  • 帖子: 1194
  • 注册: 周六 9月 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

goodfly » 周五 11月 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! :-)
头像

goodfly

  • 帖子: 84
  • 注册: 周五 11月 26, 2010 7:20 am

Re: absolute position

goodfly » 周五 11月 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?
头像

goodfly

  • 帖子: 84
  • 注册: 周五 11月 26, 2010 7:20 am

Re: absolute position

goodfly » 周五 11月 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!
头像

goodfly

  • 帖子: 84
  • 注册: 周五 11月 26, 2010 7:20 am


+ 发表回复

分页: 1 / 1