Søg
Avatar billede Kim_m Nybegynder
11. marts 2011 - 20:34 Der er 12 kommentarer og
1 løsning

Faldende skriftstørelse

God aften.

Jeg skal ET sted på min side ha skrevet "Jubiiiiiiiiii" med <h1>
hvor i'erne bliver mindre og mindre. Regner med det smarteste er noget inline css.

Men kan ikke få det til at fungere. Kæmper bl.a. med at der kommer linjeskift.

Så please help :-)

Hilsen

Kim
Avatar billede pstidsen Novice
11. marts 2011 - 21:25 #1
Sådan her:
<html>
<head>
<title>Jubiiiii test</title>

<style type="text/css">
span.j{font-size: 100px}
span.u{font-size: 95px}
span.b{font-size: 90px}
span.1i{font-size: 85px}
span.2i{font-size: 80px}
span.3i{font-size: 75px}
span.4i{font-size: 70px}
span.5i{font-size: 65px}
span.6i{font-size: 60px}
span.7i{font-size: 55px}
span.8i{font-size: 50px}
span.9i{font-size: 45px}
span.10i{font-size: 40px}
span.11i{font-size: 35px}
span.12i{font-size: 30px}
span.13i{font-size: 25px}
span.14i{font-size: 20px}
span.15i{font-size: 15px}
</style>
</head>

<body>

<span class="j">J</span><span class="u">u</span><span class="b">b</span><span class="1i">i</span><span class="2i">i</span><span class="3i">i</span><span class="4i">i</span><span class="5i">i</span><span class="6i">i</span><span class="7i">i</span><span class="8i">i</span><span class="9i">i</span><span class="10i">i</span><span class="11i">i</span><span class="12i">i</span><span class="13i">i</span><span class="14i">i</span><span class="15i">i</span>


Resultat i browser: http://runescapenews.dk/Pstidsen/933913.html

Fatter bare ikke hvorfor det ikke virker i Opera, men fint i IE...
Avatar billede Kim_m Nybegynder
11. marts 2011 - 22:27 #2
Det virker ikke i min IE 8.
jub  står i stort og alle i'er i samme lille størelse.

Kim
Avatar billede olebole Juniormester
11. marts 2011 - 22:30 #3
<ole>

En CSS-klasses navn må ikke begynde med et tal. Kald dem i stedet i1, i2, i3 ... osv

/mvh
</bole>
Avatar billede tjens Nybegynder
11. marts 2011 - 22:32 #4
#1 Test altid dine sider i firefox med fejlkonsol åben:

Så vil du se, at den ikke kan acceptere, at dine class-navne starter med et tal.
Avatar billede pstidsen Novice
11. marts 2011 - 22:31 #5
Nu virker det i IE
Avatar billede pstidsen Novice
11. marts 2011 - 22:42 #6
#3 tak for info. Nu virker det i Opera (og de andre browsere går jeg ud fra)

#5 Kender det godt, men sent om aftenen og der var en masse ting, så orkede kun W3 validator ;)

Koden ser nu sådan ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="da">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head>

<title>Jubiiiii test</title>

<style type="text/css">
span.j{font-size: 100px}
span.u{font-size: 90px}
span.b{font-size: 80px}
span.i1{font-size: 75px}
span.i2{font-size: 70px}
span.i3{font-size: 65px}
span.i4{font-size: 60px}
span.i5{font-size: 55px}
span.i6{font-size: 50px}
span.i7{font-size: 45px}
span.i8{font-size: 40px}
span.i9{font-size: 35px}
span.i10{font-size: 30px}
span.i11{font-size: 25px}
span.i12{font-size: 20px}
span.i13{font-size: 15px}
span.i14{font-size: 10px}
span.i15{font-size: 5px}
</style>
</head>
<body>
<p>
<span class="j">J</span><span class="u">u</span><span class="b">b</span><span class="i1">i</span><span class="i2">i</span><span class="i3">i</span><span class="i4">i</span><span class="i5">i</span><span class="i6">i</span><span class="i7">i</span><span class="i8">i</span><span class="i9">i</span><span class="i10">i</span><span class="i11">i</span><span class="i12">i</span><span class="i13">i</span><span class="i14">i</span><span class="i15">i</span>
</p>
</body>
</html>
Hvis du vil have flere kan du bare lave nogle (Excel er behjælpelig med det;)).
Avatar billede Kim_m Nybegynder
11. marts 2011 - 23:03 #7
Det ser rigtig godt ud.

Skal <style type="text/css"> så ikke komme før mit kald til style sheet i <head> eller er det lige meget, når der ikke er nogen af de samme tags i brug.

Kim
Avatar billede pstidsen Novice
12. marts 2011 - 11:02 #8
Hvis du skriver:
span.j{font-size: 100px}
span.u{font-size: 90px}
span.b{font-size: 80px}
span.i1{font-size: 75px}
span.i2{font-size: 70px}
span.i3{font-size: 65px}
span.i4{font-size: 60px}
span.i5{font-size: 55px}
span.i6{font-size: 50px}
span.i7{font-size: 45px}
span.i8{font-size: 40px}
span.i9{font-size: 35px}
span.i10{font-size: 30px}
span.i11{font-size: 25px}
span.i12{font-size: 20px}
span.i13{font-size: 15px}
span.i14{font-size: 10px}
span.i15{font-size: 5px}
i et andet dokument som du kalder style.css

Skal du i din html fil skrive:
<head>
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
Altså skal du ikke skrive "style type="text/css">"
NB: Hvis style.css IKKE ligger i samme mappen som din html fil, skal du rette attributten href.

Det kan dog være lidt lige meget da du skriver at det kun skal stå ET sted på siden. Men hvis du vil havde det lidt mere overskueligt kan du gøre det.
Avatar billede Kim_m Nybegynder
12. marts 2011 - 13:15 #9
Hej

Det var ikke lige det jeg mente.

Jeg skriver din kode:

<style type="text/css">
span.j{font-size: 100px}
o.s.v

i <head> på den ene side hvor jeg skal bruge det.

Jeg har i forvejen et kald til mit style sheet i <head>
<link rel="stylesheet" type="text/css" href="style.css" />

Er det lige meget i hvilken rækkefølge din kode og kaldet til mit style sheet bliver skrevet.

Kim
Avatar billede olebole Juniormester
12. marts 2011 - 17:36 #10
Ja, det er ligemeget - i hverfald i dette tilfælde  =)
Avatar billede pstidsen Novice
12. marts 2011 - 17:46 #11
Nårh på den måde. Ja det er ligemeget, men jeg ville sætte den EFTER kaldet, synes det virker mest logisk;)

Samtidig svar til pointgivning se: http://www.eksperten.dk/faq#faq-3
Avatar billede Kim_m Nybegynder
13. marts 2011 - 13:10 #12
Tak for hjælpen til alle.

Kim
Avatar billede Kim_m Nybegynder
15. marts 2011 - 20:57 #13
Hej pstidsen.

Det ser rigtigt godt ud :-)

Mange tak for hjælpen og koden.

Kim
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
I går 13:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
23/1218:05 Glemt kodeord til BitLocker Af valby i Windows
23/1214:37 Blå og rød lysdioder Af ErikHg i Andet hardware
White papers
Flere white papers »