ein <p>-element an der unteren seite eines <DIV>-blocks packen?

[realfirst]

Hi SELFHTML user!
Ich habe ein kleines problem...
und zwar habe ich einen <div>-block an der linken seite meiner seite (100px breit 400px hoch) und habe schon 10x1 pixel bilder für den übergang oben und unten. das repeat-x oben habe ich schon geschafft.

(

(css)
P.repeatimage {
     background-color:#FFFFFF;
     background-image: url(Bilder/obenmitte.png);
     background-repeat: repeat-x;
     margin:0px; }

(html)
<div id="linkeflaeche">
<P class="repeatimage">
<img src="Bilder/obenmitte.png" border="0">
</p>
<h1>L</h1>
</div>

)

Das "linkeflaeche" brauch ich nicht zu erklären ist bloß der <div>block halt :D. nun der übergang oben funktioniert zwar aber ich möchte gerne auch noch den unteren übergang haben und dies nicht mit <br> ausfüllen bis es an der richtigen stelle ist (da kommt noch text hin).

kurz gesagt ich möchte das <p> element repeatimage als vertical-align:bottom im <Div>block haben.
ich hoffe ihr könnt mir helfen!
MfG realfirst

[bleicher]

Grüße,

P.repeatimage {
     background-color:#FFFFFF;

#fff reicht auch

background-image: url(Bilder/obenmitte.png);

da fehlen ''

background-repeat: repeat-x;
     margin:0px; }

(html)
<div id="linkeflaeche">
<P class="repeatimage">

kleines p

<img src="Bilder/obenmitte.png" border="0">
</p>
<h1>L</h1>
</div>

köntest du dein vorhaben etwas besser schildern? "übergang" ist etwas... aussageschwach.
MFG
bleicher

[realfirst]

das mit dem P (nich p) soll so sein da einer hier meinte css sei case-sensitive. daher ;)

das bild das ich gemacht habe (10x1 pixel) ist der übergang. d.h. ich brauche nur noch den richtigen css befehl um das repeatimage an die untere seite des div blocks zu packen.

----------
-übergang-    <- (png bild 10x1 pixel)
----------
----------
----------
----------
---text---
----------    <- *1 unten lesen ;)
----------
----------
----------
----------
----------
----------
-übergang-    <- hier solla hin
----------

*1=wenn ich den repeatimage befehl aus dem 1en post nehme dann erscheint der übergang dort. jedoch will ich das er an der UNTERSEITE ist wie gesagt ohne leerzeilen sondern ein einfachees align o.ä.
ich hoffe das war verständlicher :)
MfG

[bleicher]

Grüße,

das mit dem P (nich p) soll so sein da einer hier meinte css sei case-sensitive. daher ;)

dan solltest du überal kleinschreiben. grundsätzlich.
großschriebung ist was für inhaltstexte und sonderfälle des syntax

du willst das übergangimage im hintergrund vom div 2 mal haben - ein mal unten , ein mal oben? und ohne dass es in der mitte gekachelt wird?

multiple-backgrounds werden derzeit etwas mager unterstützt.afaik von einem einzigen browser - safari(?)

entweder habe ich dich missverstanden (was dir hoffnung lässt) oder du solltest den ansatz ändern.

MFG
bleicher

[realfirst]

wie wärs damit ich habe einmal oben den übergang der heißt "p.repeatimage" und dann will ich noch den 2en übergang unten haben der heißt dann "p.repeatimagebottom" oder "2" o.ä. dieser 2e übergang wird angezeigt jedoch nur unter dem text den ich eingegeben hat (eigentlich auch logisch hier code)

<div id="linkeflaeche">
<P class="repeatimage">
<img src="Bilder/obenmitte.png" border="0">
</p>
<h1>L</h1>
<P class="repeatimage2">
<img src="Bilder/untenmitte.png" border="0">
</p>
</div>

nun möchte ich das das <p class="repeatimage2"> genau unten am div block ist sodass es genauso aussieht wie darüber (das übergangsbild ist natürlih gespiegelt) heißt also etwas wie vertical-align:bottom o.ä.

ihc hoffe diesmal klappts wirklich :)

MFG