/ 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
Rammer om bogstaver?
Fra : Anders Brandt


Dato : 11-12-03 12:45

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



 
 
Jens Gyldenkærne Cla~ (11-12-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 11-12-03 13:19

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

Anders Brandt (11-12-2003)
Kommentar
Fra : Anders Brandt


Dato : 11-12-03 14:04


> 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



Jens Gyldenkærne Cla~ (11-12-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 11-12-03 14:13

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

Martin Hintzmann And~ (11-12-2003)
Kommentar
Fra : Martin Hintzmann And~


Dato : 11-12-03 13:21

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",)

Christian (11-12-2003)
Kommentar
Fra : Christian


Dato : 11-12-03 13:28

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

Jens Gyldenkærne Cla~ (11-12-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 11-12-03 13:55

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

Christian (11-12-2003)
Kommentar
Fra : Christian


Dato : 11-12-03 14:53

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

Martin Hintzmann And~ (11-12-2003)
Kommentar
Fra : Martin Hintzmann And~


Dato : 11-12-03 15:01

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",)

Christian (11-12-2003)
Kommentar
Fra : Christian


Dato : 11-12-03 17:31

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

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

Månedens bedste
Årets bedste
Sidste års bedste