miten saisin divin sisällön oikeaan reunaan?
olen kokeillut esim. seuraavasti:
#linkit
{
right: 50px;
}
olen kokeillut esim. seuraavasti:
#linkit
{
right: 50px;
}
divin sisältö oikeaan reunaan?
ihmettelijä...
7590
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 7
Vanhimmat
#linkit
{
text-align:right;
}
tuo linkit divin nimeksi oli siis vain esimerkki...
divin sisältö on js-koodia eikä se liikkunut
tuolla tavalla mihinkään.
nyt sitten vasta.
Mitähän jippoa koodistasi vielä löytyy?
kysymyksesi oli "miten saisin divin sisällön oikeaan reunaan?" - on vastaukseni aivan oikein.
Jos kirjoitat diviin javascriptillä, se sijoittuu tuolla koodilla divin oikeaan reunaan.
Millasta koodia siellä on?
Varsinaisestihan text-align: right tasaa jokaisen tekstirivin lohkon oikeaan reunaan. Tämä ei ollut se, mitä kysymyksessä haluttiin. Tosin kaikille, myös kysyjälle itselleen, on hyvin epäselvää, mitä kysyjä oikeastaan haluaa. Epäselvänä se pysyykin ainakin siihen asti, kunnes hän paljastaa URLin ja kertoo, mitä hän haluaa oikeaan reunaan ja missä mielessä.
(Ainakin jos divillä on taustaväri tai reunaviiva, ei sisällön saaminen _aivan_ oikeaan reunaan yleensä ole kovin hyvä ajatus. Esimerkiksi reunaviivaan törmäävät kirjaimet näyttävät rumilta.)
right oli ihan oikein, mutta pitää kertoa vielä lisää:
#linkit {
position: absolute;
right: 50px;
}
positionin mahdolliset arvot: static|relative|fixed|absolute
Tällä saat paremmin esiin testausta varten:
#linkit {
width: 150px;
height: 150px;
border: 1px solid Black;
position: absolute;
right: 50px;
}
Jos sen divin paikka määritellään näin, ei ole mitään väliä mitä sen divin sisällä on. Tuo jonkun toisen vastaajan ehdottama text-align vaikuttaa taas nimenomaan divin sisällä oleviin in-line -elementteihin (tosin IE:llä huonossa moodissa myös muuhun).
eli nyt se meni sinne oikeaan reunaan, kiitän paljon!:)