webForumDet fria alternativet

Placera text via css

4 svar · 433 visningar · startad av andreascarlsson

andreascarlssonMedlem sedan feb. 2003202 inlägg
#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??
:q

Hur gör man detta isådanafall??

jarvkloMedlem sedan juli 20013 378 inlägg
#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
#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
#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
#5

Klockrent!!

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

125 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)