Wie kann ich Bilder Ausrichten?

  • Hallo,
    also
    Bilder in HTML einfügen habe ich hin bekommen...
    aber wie kann ich diese Ausrichten (Rechts, Links, Mittig oder individuell)???


    Beste Grüße
    nebin

  • Okay mein Code sieht dann so aus:



    <div style="position:absolute;top:195pt;left:80pt;z-index:2;">
    <img src="bilder/salon-draussen.jpg" border="3" style="border-color:#0E39E6" width="450" height="338" alt="Salon" />
    </div>


    aber...


    so kann ich zwar das Bild positionieren, wie ich möchte aber der Text
    drüber und darunter ist dann hinter dem Bild...

  • Dann halt einfach ein Div um den Text und das Div einfach so ausrichten, dass es nich hinter sondern ebend über/unter/neben dem Bild ist.

  • &quot;Foster&quot; schrieb:

    Das hier sollte es lösen:
    <!-- m --><a class="postlink" href="http://www.html-seminar.de/_forum/viewtopic.php?p=2815#2815">http://www.html-seminar.de/_forum/viewt ... =2815#2815</a><!-- m -->


    Zentrieren kannst du ein Element mit margin-left: auto; und maring-right:auto


    na ups -
    sorry, aber seit wann zentriere ich eine bestimmte Grafik durch margin???


    Korrekt wäre wohl die Eingabe über einen div-tag

    Code
    1. <div style="text-align:center;"><img src="...
  • Wenn du das Bild erst in ein Div packen willst.... ? :roll:
    margin ist die einzige Variante bestimmte Elemente zu zentrieren, da <center> deprecated ist.

  • Vielen Dank schon mal!!!
    Ich habe jetzt auch die text elemente in DIV'S gepackt und Positioniert!
    Das hat geklappt!!!


    Achja was meint Ihr mit:


    <center> deprecated


    ?????


    Danke
    Gruß
    nebin


  • nanu - hatte ich hier doch schon benannt, da ich mir dachte, dass dieser Ausdruck nicht so allgemein bekannt sein dürft.
    hat da doch jemand ein Posting von mir gelöscht... ist ja wohl ein dolles Ding! :wink:


    also deprecated heisst soviel wie veraltet

  • QuickDic gibt neben der Google-Übersetzung "veraltet" für deprecated noch die Wörter "abgelehnt" und "missbilligt" aus. Was alles in allem ganz einfach heißt, dass <center> nicht mehr zum HTML-Standart gehört und somit bei Benutzen nicht valides HTML erzeugt wird.


    Zitat

    hat da doch jemand ein Posting von mir gelöscht... ist ja wohl ein dolles Ding!

    Ich kann mich da wohl der Schuld entziehen, es sei denn, die Info stand in einem der völlig überflüssigen Doppelposts und mir ist versehentlich die Hand vom Edit- auf das X-Knöpfchen abgerutscht...... kann mich allerdings nicht erinnern, sowas gemacht zu haben :)

  • *grins*


    na OK :lol:
    nun würde ich aber immer noch gerne einmal von dir einmal zu lesen bekommen, wie du mit margin etwas zentrieren kannst :?:

  • Hab weiter oben nur vergessen, dass das margin-Zentrieren ja nur mit Blockelementen geht:


    Code
    1. <p style="margin-left:auto; margin-right:auto;width: 200px;">
    2. <img src="asdf.gif" width="200" height="200" />
    3. </p>
  • abgesehen davon,
    auch ist dieser Tag nun wohl länger als mein div-Tag - aber ich habe das einmal nach deinem Vorschlag nachvollzogen.


    Anzeige im
    Firefox = OK, zentriert
    Opera =OK, zentriert
    IE 6 = reagiert nicht, Anzeige linksbündig


    Ich wusste doch, dass einer dieser Anzeigemonster nicht mit dieser Eingabe mitspielt