|
| Boks med tekst i midten Fra : Ukendt |
Dato : 29-07-07 21:32 |
|
Jeg har sådan en boks:
#boks {
background: black;
width: 100%;
height: 20px;
color: white;
text-indent: 25px;
font-size: 10px;
}
Heri ønsker jeg at skrive een linie tekst, som skal placeres i midten af
boksen (så der er lige meget luft mellem øverst og nederste kant.
Jeg har forsøgt at sætte lidt padding på toppen så teksten rykkes nedad, men
så bliver boksen højere end de 20px. Hvad er den korrekte måde?
| |
Birger (29-07-2007)
| Kommentar Fra : Birger |
Dato : 29-07-07 23:14 |
|
"Michael Sørensen" <.> skrev i en meddelelse
news:46acf952$0$4166$ba624c82@nntp02.dk.telia.net...
> Jeg har sådan en boks:
>
> #boks {
> background: black;
> width: 100%;
> height: 20px;
> color: white;
> text-indent: 25px;
> font-size: 10px;
> }
>
> Heri ønsker jeg at skrive een linie tekst, som skal placeres i midten af
> boksen (så der er lige meget luft mellem øverst og nederste kant.
>
> Jeg har forsøgt at sætte lidt padding på toppen så teksten rykkes nedad,
> men så bliver boksen højere end de 20px. Hvad er den korrekte måde?
>
#boks {
background: black;
width: 100%;
height: 10px;
color: white;
text-indent: 25px;
font-size: 10px;
padding: 5px 0px;
}
eller
#boks {
background: black;
width: 100%;
color: white;
font-size: 10px;
padding: 5px 0px 5px 25px;
}
burde virke...
Birger
| |
Peter Vesth (30-07-2007)
| Kommentar Fra : Peter Vesth |
Dato : 30-07-07 11:50 |
|
Birger wrote in dk.edb.internet.webdesign.html:
> "Michael Sørensen" <.> skrev i en meddelelse
> news:46acf952$0$4166$ba624c82@nntp02.dk.telia.net...
>
> #boks {
> background: black;
> width: 100%;
> height: 10px;
> color: white;
> text-indent: 25px;
> font-size: 10px;
> padding: 5px 0px;
> }
>
> eller
>
> #boks {
> background: black;
> width: 100%;
> color: white;
> font-size: 10px;
> padding: 5px 0px 5px 25px;
> }
>
> burde virke...
>
> Birger
>
Hejsan
Jeg ville nok udvide den med noget margin, og en text-align: center;
Mvh
Peter Vesth
--
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
| |
Birger (31-07-2007)
| Kommentar Fra : Birger |
Dato : 31-07-07 00:29 |
|
"Peter Vesth" <peter_vesth@hotmail.com> skrev i en meddelelse
news:46adc246$0$90266$14726298@news.sunsite.dk...
snip snip snip
> Hejsan
>
> Jeg ville nok udvide den med noget margin, og en text-align: center;
>
> Mvh
>
> Peter Vesth
>
>
> --
> 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
Jo. da - hvis man vil have margin, og teksten centreret er det alle tiders
ide...
Birger
| |
Ukendt (30-07-2007)
| Kommentar Fra : Ukendt |
Dato : 30-07-07 17:09 |
|
"Birger" <sdc@bbsorensen.com> skrev i en meddelelse
news:46ad1124$0$90264$14726298@news.sunsite.dk...
>
> "Michael Sørensen" <.> skrev i en meddelelse
> news:46acf952$0$4166$ba624c82@nntp02.dk.telia.net...
>> Jeg har sådan en boks:
>>
>> #boks {
>> background: black;
>> width: 100%;
>> height: 20px;
>> color: white;
>> text-indent: 25px;
>> font-size: 10px;
>> }
>>
>> Heri ønsker jeg at skrive een linie tekst, som skal placeres i midten af
>> boksen (så der er lige meget luft mellem øverst og nederste kant.
>>
>> Jeg har forsøgt at sætte lidt padding på toppen så teksten rykkes nedad,
>> men så bliver boksen højere end de 20px. Hvad er den korrekte måde?
>>
>
> #boks {
> background: black;
> width: 100%;
> height: 10px;
> color: white;
> text-indent: 25px;
> font-size: 10px;
> padding: 5px 0px;
> }
>
> eller
>
> #boks {
> background: black;
> width: 100%;
> color: white;
> font-size: 10px;
> padding: 5px 0px 5px 25px;
> }
>
> burde virke...
Vil det sige, at når man skal sætte en bredde og højde på en boks, så skal
man huske at trække boksens padding fra den endelige bredde/højde?
| |
Ukendt (30-07-2007)
| Kommentar Fra : Ukendt |
Dato : 30-07-07 20:21 |
|
> Vil det sige, at når man skal sætte en bredde og højde på en boks, så skal
> man huske at trække boksens padding fra den endelige bredde/højde?
Jep;)
Malene
| |
Jørgen Farum Jensen (30-07-2007)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 30-07-07 20:58 |
|
Malene Hald skrev:
>> Vil det sige, at når man skal sætte en bredde og højde på en boks, så skal
>> man huske at trække boksens padding fra den endelige bredde/højde?
>
> Jep;)
Eller sagt på en anden måde: En boks' synlige
bredde består af de tre størrelser width, padding og
border; Ditto for så vidt angår højde.
For at finde ud af hvor meget elementet
fylder siden skal marginer lægges til. Obs at
vandrette marginer (margin-bottom, margin-top)
kollapser, det vil side den lodrette afstand
mellem to elementer, der følger efter hinanden,
bliver som den bredeste af de to marginer.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..
| |
Ukendt (30-07-2007)
| Kommentar Fra : Ukendt |
Dato : 30-07-07 21:53 |
|
"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:46ae42b0$0$67523$edfadb0f@dread14.news.tele.dk...
> Malene Hald skrev:
>>> Vil det sige, at når man skal sætte en bredde og højde på en boks, så
>>> skal man huske at trække boksens padding fra den endelige bredde/højde?
>>
>> Jep;)
>
> Eller sagt på en anden måde: En boks' synlige
> bredde består af de tre størrelser width, padding og
> border; Ditto for så vidt angår højde.
>
> For at finde ud af hvor meget elementet
> fylder siden skal marginer lægges til. Obs at
> vandrette marginer (margin-bottom, margin-top)
> kollapser, det vil side den lodrette afstand
> mellem to elementer, der følger efter hinanden,
> bliver som den bredeste af de to marginer.
Hej,
tak for læredommen til jer alle
| |
|
|