Notifikationer

Markér alle som læst Log ud

steen_hansen Forsker

15. januar 2006 - 19:44 Der er 49 kommentarer og
1 løsning

text-transform skal også virke i FF, Opera og NS

Hvorfor virker text-transform: capitalize; kun i MSIE? Kan det komme til at virke i FF, Opera og NS også?

Synes godt om

or.han Nybegynder

15. januar 2006 - 22:16 #1

Det burde virke i alle de browsere du nævner...

Synes godt om

or.han Nybegynder

15. januar 2006 - 22:19 #2

Med dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
<p style="text-transform:capitalize">Her er noget tekst med CapiTalize</p>
</body>
</html>

Virker det i alle de browsere du nævner..

Synes godt om

steen_hansen Forsker

15. januar 2006 - 22:23 #3

Nej, desværre. text-transform: capitalize; virker kun i MSIE, ikke i FF, Opera og NS. Har du prøvet det af?

Synes godt om

or.han Nybegynder

15. januar 2006 - 22:33 #4

Ja den kode jeg skrev, virker både i IE, FF og Opera.

Synes godt om

or.han Nybegynder

15. januar 2006 - 22:36 #5

Se selv:
http://home1.stofanet.dk/orhan/ttcap.jpg

Synes godt om

or.han Nybegynder

15. januar 2006 - 22:37 #6

http://www.w3schools.com/css/css_reference.asp#text

Det burde virke, kan du vel se...

Synes godt om

steen_hansen Forsker

15. januar 2006 - 22:39 #7

Hvis du skriver en sætning i lower case, er det meningen, at det første bogstav skal udskrives med stort. Det kan jeg ikke se du har gjort nogen steder ... eller ser jeg forkert? :o)

Synes godt om

olebole Juniormester

15. januar 2006 - 23:16 #8

<ole>

Det her virker da fint, Steen:
<span style="text-transform:capitalize">en eller anden tekst. noget mere tekst</span>

/mvh
</bole>

Synes godt om

olebole Juniormester

15. januar 2006 - 23:20 #9

- hvert ord i teksten bliver skrevet med stort :)

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:22 #10

ole, længe siden! Hvor har du været henne? :o)

.CapitolLetter {
text-transform: capitalize;
}

<span class="CapitolLetter"><%=WeekdayName(Weekday(date))%></span>

Dette virker kun i MSIE, ikke i de 3 ovennævnte browsere (udskriver ugedagen).

Kan I prøve det af hos Jer selv? Jeg får det ikke til at virke.

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:25 #11

Ok, det kan selvfølgelig omskrives:

<span style="text-transform: capitalize"><%=WeekdayName(Weekday(date))%></span>

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:35 #12

Nedenstående viser i en Firefox på Linux:

Mandag Tirsdag ONSDAG TOrSdAg

ganske som den skal. (Sorry, ikke 100% HTML)

<html>
<head>
<style>
.CapitolLetter {
text-transform: capitalize;
}
</style>
</head>
<body>
<span class="CapitolLetter">mandag</span>
<span class="CapitolLetter">Tirsdag</span>
<span class="CapitolLetter">ONSDAG</span>
<span class="CapitolLetter">tOrSdAg</span>
</body>
</html>

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:43 #13

Jeg er 112% sikker på, at det har virket før, men denne stump:

<span style="text-transform: capitalize"><%=WeekdayName(Weekday(date))%></span>

virker af en eller anden grund pludselig ikke.

Jeg har mere end én gang været ude for mystiske hændelser, hvor ændringer af en eller anden grund først er slået igennem på serveren dagen efter, så jeg giver det lige en chance til i morgen. Hvordan det praktisk kan lade sig gøre, aner jeg ikke, det burde det ikke kunne. Men ikke desto mindre er det dét, der er sket.

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:44 #14

Og tilsvarende i Opera 8 på Linux. Bemærk dog, at det netop blot er en "style", altså påvirker visningen i browseren. Laver du klippe/klistre på teksten får du den oprindelige.

Det kan vel laves i ASP i stedet for.

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:45 #15

Ja, filsystemet på Windows servere giver tilsyneladende den slags sjove overraskelser. Tænk at der stadig er nogen, der gider spilde deres tid på det ...

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:49 #16

