/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Text-indent højre justering
Fra : Henrik


Dato : 15-12-04 20:08

Hej

Kan det lade sig gøre at holde sin tekst væk fra højre side af
browseren.

Jeg har brugt denne kode til venstre side

p {
   text-indent: 20px;
}

Men kan man også få teksten til at stoppe 220px fra højre side?


Henrik



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Ukendt (15-12-2004)
Kommentar
Fra : Ukendt


Dato : 15-12-04 20:13

Henrik wrote:
> Kan det lade sig gøre at holde sin tekst væk fra højre side af
> browseren.
>
> Jeg har brugt denne kode til venstre side
>
> p {
>    text-indent: 20px;
> }
>
> Men kan man også få teksten til at stoppe 220px fra højre side?

Med padding-right:220px; kan du sørge for teksten kun går til 220px fra
højreside.

Fungerer dog ikke helt som text-indent, da denne kun indrykker første
linie. Hvis du vil have samme effekt i venstre side skal du tilsvarende
bruge padding-left.

mahlhn (15-12-2004)
Kommentar
Fra : mahlhn


Dato : 15-12-04 20:34


> Med padding-right:220px; kan du sørge for teksten kun går til 220px fra
> højreside.
>
> Fungerer dog ikke helt som text-indent, da denne kun indrykker første
> linie. Hvis du vil have samme effekt i venstre side skal du tilsvarende
> bruge padding-left.

Er lidt ny i det her med koder, er det CSS kode eller hvordan skal den
sættes ind?

Henrik

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ukendt (15-12-2004)
Kommentar
Fra : Ukendt


Dato : 15-12-04 20:49

mahlhn wrote:
>>Med padding-right:220px; kan du sørge for teksten kun går til 220px fra
>>højreside.
>>
>>Fungerer dog ikke helt som text-indent, da denne kun indrykker første
>>linie. Hvis du vil have samme effekt i venstre side skal du tilsvarende
>>bruge padding-left.
>
>
> Er lidt ny i det her med koder, er det CSS kode eller hvordan skal den
> sættes ind?
>
> Henrik
>

Ja, det er CSS-koder ligesom text-indent i dit oprindelige eksempel. Så
hvis du vil bruge padding istedet for text-indent (som kan være en
fordel i dette tilfælde, da text-indent som sagt kun indrykker første
linie), skal du i din stylesheet skrive:
p {
   padding-left:20px;
padding-right:220px;
}

eller for at gøre det kortere er det muligt at skrive:
p {
   padding:0px 220px 0px 20px;
}
Denne padding-genvej giver dig nemlig mulighed for at tilskrive padding
på alle sider på en gang. Rækkefølgen er som følger:
padding: top right bottom left;
Så ovenstående er det samme som:
p {
   padding-top:0px;
padding-right:220px;
padding-bottom:0px;
padding-left:20px;
}

Håber det gav en bedre forståelse

Hilsen Skovenborg



mahlhn (15-12-2004)
Kommentar
Fra : mahlhn


Dato : 15-12-04 20:55


>
> Håber det gav en bedre forståelse
>
> Hilsen Skovenborg
>
>
TAK

Henrik

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408935
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste