Beste CP'ers.

Ik ben al een klein uurtje bezig met verschillende manier om een klein plaatje mee te laten rekken tot de grote die ik nodig heb.

Maar heel de tijd, of verschuift mijn content of het plaatje blijft de originele grote en word niet groter.

Html/PHP:


<div class='ScrollBalk' align='center' 	" .$text. " </div>


CSS:


.ScrollBalk { background-image: url(../Iconset/Scroll.gif); width: auto; height: auto; background-position:center; background-repeat: no-repeat; text-align: center; }

Wat het dus moet doen:
Hij moet een geheel vormen onder en een klein stukje naast de gehele text die er komt te staan.

Heeft iemand hier tips over of iets dergelijks?
Bij voorbaat dank!

Dit heb ik al geprobeerd, maar elke tekst is weer anders natuurlijk.

Het is een soort nieuws systeem.
Dus elke tekst heeft een weer iets andere grote.

De een bedraagt dan bijvoorbeeld: 520x230, en de ander 122x500.
En het is een beetje nutteloos om met een groot stuk plaatje te zitten waar niks aan gedaan word.

Dit is dan het resultaat.

Heb even gezocht, en kom nergens op uit.
Dit kan dus helaas niet in CSS.

Wat voor maat is dan het beste voor zoiets?

PS:
Er is toch ook zoiets als boven image, midden image en onder image?
Is dit mischien geen oplossing?

Dus:
Plaatje 1 (Bovenkant)
Plaatje 2 (tekst + midden)
Plaatje 3 (Onderkant)

Nieuwe reactie samengevoegd met originele reactie op 07.01.10 20:37:28:
Dit is een goed voorbeeld:

Eerst deze:
http://habbo-crime.be/?p=inlog

Daarna deze:
http://habbo-crime.be/?p=regist

Dit balkje, beweegt mee, is dit niet iets?

Citaat van Killingdevil

Backgrounds kun je niet resizen met CSS, maar IMG-tags wel? Je kunt daarmee toch gewoon een work-around maken?

Maar dan neem ik aan dat er geen tekst op de voorkant kan staan met een IMG tag?

lhmedia,

Hier was ik al van bewust.
Mischien kan ik hier op school even bekijken hoe z'n 3 bars menu kan lukken.

Het is al opgelost, een klein langwerpig plaatje, met daarom heen een border.

Toch bedankt voor de hulp!:cheer::slotje: