Homepage selbermachen 7.852 Themen, 35.619 Beiträge

grafik in der mitte plazier

alexge / 14 Antworten / Baumansicht Nickles

ich versuche auf einer leeren seite ein grafik in der mitte
zu plazieren,

hatte es mit

center>
img src="bild.jpg" width=50% height=50%>



versucht..

geht aber nicht,
die grafik bleibt - egal wie ich´s mache -
immer etwas nach oben ausgerichtet..

so what to do?

thx

bei Antwort benachrichtigen
Nasser alexge „grafik in der mitte plazier“
Optionen

Hi alexg!

Du kannst Dir eine unsichtbare Tabelle erstellen und dann die Grafik plazieren.

MfG Nasser

;) Und immer trocken bleiben.
bei Antwort benachrichtigen
MichiMEM alexge „grafik in der mitte plazier“
Optionen

Versuchs mal mit

img border="0" src="BILD.jpg" width="xx" height="xxx" align="absmiddle"
bei Antwort benachrichtigen
Ruffnex alexge „grafik in der mitte plazier“
Optionen

so sollte es gehen



Halt nur die leerzeichen entfernen

bei Antwort benachrichtigen
alexge Ruffnex „so sollte es gehen Halt nur die leerzeichen entfernen“
Optionen

nee leider gehts so nicht.. mit center und 50%..
genau so hatte ich es versucht...

das mit der tabelle und den anderen vorschlag werde ich versuchen

vielleicht gibts ja auch ne css-lösung?

und nebenbei..wie komprimiere ich ein gif bild am besten mit gimp ?
kann das tool nicht finden...

bei Antwort benachrichtigen
Zaphod alexge „.“
Optionen

> vielleicht gibts ja auch ne css-lösung?
Ja!
> wie komprimiere ich ein gif bild am besten mit gimp?
Farben reduzieren:
Bild -> Modus -> RGB
Bild -> Modus -> Indiziert -> Optimale Anzahl der Farben,
dort weniger als 256 einstellen. Je weniger Farben, desto kleiner die Datei ...
HTH, Z.

bei Antwort benachrichtigen
Damien82 alexge „grafik in der mitte plazier“
Optionen

SO AUCH:

deine grafik

kannst auch noch mehr dazwischen schreiben, z.b. ein und dann dein text

mfg

natürlich die tags ohne sternchen ;)

bei Antwort benachrichtigen
alexge Nachtrag zu: „grafik in der mitte plazier“
Optionen

hm hm..habe es jetzt so versucht :

table border="0" width=100% td height=100%

tr
td width=20% height=20% td
td width=20% height=20% td
td width=20% height=20% td
tr

tr
td width=20% height=20% td
td width=20% height=20% center img src="bild.jpg" center td
td width=20% height=20% td
tr

tr
td width=20% height=20% td
td width=20% height=20% td
td width=20% height=20% td
tr

table

...aber außer im konquerer-browser funktionierts nicht..

zb. firefox..ist das bild wieder oben..

{ NATÜRLICH SIND ÜBERALL DIE RICHTIGEN }

hmhmhm.........

bei Antwort benachrichtigen
Plazebo alexge „grafik in der mitte plazier“
Optionen

<table style="width: 100%; height: 100%;">
<th valign="middle">

<table width="100" align="center">
<tr>
<td><img src="bild.jpg" width="50%" height="50%"></td>
</tr>
</table>

</th>
</table>


So oder so ähnlich.

bei Antwort benachrichtigen
Plazebo Nachtrag zu: „grafik in der mitte plazier“
Optionen

Die innere Tabelle ist eigentlich dummes Zeug:

<table style="width: 100%; height: 100%;">
<th valign="middle">
<img src="bild.jpg" width="50%" height="50%">
</th>
</table>

bei Antwort benachrichtigen
angelpage alexge „grafik in der mitte plazier“
Optionen

Probiers besser z.B. so:

<table style="text-align:center; vertical-align:middle; width:100%; height:100%"><tr><td>
http://www.angelpage.de/webcam/cam_1.jpg" HEIGHT="240" WIDTH="320" border="0">

Manfred von

bei Antwort benachrichtigen
angelpage alexge „grafik in der mitte plazier“
Optionen

Guten Morgen,

@Plazebo: das Webcam-Bild ist ein Beispiel gewesen. Der String funktioniert doch wunderbar, und das mit beliebigen Bildern (Quelle, Format, Größe ...)

Manfred von

bei Antwort benachrichtigen
alexge Nachtrag zu: „grafik in der mitte plazier“
Optionen

thx für eure vorschläge

am besten gefallen mir die reinen html-lösungen..
aber: leider gehn sie warum auch immer nicht in allen
browser, zb im firefox bleibt das bild trotz allem
immer am oberen rand kleben

habe jetzt die css lösung gewählt :
style type="text/css"
!--
body { }
#box { position:absolute; top:12%; bottom:35%; left:18%; right:45%; width:80px; height:80px; }

-->
/style

/head
body

div id="box" style="background:yellow;" img src="bild.jpg"
/div

/div

/body

ist soweit ganz ok,

perfekt wäre es wenn ich mittels css auch
den center-tag verwenden könnte,
hab dafür aber keine lösung trotz intensiven versuchen gefunden

bei Antwort benachrichtigen
angelpage alexge „grafik in der mitte plazier“
Optionen

@alexge,

ein funktionierendes Muster (für Firefox sowieso): http://www.angelpage.de/mittig.htm ... . Auslagern kann man doch fast immer und alles, ob Formatierungen oder sogar den kompletten Content einer Website ...

Relative (%)und absolute Größen (in pix) dagegen würde ich nie mischen, denn ein Bildschirm beim Besucher hat doch eine ganz konkrete Auflösung (jede Auflösung, also unterschiedliche Pixelanzahl, entspricht immer 100%. Rechne da mal etwas. Da bleibt doch fast immer undefinierte Fläche übrig, denke ich mal so ... oder das Bild wird zu groß ...).

Da flunkerst Du wohl etwas? Oder Du hast das Zentrum bei beliebiger Auflösung beim Besucher und beliebiger Bildgröße längst aufgegeben (so wie ich Deine Not ursprünglich mal interpretiert hatte) ...

Manfred von

bei Antwort benachrichtigen
alexge angelpage „@alexge, ein funktionierendes Muster für Firefox sowieso :...“
Optionen

nee, nee nix geflunkert..

nur berichtet vielleicht gabs da ein missverständnis ?

anyway thx again

bei Antwort benachrichtigen