Avatar billede o-zone Nybegynder
26. april 2006 - 13:57 Der er 6 kommentarer og
1 løsning

Kan man ramme alle Uppercase bogstaver i en tekst med CSS?

Hej med jer...

Jeg har noget tekst i en <p> hvor jeg ønsker at give alle store bogstaver (uppercase) et andet layout end alle små bogstaver (lowercase).

Kan jeg gøre det uden at skulle tagge alle store bogstaver op i f.eks.:
<span class="stortBogstav">H</span>ejsa

/O-zone
Avatar billede jonat Nybegynder
26. april 2006 - 14:00 #1
Der er muligheden med frames, men da det som regelt ikke er særligt SEO venligt, så vil jeg helst undgå det...

// Jonat.
Avatar billede jonat Nybegynder
26. april 2006 - 14:01 #2
Ups. Forkerte spørgssmål.


Sorry // Jonat
Avatar billede mstorgaard Praktikant
26. april 2006 - 15:00 #3
.stortBogstav
{
text-transform: uppercase;
}

.lilleBogstav
{
text-transform: lowercase;
}
Avatar billede coderdk Praktikant
26. april 2006 - 15:08 #4
Måske noget javascript som dette eksempel:

<style>
    body {
        font-size: 12pt;
    }
    .big {
        font-family: verdana;
        font-size: 28px;
    }
</style>
<p>Hej med Dig. Jeg hedder Kaj. Fedt nok. Virkelig. Altså, det er ikke nemt at være Konge.</p>
<p>Hej med Dig. Jeg hedder Kaj. Fedt nok. Virkelig. Altså, det er ikke nemt at være Konge.</p>
<script type="text/javascript">
    ps = document.getElementsByTagName("p");
    n = ps.length;
    for (i=0;i<n;i++)
    {
        ps[i].innerHTML = ps[i].innerHTML.replace(/([A-ZÆØÅ])/g, "<span class='big'>$1</span>");
    }
</script>
Avatar billede o-zone Nybegynder
26. april 2006 - 17:35 #5
carlsbergnyder> Det var ikke rigtigt det jeg spurgte om :-/
coderdk> Fin ide med at maske skidtet ud med javascript. Jeg har ikke prøvet det endnu, og jeg gruer for browserkompatibiliteten - men ideen er alle points værd! :-D
Avatar billede mstorgaard Praktikant
26. april 2006 - 17:44 #6
Beklager, misforstod dit spørgsmål :)
Avatar billede coderdk Praktikant
26. april 2006 - 17:46 #7
hehhe :) Det virker i IE, FF og Opera - Resten er vel ligegyldige ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester