[HTML] Wie rückt man Bilder eigentlich absolut mittig? Oo

[NPC Fighter]

Jo, schimpft mich nur Drecksn00b, aber ich komm nich drauf. ^^

Ich habe hier eine HTML Datei mit einem Bild, welches ich in die Mitte rücken will. Ginge ja mit Center. Allerdings will ich das nich nur zu den Rändern nach links und rechts hin mittig, sondern auch, nach oben und unten. Dass das Bild also absolut zentriert im Browserfenster hängt. Wenn ihr mich versteht. ^^°

Mit Middle hab ichs auf Anraten auch schon probiert, aber das fungiert irgendwie nur wie der Center Befehl. Und zu meiner Verteidigung: Ich bin erst dabei, HTML mal richtig zu lernen.


Dangö und LG, NPC .,.

[pazzi]

Dein Problem hab' ich immer mit folgendem Code geregelt.

HTML-Code:

<style>
  <!-- 
    #tab1 { width:100%; height:100%; }
    #tab2 { width:100%; }
    .v_mid { vertical-align:middle; }
  -->
</style>

<table id="tab1" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    <div id="v_mid">
      <table id="tab2" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            <center>
              <img>
            </center>
          </td>
        </tr>
      </table>
    </div>
    </td>
  </tr>
</table>

[NPC Fighter]

Yeah, danke, hat geklappt.

[fanrpg]

Klappt auch ohne CSS

HTML-Code:

<table border="0" widht="100%" height="100%">
<tr>
<td valign="middle">
<img align="center">
</td>
</tr>
</table>

[dadie]

Klappt auch ohne CSS

...

Nur mal so sollange ihr an euren HTML 3 udn 4 Atirbuten hängt wird es nie weiter gehn in der webentwicklung >.<

Wie währe das

HTML-Code:

<div style="vertical-align:middle;" >
    
    <img src="" alt="" title="" style="text-align:center;" />
    
</div>

Evtl. muss man dem Body noch folgenden code hinzufügen :

HTML-Code:

style="width:100%; height:100%;"

alles ungetestet !

[Orkkrieger]

Code:

style="margin:0px auto;"

müsste eigentlich auch klappen

[NPC Fighter]

Jo, das ginge in Ordnung. ^^°
Danke.

Jetzt hät ich aber noch ne Frage. Und zwar gehts um en Favicon, wo beim Browser in der Zielleiste angegeben wird. Ich hab die Icon Datei. Wie kann ich das explizit einem bestimmten HTML Dokument zuweisen?

[Niji-chan]

HTML-Code:

<link rel="shortcut icon" href="datei.ico">

in die "head" Tags einbinden... fertig

[fanrpg]

Nur mal so sollange ihr an euren HTML 3 udn 4 Atirbuten hängt wird es nie weiter gehn in der webentwicklung >.<

...

Warum nicht direkt so ?

HTML-Code:

<div style="position:absolute; width:200px; height:115px; z-index:1; left: 350px; top: 250px;">

<img>

</div>

[dadie]

Warum nicht direkt so ?

HTML-Code:

<div style="position:absolute; width:200px; height:115px; z-index:1; left: 350px; top: 250px;">

<img>

</div>

...

o.O? sorry aber was bitte soll das sein o.O? Die aufgabe war Zentrierung in X und Y was du machst ist ein Div Objekt einen Festenplatz zuzuweissen.Und der ist nur dann die mitte wenn das Browser fenster exakt 900 width ist und 615 height o.O rofl o.O?

btw. o.O = Mein Lieblings Smilli

[fanrpg]

o.O? sorry aber was bitte soll das sein o.O? Die aufgabe war Zentrierung in X und Y was du machst ist ein Div Objekt einen Festenplatz zuzuweissen.Und der ist nur dann die mitte wenn das Browser fenster exakt 900 width ist und 615 height o.O rofl o.O?

btw. o.O = Mein Lieblings Smilli

...

Das war jetzt nen Beispiel sowas variert ja von Auflösung zu Auflösung und Browser zu Browser
Aber das ist immo so das Maß der Dinge der Kompliziertheit sowas ganz exakt hinzukriegen dauert ne ewigkeit und das ist das Auflösungsgebunden

Ich meinte damit das ist Fortschritt was spricht gegen HTML Attribute?