Ok, jeg vidste ikke, at filsystemet kunne lave ged i den. Det er godt nok noget p.., for jeg har brugt masser af (tilsyneladende spildte) ressourcer på at fejlfinde, hvor det måske ikke var nødvendigt? >:o[

Synes godt om

olebole Juniormester

15. januar 2006 - 23:50 #17

Steen >> Hvad står der i 'View Source'? Står der:
<span style="text-transform: capitalize">sunday</span>

- skal browseren skrive 'Sunday' ... og gør det med garanti ;o)

Jeg har haft lidt travlt med andre ting, så der har ikke været tid til at 'eksperte' på det seneste :)

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:50 #18

15/01-2006 23:44:17: Jeg er godt klar over, at det kun er stylen, der får det første bogstav til at blive vist med stort. Hele teksten står i lower case, men vises med stort på skærmen.

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:51 #19

Ja, det er derfor Windows er meget bedre end Linux, man har det simpelthen sjovere.
Eller også er det derfor man er nødt til at poste mange flere reklamekroner i det fra Microsofts side.
Jeg ved det ikke ...

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:52 #20

olebole, der står det, der skal stå:

<span style="text-transform: capitalize">søndag</span>

søndag = lower case, men jeg får det også vist i lower case på skærmen :o/

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:53 #21

... men kun i de 3 browsere, i MSIE står det fint nok.

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:53 #22

Prøv i en NY fil. Eller få genstartet serveren, hvis du kan.

Synes godt om

olebole Juniormester

15. januar 2006 - 23:55 #23

Erik >> hvordan kan serverens filsystem indvirke på, hvordan browseren tolker en korrekt kode?

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:56 #24

Jeg vil prøve at få dem til at genstarte serveren i morgen. Det ændrede ikke noget med et nyt dokument.

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:56 #25

Det kan det da ikke - det er sikkert noget caching. Det hjælper en genstart selvfølgelig heller ikke på.

Synes godt om

erikjacobsen Ekspert

15. januar 2006 - 23:58 #26

"Det ændrede ikke noget med et nyt dokument." - det skal det jo.

1) Har du et link?
2) Har du valideret din HTML?
3) Har du valideret din CSS?

2) og 3) skulle egentlig være ultimative krav før man spilder Oles tid ;)

Synes godt om

steen_hansen Forsker

15. januar 2006 - 23:58 #27

Jeg har også prøvet at slette alle cachede filer, så den tvivler jeg på. Det ville være pinligt, hvis jeg ikke testede det af først :o)

Synes godt om

olebole Juniormester

15. januar 2006 - 23:59 #28

Steen >> prøv at skrive noget ekstra til query-strengen, hvis der er én, når du kalder dokumentet - ellers sæt én på :)

Synes godt om

olebole Juniormester

16. januar 2006 - 00:01 #29

Nej, nu vrøvler jeg ... browseren _får_ jo den korrekte kode :D

Steen >> stik mig et link ;o)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:05 #30

Linket er jeg ikke meget for at komme ud med her. Men det står med småt, tro mig :o)

Ja, jeg har valideret både HTML og CSS (bær over med mine styles, der skal ryddes op senere):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<META HTTP-EQUIV="Content-language" content="dan">
<META NAME="robots" content="all">

<script type="text/JavaScript" language="JavaScript" src="/includes/funclock.js"></script>
<link rel="stylesheet" type="text/css" href="/includes/style.css">
<title>Test</title>
</head>

<body onload="document.frmLogin.username.focus(); funClock();">

<table id="maintable">
<tr>
<td style="width: 757px; height: 14px; padding: 0px 22px 0px 0px; text-align: right; line-height: 14px;">Uge 3    <span style="text-transform: capitalize">mandag</span>    16.01.2006    <span id="uret"></span></td>

</tr>
<tr>
<td style="width: 755px; height: 100%; padding: 0px; vertical-align: top; border: 1px solid #9b9b9b; background-color: #fff;">
<table style="width: 755px; padding: 0px; margin: 0px auto; border-collapse: collapse;">
<tr>
<td colspan="2" style="width: 755px; height: 50px; padding: 0px;">
<table style="width: 755px; height: 50px; padding: 0px; border-collapse: collapse;">
<tr>
<td style="width: 755px; height: 50px; padding: 0px;"></td>

</tr>
<tr>
<td style="width: 755px; height: 25px; padding: 0px;"><img src="/images/banner/banner.jpg" style="width: 755px; height: 25px; border: 0px;" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td rowspan="2" style="width: 335px; padding: 40px 20px 20px 20px; vertical-align: top;"><img src="/images/front.jpg" style="width: 300px; height: 378px; border: 1px solid black;" alt=""></td>

<td style="width: 380px; padding: 40px 20px 20px 0px; text-align: left; vertical-align: top; border-collapse: collapse;">
<form name="frmLogin" method="post" action="/dolog.asp?redir=" style="width: 380px; padding: 0px; margin: 0px auto; border-collapse: collapse;">
<input type="hidden" name="mode" value="login">
<table cellspacing="0" cellpadding="0" style="width: 380px; padding: 0px; margin: 0px auto; border-top: 1px solid black; border-bottom: 1px solid black; border-collapse: collapse; background-color: #f2eee6; background-image: url('/images/lock.jpg'); background-repeat: no-repeat; background-position: right top;">
<tr>
<td colspan="2" class="headline">Log ind</td>
</tr>
<tr style="height: 22px;">

<td style="width: 100px; padding-left: 10px;">Brugernavn:</td>
<td style="width: 270px; padding: 0px; text-align: left;"><input tabindex="1" name="username" type="text" style="width: 138px;" class="input1"></td>
</tr>
<tr style="height: 22px;">
<td style="width: 100px; padding-left: 10px;">Adgangskode:</td>
<td style="width: 270px; padding: 0px; text-align: left;"><input tabindex="2" type="password" name="pass" style="width: 138px;" class="input1"></td>
</tr>
<tr style="height: 36px;">

<td style="width: 100px; padding-left: 10px;"> </td>
<td style="width: 270px; padding: 0px;"><input tabindex="3" type="submit" value="Luk mig ind!" class="input2"></td>
</tr>
<tr>
<td colspan="2" style="width: 360px; padding: 0px 10px 10px 10px;">NB! Af sikkerhedsmæssige årsager er det ikke muligt, at gemme logoninformationer i cookies</td>
</tr>
</table>
</form>

</td>
</tr>
<tr>
<td style="width: 380px; padding: 0px 20px 20px 0px; text-align: left; vertical-align: top; border-collapse: collapse;">
<form name="frmSendpassword" method="post" action="default.asp" style="width: 380px; padding: 0px; margin: 0px auto; border-collapse: collapse;">
<input type="hidden" name="mode" value="sendpassword">
<table cellspacing="0" cellpadding="0" style="width: 380px; padding: 0px; margin: 0px auto; border-top: 1px solid black; border-bottom: 1px solid black; border-collapse: collapse; background-color: #f2eee6; background-image: url('/images/forgotpass.jpg'); background-repeat: no-repeat; background-position: center top;">
<tr>
<td colspan="2" class="headline">Har du glemt din adgangskode?</td>

</tr>
<tr style="height: 22px;">
<td style="width: 100px; padding-left: 10px;">E-mailadresse:</td>
<td tabindex="4" style="width: 270px; padding: 0px; text-align: left;"><input tabindex="4" name="email" type="text" style="width: 138px;" class="input1"></td>
</tr>
<tr style="height: 36px;">
<td style="width: 100px; padding-left: 10px;"> </td>
<td style="width: 270px; padding: 0px;"><input tabindex="5" type="submit" value="Send adgangskode" class="input2"></td>

</tr>
<tr>
<td colspan="2" style="width: 360px; padding: 0px 10px 10px 10px;">Så er der hjælp at hente. Indtast din nøjagtige e-mailadresse herover, og du vil i løbet af et kort øjeblik modtage dit brugernavn og din adgangskode i en e-mail.<br><br><b>Husk at holde din e-mailadresse ajour!</b></td>
</tr>
</table>
</form>
</td>
</tr>

</table>
</td>
<tr>
</table>

</body>

</html>

Synes godt om

erikjacobsen Ekspert

16. januar 2006 - 00:15 #31

Din udgave er på http://test.n0p.com/eksperten/679779/
En reduceret er på http://test.n0p.com/eksperten/679779/index2.htm

Du ser ud til at have ret. I en <td> ... </td> har det ingen effekt (firefox linux)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:18 #32

Så må det enten være mit (temmeligt rodede) CSS, eller det, du omtaler med filserveren? Både HTML og CSS er valid.

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:20 #33

Nej, det er det jo ikke, hvis du også får den samme fejl :o)

Nogen gode idéer?

Synes godt om

erikjacobsen Ekspert

16. januar 2006 - 00:22 #34

I den reducerede udgave er der ikke rigtig noget CSS at rode med ;)

Nu venter vi bare på oraklet fra Rødovre (eller hvor Ole nu egentlig bor henne)

Synes godt om

olebole Juniormester

16. januar 2006 - 00:22 #35

Årsagen er ' ' før spannet. Erstat dem med passende 'margin-left' på spannet, så renderes koden, som forventet :)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:23 #36

Jeg fik det sq rettet på denne måde:

<td style="width: 757px; height: 14px; padding: 0px 22px 0px 0px; text-align: right; line-height: 14px; text-transform: capitalize;">

<span></span> har måske ikke den ønskede effekt i en celle?

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:24 #37

ok, ole. Prøver lige. Det skyldes store problemer med at få padding, margin, width osv. til at fungere ordentligt. Gad ikke at lave endnu en tabel.

Jeg prøver lige dit forslag ...

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:28 #38

Det hjalp ikke:

<td style="width: 757px; height: 14px; padding: 0px 22px 0px 0px; text-align: right; line-height: 14px;">Uge 3<span style="text-transform: capitalize; margin-left: 15px;">mandag</span>    16.01.2006    <span id="uret"></span></td>

Så er jeg tilbage ved square one.

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:28 #39

Men 16/01-2006 00:23:10 virker. Kan det være en uhensigtsmæssighed i FF, NS og Opera?

Synes godt om

erikjacobsen Ekspert

16. januar 2006 - 00:30 #40

Erstat
Uge 3<span
med
Uge 3 <span

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:33 #41

Ja, så er den der, I havde ret, det skyldtes  

olebole (og erikjacobsen, hvis du gerne vil have point denne gang), læg et svar :o)

Synes godt om

erikjacobsen Ekspert

16. januar 2006 - 00:35 #42

Nej tak.

Man kan jo sige at "m"-et i 3mandag ikke står først i et ord, så hvorfor gøre noget ved det.
Tilsvarende med det "hårde" mellemrum  

Ja, man kan også lære nye ting kl 00.30

Synes godt om

olebole Juniormester

16. januar 2006 - 00:38 #43

- man kan også skrive:
Uge 3    <span style="text-transform:capitalize">mandag</span> :)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:38 #44

Man kan lære meget 00:37 :o)

Erik og Ole, I skal have 1000 tak. Eftersom Erik ikke samler på point, så får Ole dem. Smider du et svar, Ole? :o)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:42 #45

Ok, man skal bare holde det hårde mellemrum fra <span></span> :o)

Jeg ville helst have lavet en tabel i cellen, så der kommer et ens mellemrum mellem uge/ugedag/dato/tid. Så det tror jeg alligevel jeg gør, ser ikke så fedt ud med   :o)

Takker begge mange gange. Jeg er glad for Jeres deltagelse, at I gider, selv om kl. er 00:42 :o)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:43 #46

Ups, accepterer

Synes godt om

erikjacobsen Ekspert

16. januar 2006 - 00:43 #47

Det ligner VBScript/ASP og der kan du jo, hvis du hellere vil:

UCase(Left(CurrTxt, 1)) & LCase(Right(CurrTxt, len(CurrTxt) - 1))

eller simplere hvis du ved det er i "små" bogstaver.

Synes godt om

olebole Juniormester

16. januar 2006 - 00:44 #48

- og jeg skal lige tilslutte mig koret. Jeg viste det heller ikke, før jeg legede med din kode ... men det er jo egentlig ganske logisk :)

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:45 #49

Det var en idé:

Uge <%=DatePart("ww",date(),2,2)%>
<%=WeekdayName(Weekday(date))%>
<%=Replace(date(),"-",".")%>

Synes godt om

steen_hansen Forsker

16. januar 2006 - 00:46 #50

Jeg troede godt nok der kunne skelnes mellem hårde/tvungne mellemrum og span. Men man lærer jo hver dag :o)

Jeg roder videre med det i morgen. Skal op om få timer. I må sove godt, når I når der til :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS