Hintergrundbild aus 2 Bildern!

M

Mr. FISHMAN

Erfahrenes Mitglied
Hi Leutz!!!

Ja ich wage mich auch mal ans CSS-Coding ;)

Also mein Prob:

Ich hab ein menü links auf meiner Seite... eigenes Frame!!!

nu will ich das der Hintergrund aus 2 Bildern gemacht wird!!!!
oben eins: top.jpg/fixed/no-repeat b220*h150
darunter eins: bottom.jpg/fixed/repeat-y b220*h20

das weiß ich schon mal ;)
aber wie mach ich das jezze???
Es muss wie ein Hintergrundbild werden... also man soll darüber text legen können und auch hin&her scrollen!!!!
So hab ich das erstmal:
aber das funzt halt noch net weil bottom.jpg fehlt!!!!!
Code: 
body {
 BACKGROUND-image: url(images/top.jpg);
 background-attachment: fixed;
 BACKGROUND-POSITION: left top;
 BACKGROUND-REPEAT: no-repeat;
}


PLEAS HELP ME

thx4help

grtz Mr FISHMAN
 
ich glaub nicht, dass das funktioniert. du hast ja nur einen body. ich test das aber mal. teil doch einfach den nav-frame nochmal oder nimm tabellen ;)
 
ok danke für probieren...
wenn ich es hin krich sag ich bescheid!!!

mal was anderes: wie macht man die scrollbar auf die linke seite????


grtz MRF
 
weil das net geht!!!

das bild top.jpg muss an der stelle bleiben und auch immer die größe haben!
und das bild bottom.jpg soll dann da drunter vortlaufend angehängt werden so das bis unten das fenster voll ist!!!
wenn ich aber nu ein bild mach muss das die maße b:260 h:1000 haben damit man bei hoher auflösung net unten das fehlende stück hat!!!! aber so eine riwsen grafik dauert bei isdn ganzschön lang... also hab ich lieber ne grafik b:260 h:20 denn die läd sich binnen 1 sec.


grtz mrf

so und wenn jezze noch jemand nen script hat für dieses Prob:

[Bild als link] -> wenn man mit der Maus draufkommt soll ein anderes bild erscheinen!!

also:
bildup.jpg
bilddown.jpg
 
Ok hab was gefunden für das prob mit dem rollover :
Code: 
<img src="bild1.gif" name="pic" onMouseOver="document.pic.src='bild2.gif';" onMouseOut="document.pic.src='bild1.gif';" alt="PIC">

und jezze möcht ich noch das bild2 bei aufruf der seite auch gleich geladen wird!!!

so in etwa:

Code: 
<body onLoad=loadPic('bild2.gif')>


grtz MrF
 
Ich hab ne Idee für dein Problem:

Mach eine Tabelle mit 100% Höhe und 100% Breite. Die kriegt dann zwei Zeilen. Die Erste hat die Höhe und Breite deines Bildes das sich nicht verändern sollte, und die Zweite 100% Höhe und 100% Breite.
Dann machst du bei der oberen Zeile als Hintergrundbild das Bild das sich nicht verändern sollte, und bei der unteren die kleine Grafik als Hintergrundbild.

Das sollte dann ca. so aussehen:
<table width="100%" height="100%">
<tr>
<td width="100%" height="400" background="unveraendert.gif">
</tr>
<tr>
<td width="100%" height="100%" background="kleinesbilddassichwiederholensoll.gif">
</tr>
</table>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück