---

Kan man vha. css lave rammer om bogstaver?

Jeg tænker på eksempelvis hvide fonte med en 1px sort ramme/border.

Jeg har søgt og søgt men ikke fundet en font-style der aktiverer dette -
eller skal jeg over Photoshop, og lægge det ind som et grafisk element?

Mvh
Anders

---

Anders Brandt skrev:

> Kan man vha. css lave rammer om bogstaver?

Skal rammen være en firkant der går rundt om hvert bogstav eller
skal den være selve bogstavet (outline - hvor rammen markerer
bogstavets form)?

Det første kan gøres via css, det andet kræver en font der ser
sådan ud (eller grafik i stedet for skrift).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Skal rammen være en firkant der går rundt om hvert bogstav eller
> skal den være selve bogstavet (outline - hvor rammen markerer
> bogstavets form)?
>
> Det første kan gøres via css, det andet kræver en font der ser
> sådan ud (eller grafik i stedet for skrift).

Rammen skal være outline, hvor den markerer bogstavets form - findes der en
løsning på det?

Mvh
Anders

---

Anders Brandt skrev:

>> Det første kan gøres via css, det andet kræver en font der
>> ser sådan ud (eller grafik i stedet for skrift).

> Rammen skal være outline, hvor den markerer bogstavets form -
> findes der en løsning på det?

Se under "det andet ..."
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Anders Brandt wrote:

> Kan man vha. css lave rammer om bogstaver?
>
> Jeg tænker på eksempelvis hvide fonte med en 1px sort ramme/border.
>
> Jeg har søgt og søgt men ikke fundet en font-style der aktiverer dette -
> eller skal jeg over Photoshop, og lægge det ind som et grafisk element?
>

<p>Dette er en <span style="color:#fff;border:1px solid #000;">t</span>est</p>

Du skal selv følgelig prøve at ligge selve CSS'en i et eksternt stylesheet.

Hintzmann c",)

---

Martin Hintzmann Andersen wrote in dk.edb.internet.webdesign.html:
> Anders Brandt wrote:
>
> > Kan man vha. css lave rammer om bogstaver?
> >
> > Jeg tænker på eksempelvis hvide fonte med en 1px sort ramme/border.
> >
> > Jeg har søgt og søgt men ikke fundet en font-style der aktiverer dette -
> > eller skal jeg over Photoshop, og lægge det ind som et grafisk element?
> >
>
>

<style type="text/css">

p.rammetext { border: 1px solid black;
width: 5%;}

</style>


<p class="rammetext">HEY</p>


Hvis jeg har forstået dig rigtigt.

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

---

Christian skrev:

> <style type="text/css">
>
> p.rammetext { border: 1px solid black;
> width: 5%;}
>
> </style>

Hvorfor sætter du width?

> <p class="rammetext">HEY</p>

Det vil give en ramme rundt om hele ordet. Hvis der skal ramme om
hvert enkelt bogstav, skal det pakkes ind i span:

<p class="rammetext"><span>H</span><span>E</span><span>Y</span></p>

- og der skal sættes en passende style på span indlejret i
p.rammetext.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Christian skrev:
>
> > <style type="text/css">
> >
> > p.rammetext { border: 1px solid black;
> > width: 5%;}
> >
> > </style>
>
> Hvorfor sætter du width?


Så holder rammen sig til texten.




> > <p class="rammetext">HEY</p>
>
> Det vil give en ramme rundt om hele ordet. Hvis der skal ramme om
> hvert enkelt bogstav, skal det pakkes ind i span:
>
> <p
class="rammetext"><span>H</span><span>E</span><span>Y</span></p>
>
Jeg ved det godt, men troede bare ud for spørgsmålet at han mente en
ramme, altså nærmest en textbox. Det kan lavees på lettere måder end
den jeg viste, men havde tralvt.


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

---

Christian wrote:
>>><style type="text/css">
>>>
>>>p.rammetext { border: 1px solid black;
>>>width: 5%;}
>>>
>>></style>
>>
>>
>>Hvorfor sætter du width?
>
>
>
> Så holder rammen sig til texten.
>
>

Kun i IE.
I alle andre browsere vil width'en være 5% uanset om teksten fylder mere en de 5%

Hintzmann c",)

---

Martin Hintzmann Andersen wrote in dk.edb.internet.webdesign.html:
> Christian wrote:
> >>><style type="text/css">
> >>>
> >>>p.rammetext { border: 1px solid black;
> >>>width: 5%;}
> >>>
> >>></style>
> >>
> >>
> >>Hvorfor sætter du width?
> >
> >
> >
> > Så holder rammen sig til texten.
> >
> >
>
> Kun i IE.
> I alle andre browsere vil width'en være 5% uanset om teksten fylder mere en de 5%


Det har du ret i

Men som sagt jeg havde tralvt det blev i de sidste 5 min i matematik timen

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