Placera text via css

4 svar · 435 visningar · startad av andreascarlsson 10 nov. 2003

andreascarlssonMedlem sedan feb. 2003202 inlägg

Trådstart10 nov. 2003 11:40#1

Jag har en text som jag via css vill placera på ett ställe på skärmen.

Idag använder jag denna kod:

<div id="test_text" style="position:absolute;top:31px;left:100px;">
blablabla...
</div>

Texten placeras då med på det ställe jag angivet, med början på första bokstaven, följt av resten av texten. Men eftersom denna text är dynamisk (genereras med JSP) blir den ibland för lång och går utanför "gränserna" på sidan.

Det jag vill göra är att låta texten skrivas ut, men låta det sista tecknet i texten vara placerat på det ställe jag angivit i css. D.v.s. att texten "växer" åt vänster istället (om den är för lång). Går detta??

Hur gör man detta isådanafall??

jarvkloMedlem sedan juli 20013 378 inlägg

10 nov. 2003 13:53#2

Är detta i stil med vad du är ute efter?

<div id="test_text" style="position:absolute;top:31px;right:300px; text-align:right">
blablabla...
</div>

andreascarlssonMedlem sedan feb. 2003202 inlägg

10 nov. 2003 14:02#3

Det fungerade perfekt!! Tackar!!

Men, det finns dock en hake... Om jag byter skärmstorlek, eller minskar storleken på webläsarfönstret, så blir det fel. Detta eftersom texten nu utgår från höger. (På övriga element på sidan utgår jag alltid från vänster sida.)

300 pixlar från höger sida, blir ju olika beroende på skärmstorlek osv...

Kan man åstadkomma samma sak, men utgå från vänster??

jarvkloMedlem sedan juli 20013 378 inlägg

10 nov. 2003 16:00#4

Hmm

Man kan ju kombinera left: och width: om man vill...
Funkar det för det du vill ha ?

<div id="test_text" style="position:absolute;top:31px;left:100px;width:200px; text-align:right">
blablabla...
</div>

andreascarlssonMedlem sedan feb. 2003202 inlägg

10 nov. 2003 16:14#5

Klockrent!!

Tack så mycket för den snabba hjälpen!!!