• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild erscheint nicht in der Mitte???? Hilfe!

Status
Für weitere Antworten geschlossen.
C

carlotta

Neues Mitglied
hallo ich bin absolute Anfängerin was html angeht
und habe ein kleines Problem.
Ein Bild soll immer in der Mitte eines Frames erscheinen, egal wie groß das fenster ist. ich habe es mit einer tabelle versucht, doch das bild wird immer zwar mittig aber an den oberen rand des frames gesetzt, was mache ich falsch. hier füge ich meinen Code an.
Code: 
<html>
 
<head>
 
<title>inhalt</title>
 
<meta name="author" content="Astrid Busch">
 
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
 
</head>
 
<body text="FBFBFB" bgcolor="3E3E3E" link="FBFBFB" alink="FBFBFB" vlink="FBFBFB">
 
<font face="VERDANA,ARIAL,HELVETICA">
 
<table align="center" >
 
<tr>
 
 <td><img src="bilder/porträtklein.jpg"  width="600" height="390" border="0" alt="">     </td>
 
</tr>
 
</table>
 
</font>
 
</body>
 
</html>


vielleicht kann mir ja jemand helfen, schon mal vielen Dank
carlotta
 
Du hast da doch keine Frames?!? Davon würde ich dir so oder so abraten, da diese veraltet sind. Benutze CSS und <div>-Container.

HTML: 
<div align="center"><img src="bild.jpg"></div>

Damti ist dein Bild imerm in der Mitte von dem wo du diesen Code 'reinpackst, man kann auch alles andere in einen <div>-Contaienr schreiben und noch VIEL mehr damit machen. :-)

Gruß Corvulus
 
css:
Code: 
#img {
position: absolute;
width: 600px;
height: 390px;
left: 50%;
margin: 0px 0px 0px -300px;
background-image: url(http://url.zum.bild);
background-repeat: no-repeat;
}

body:
Code: 
<div id="img"></img>

zmd hab ichs immer so mit meinen bannern gemacht. außer du willst es in der tabelle haben (wenn es sich nicht um einen header oder so handelt), dann solltest du Corvulus' lösung nehmen ;)
 
Danke Corvulus aber es funzt immer noch nicht

hallo Corvulus
ich habe die Tabelle rausgeworfen und das Bild mit exakt deinem Div - vorschlag eingesetzt, es wird aber immer noch am oberen Rand angezeigt.
kann es etwas mit meiner index Seite zu tun haben, in der ich die Framesets habe.
Zu den Frames, ja ich habe das schon gehört, dass das veraltet ist doch habe ich das system von css noch nicht wirklich verstanden und bin erstmal hocherfreut dass ich im html editor eine homepage mit Frames basteln konnte.

Also hier meinen veränderten code der immer noch nicht geht:
Code: 
<html>
<head>
<title>inhalt</title>
<meta name="author" content="Astrid Busch">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
</head>
<body text="FBFBFB" bgcolor="3E3E3E" link="FBFBFB" alink="FBFBFB" vlink="FBFBFB">
<div align="center"><img src="bilder/porträtklein.jpg" ></div>
 
</body>
</html>

und hier der Code meiner Index seite die Seite oben erscheint im frame inhalt.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "[URL]http://www.w3.org/TR/html4/frameset.dtd[/URL]">
<html>
<head>
<title>...</title>
<meta name="description" content="">
<meta name="author" content="">
 ">
<meta http-equiv="expire" content="0">
</head>
 <frameset rows="7%,7%,76%,10%" border="0">
   <frame src="oben.html" scrolling="no" name="oben">
   <frame src="navigation.html" scrolling="no" name="navigation">
   <frame src="inhalt.html" scrolling="auto" name="inhalt">
   <frame src="unten.html" scrolling="no" name="unten">
 </frameset>
</body>
</html>

liebe Grüße
carlotta
 
Versuchs mal so:

Code: 
<div style="align: center; padding-top: 20px;">Hier das Bild</div>
 
HTML: 
<table "width=100%" height="100%" border="0"><tr><td><div align="center" style="vertical-align:middle">test</div></td><tr></table>

So ist das Bild immer GANZ in der Mitte, ist aber ein wenig gepfuscht denke ich, aber anders habe ich es nicht hinbekomen.

Gruß Corvulus
 
Vielen Dank es hat geklappt!

Vielen Dank;Jump

Ich habe beide Möglichkeiten ausprobiert und Corvulus Vorschlag funktioniert.
Jetzt kann ich weiterbasteln.
Echt, super vielen Dank!
Es ist wirklich bewundernswert und echt toll, dass ihr euch permanent solchen Anfängerproblemen widmet.

lieben Gruß
Carlotta;heart
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben