Archiv verlassen und diese Seite im Standarddesign anzeigen : Breite eines Frames
Ich habe folgendes Problem mit meiner HP:
ich würde gerne ein Bild in der Mitte eines Frames ausrichten, und zwar so:
parent.frames[2].bg.left = parent.frames[2].availwidth / 2 - 240;
parent.frames[2].bg.top = parent.frames[2].availheight / 2 - 240;
aber irgendwas geht da nicht, weil es nicht in der Mitte ist (sondern am rechten rand pickt)
mfg gsascha
Felix Kaiser
24.03.2002, 23:27
Wenn du den restlichen Bildbereich nicht benötigst kannste doch eine Tabelle erstellen:
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="height:100%">
<tr>
<td align="center" valign="middle">
<img src="foo\picture.gif" alt="my picture">
</td>
</tr>
</table>
Wenn du den restlichen Bildbereich noch belegen willst mit HTML Elementen, müsste ich dir eine DHTML Lösung zusammenschrauben ...
es ist eben so, dass ich dieses Bild als Hintergrundbild will. Und wenn ich es in <Body> als hintergrundbild einstelle, dann sieht man es ja öfters, und ich wills nur einmal und zwar genau in der Mitte (dieses Frames). Und darüber dann auch Texte und soweiter. Ganz nebenbei, kann man auch durchsichtige Tabellen erstellen? (dass man dann das Bild durchsieht).
Danke schon im Vorraus, mfg gsascha
das kannst doch ohne probleme mit ner tabelle machen.
du nimmst ne tabelle mit der grösse des bildes und zentrierst diese.
den rest tust dann einfach in diese tabelle.
ja, tabelle kann man durchsichtig machen, wenn sie keine hintergrundfarbe und kein hintergrundbild hamn, sind sie durchsichtig.
maulwurf
25.03.2002, 18:21
hiho
ein tipp fürn hintergrundbild: wenn du es verhindern willst, daß es gekachelt wird, dann vergrößer in nem grafikprog einfach die arbeitsfläche auf.. ka.. 2000 px breite & höhe (einfarbig) damit gehst du sicher, daß es nicht wiederholt wird und du hast den ärger mit ausrichten/transparenz nicht, da ja im bg. das bild muss natürlich dann auf dem erzeugten hintergrund zentriert sein.
die dateigröße wird durch nen einfarbigen hintergrund auch nicht großartig beeinflusst.
cya
<edit>ps: wenn dus doch in ne tabelle packst und darüber ne tabelle mit text, dann mach <table background=" "> dann ist sie auch bei NS etc transparent.</edit>
Felix Kaiser
25.03.2002, 20:21
Den Kacheleffekt kann man auch mit CSS verhindern, erspart überdimensionale Hintergrundbilder.
style="background-repeat:repeat"
repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.
body {
background-image:url(images/bild.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;
}
So is das Pic in der mitte zentriert und wandert nicht mit...
Is für n externes CSS-File...
@Mac Fly:
leider spielen da ned alle browser mit (z.b. ns 4.x ned)
ausserdem spielts keine rolle, ob das css extern is oder ned...
Es is sehr wohl ein Unterschied, ob ichs so schreibe wie oben (Also in ein*.css) oder so: <body style="..>
und auf NS4.x reagier ich schon lang nich mehr. Das is mir zu blöd. Der Shit macht nie das was ich will...
erstmals vielen dank, jez werd ich es sicher irgednwie schaffen!
mfg gsascha
Dominic Suter
27.03.2002, 18:39
Zumal NS4.x gar kein CSS interpretiert, wenn javascript deaktiviert wurde 8o ;( :mauer:
Ich finda ja sowiso, dass die, die Netscape nutzen wenigstens die aktuellste Version also 6.? verwenden sollten. Aber das ist ja ein anderes Thema.
Moechte bei dieser Gelegenheit nur darauf hinweisen, dass IE 5.5 und IE 6.0 CSS anders interpretieren, was wiederum eine Menge neucoden mit sich bringt...
Mac Fly:
eigentlich sollt da kein unterschied sein.
ausserdem gibts <head>...<style>...</style></head> - ist dann im selben file und ist genau das selbe wie n externes.
@Sami, Jo, man kann es auch in den Header schreiben. Aber wenn man 150+ Files hat, dann bindet man das CSS besser so ein:
<link Rel="stylesheet" Type="text/css" Href="netkiffer.css">
Dann sind Änderungen überall gleich ;)
vBulletin® v3.8.6, Copyright ©2000-2012, Jelsoft Enterprises Ltd.