PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML] Wie rückt man Bilder eigentlich absolut mittig? Oo



NPC Fighter
30.07.2005, 08:31
Jo, schimpft mich nur Drecksn00b, aber ich komm nich drauf. ^^

Ich habe hier (http://people.freenet.de/npcfighter/error/error404.html) 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. :p


Dangö und LG, NPC .,.

pazzi
30.07.2005, 08:50
Dein Problem hab' ich immer mit folgendem Code geregelt.


<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
30.07.2005, 09:09
Yeah, danke, hat geklappt. http://www.multimediaxis.de/images/smilies/old/1/knuffel.gif

fanrpg
30.07.2005, 09:44
Klappt auch ohne CSS

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

dadie
30.07.2005, 10:24
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 :rolleyes:


<div style="vertical-align:middle;" >

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

</div>

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


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

alles ungetestet !

Orkkrieger
30.07.2005, 11:10
style="margin:0px auto;"


müsste eigentlich auch klappen

NPC Fighter
30.07.2005, 14:05
Jo, das ginge in Ordnung. ^^°
Danke. http://www.multimediaxis.de/images/smilies/old/1/knuffel.gif

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
30.07.2005, 14:15
<link rel="shortcut icon" href="datei.ico">

in die "head" Tags einbinden... fertig

fanrpg
30.07.2005, 14:31
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 ?:rolleyes:


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

<img>

</div>

:rolleyes:

dadie
30.07.2005, 14:39
Warum nicht direkt so ?:rolleyes:


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

<img>

</div>

:rolleyes:

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
30.07.2005, 14:43
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 :rolleyes:
Aber das ist immo so das Maß der Dinge der Kompliziertheit sowas ganz exakt hinzukriegen dauert ne ewigkeit :rolleyes: und das ist das Auflösungsgebunden

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