Bilder in Frames/Tabellen korrekt ausrichten?

[pit]

Hi,

ich habe folgende Frage:

Das top-Frame hat z.B 600x130 Pixel!

Füge ich eim Bild mit 600x130 Pixel ein, dann habe ich im Browser oben einen Rand vom Frame und das
Bild wird etwas nach unten geschoben. Auch stimmt die seitliche Position nicht!

Wie wird so etwas korrekt eingefügt?

Grund:
Das Hauptseite (Mainframe) soll oben abgerundet sein.
Diesen kleinen Teil würde ich daher gerne als Bild in das Topframe unten einbauen - quasi anstückeln!

Hätte auch ein Bild gemacht, aber wie kann man das hier anhängen?

Danke,
Pit

 

[pit-r]

Moin!

Mach mal sowas:

<img src="1.gif" alt="" style="width:600px; height:130px; position:absolute; top:0; left:0" border="0">

In den meisten browsern würde es reichen, den body-margin auf 0 zu setzen, aber obiges Beispiel funzt auch in denen, die das nicht raffen.

Ahoi - Pit

 

[pit]

Hi,

vielen Dank erst mal. Dein Tipp gibt zwar die genaue Position an aber ohne Rücksicht auf meine Tabelle.
(Werde wahnsinnig

Wie kann ich hier ein Bild reinstellen - dies mach meine Frage schnell verständlich???????

Problem:
In mein Topframe soll natürlich eine Tabelle rein und dort die einzelnen Bilder (z. B. Navi-Buttons, Logo, ...)
Diese Bilder sollen an einer bestimmten Stelle sein.

Ich füge eine Tabelle ein (mehrere Zeilen, Spalten). Die unterste Zeile ist 630px breit. Hier soll ein Bild
mit 630x25px rein. Darüber ein Bild mit z. B. H=18px, B=40px, ... und dann noch eins drüber mit 87px Höhe.
Das sind gesamt: 130px (die Höhe vom Topframe).

Die Tabelle macht aber was sie will. Sie ist versetzt in der Höhe und in der Horizontalen.

Wie kann ich einer Tabelle eine genaue Position geben (und einem Bild darin), bzw. wie mache ich es, damit die Tabell exakt das Frame ausfüllt?

 

[bubu-der-uhu]

hmmm...

Du musst auch für die Tabelle den TOP und den LEFT Abstand angeben

Ich hätte es mal so gemacht:

in den Head Tag des Top-Frames ein Css-Style:

<style type="text/css">
body {
	vertical-align:top;
	top: 0px;
                     left: 0px;
	margin-top: 0px;
                     margin-left: 0px;

}
</style>

Ich weis grad nimma obs "margin-top" oder nur "top" ist .... einfach ausprobieren!

....ich glaub aber es ist margin-top bzw. -left

... das gute daran wenn du es so ausrichtest ist: das es im Firefox auch genau so aussieht wie im IE da Firefox standardmässig keinen Abstand zur oberen Kante lässt.

Grüsse, Bubu

 

[bubu-der-uhu]

.... Ahhh... vielleicht hab ich deine Frage auch nicht richtig verstanden:

für die Tabelle gillt dann auch:

<table style="padding: 0px 0px 0px 0px;" border:0px; cellspacing: 0px; cellpadding: 0px;>

...das sollte auch im <td> -tag stehen

da du ja für einzelne Tabellenspalten ein Bild willst kannst diese ja als Hintergrundbild einfügen:

da kommt dann dieser Code noch dazu:

<td background=" *BILDPFAD* ">

oder wieder mit CSS:

table,td,th {
	background-color: #000000;
	vertical-align:top;
	top: 0px;
	margin-top: 0px;
padding: 0px 0px 0px 0px;
border: 0px;

/*...usw.....*/
}

...viel spass beim probieren