CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

lurup Ekspert

07. september 2016 - 14:48 Der er 12 kommentarer og
1 løsning

Størrelse på skrift

Jeg har en problem

Hvis jeg laver en overskrift i str 70 <spam style="font-size:70px">

og efterfølgende laver tekst i str 30 <spam style="font-size:30px">

er afstanden mellem mine linier som overskriften ??? (70)

Synes godt om

lurup Ekspert

07. september 2016 - 14:50 #1

kan ses her

allanurup.dk/kvagt

Synes godt om

michael_stim Ekspert

07. september 2016 - 15:01 #2

Det hedder span og ikke spam ;-)

Synes godt om

1 synes godt om dette

michael_stim Ekspert

07. september 2016 - 15:05 #3

Der er vist lidt rod i html'en:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AU-INFO</title>

<style type="text/css">

</style>
<spam style="font-size:60px">
<span style="font-family:'Comic Sans MS', Comic, Monospace">

<center>KØKKENVAGT <center/></spam>
</head>

<body>
<spam style="font-size:30px">

<span style="font-family:'Comic Sans MS', Comic, Monospace">

</style>

</head>
<body>
<span style="font-family:'Comic Sans MS', Comic, Monospace">

<spam style="font-size:20px">


<spam style="font-size:40px">

8
Anna-Klara Domino Nicolaisen<br>9
Anne Lægaard Larsen<br>10
Anne Vestkær Pedersen<br>107
Asger Kjær<br>110
Camilla De Place<br>112
Cathrine Brandt Søndergaard<br>
</spam></body>
</html>

Synes godt om

michael_stim Ekspert

07. september 2016 - 15:21 #4

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AU-INFO</title>
</head>
<body>
<span style="font-family:'Comic Sans MS', Comic, Monospace; font-size: 70px">
<center>KØKKENVAGT </center>
</span>
<span style="font-family:'Comic Sans MS', Comic, Monospace; font-size:40px;">
<center>
8
Anna-Klara Domino Nicolaisen<br>9
Anne Lægaard Larsen<br>10
Anne Vestkær Pedersen<br>107
Asger Kjær<br>110
Camilla De Place<br>112
Cathrine Brandt Søndergaard<br>
</center>
</span>
</body>
</html>

Synes godt om

lurup Ekspert

07. september 2016 - 19:46 #5

Håber du kan hjælpe lidt her..

Vil gerne have teksten tættere , dog ikke overskriften

http://allanurup.dk/OBS/kvagt

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AU-INFO</title>

<style type="text/css">

</style>
<spam style="font-size:60px">
<span style="font-family:'Comic Sans MS', Comic, Monospace">

<center>KØKKENVAGT <center/></spam>
</head>

<body>
<spam style="font-size:30px">

<span style="font-family:'Comic Sans MS', Comic, Monospace">

<?php

//echo "<center>KØKKENVAGT ". mb_strtoupper($ugedag). " ". $dato . "<br><center/></spam>";
//echo "<spam id='dagensret'>".$text."</spam>";
?>

</style>

</head>
<body>
<span style="font-family:'Comic Sans MS', Comic, Monospace">

<spam style="font-size:20px">

<?php

?>

<spam style="font-size:40px">

<?php

$simple = simplexml_load_file('https://dhe.skoleplan.skoleit.dk/SPService.asmx/AktuelleAktiviteter?aktivitetsNavn=kokkenvagt');
foreach($simple->Aktivitet as $aktivitet)
{
// echo $aktivitet->Navn . ' ' . $aktivitet->Klasse . "\r\n";

//echo $aktivitet->Klasse . "\r\n";

echo $aktivitet->Elevnr . "\r\n";
echo $aktivitet->Navn . "<br>";
}

?>

</spam></body>
</html>

Synes godt om

olsensweb.dk Ekspert

07. september 2016 - 20:45 #6

hvis du starter med at rydde op i din HTML som michael_stim forslår, samt fjerner forældet tag (<center>) bliver din code nemmere at overskue.
hvis du samtidig ikke bruger inline css, men ligger det som man bør i head, bliver din code rimelig overskuelig

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AU-INFO</title>
<style type="text/css">
h1{
text-align: center;
font-size: 60px;
}

#content{
font-size:20px;
font-family:'Comic Sans MS', Comic, Monospace;
text-align: center;
}
</style>
</head>
<body>
<h1>KØKKENVAGT</h1>
<div id="content">
<?php
$simple = simplexml_load_file('https://dhe.skoleplan.skoleit.dk/SPService.asmx/AktuelleAktiviteter?aktivitetsNavn=kokkenvagt');
foreach ($simple->Aktivitet as $aktivitet) {
// echo $aktivitet->Navn . ' ' . $aktivitet->Klasse . "\r\n";
//echo $aktivitet->Klasse . "\r\n";
echo $aktivitet->Elevnr . "\r\n";
echo $aktivitet->Navn . "<br>";
}
?>
</div>
</body>
</html>

med denne code burde du kunne lege med dit udviklings værktøj i browseren (F12) og tilpasse som du ønsker

Synes godt om

olsensweb.dk Ekspert

07. september 2016 - 22:18 #7

jeg må indrømme, jeg syntes ikke det ser pænt ud brugerne bliver centreret, så jeg vil anbefale du fjerner
text-align: center; fra #content reglen

jeg tror jeg ville lave den sådan:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AU-INFO</title>
<style type="text/css">
h1{
text-align: center;
font-size: 60px;
color: red;
}

#content{
font-size:20px;
font-family:'Comic Sans MS', Comic, Monospace;
margin-left: 100px;

}
.elevnr{
display: inline-block;
width: 50px;
text-align: right;
margin-right: 10px;
}
</style>
</head>
<body>
<h1>KØKKENVAGT</h1>
<div id="content">
<?php
$simple = simplexml_load_file('https://dhe.skoleplan.skoleit.dk/SPService.asmx/AktuelleAktiviteter?aktivitetsNavn=kokkenvagt');
foreach ($simple->Aktivitet as $aktivitet) {
echo '<span class="elevnr">' . $aktivitet->Elevnr . "</span>";
echo $aktivitet->Navn;
echo "\r\n<br>";
}
?>
</div>
</body>
</html>

Synes godt om

lurup Ekspert

07. september 2016 - 23:17 #8

1000 tak..

Det er godt..kan mine elev nr stå med de bagest tal lodret ?

Synes godt om

olsensweb.dk Ekspert

08. september 2016 - 16:55 #9

>Det er godt..kan mine elev nr stå med de bagest tal lodret ?
tænker du på
https://davidwalsh.name/css-vertical-text
https://davidwalsh.name/transforms
med sådan
http://stackoverflow.com/questions/15441742/change-last-letter-color
https://css-tricks.com/a-call-for-nth-everything/
http://www.w3schools.com/cssref/sel_firstletter.asp

jeg tror det vil se dumt ud sidst tal er vandret.

et alternativ til at lave
echo '<span class="elevnr">' . $aktivitet->Elevnr . "</span>";
echo $aktivitet->Navn;
echo "\r\n<br>";
kunne være at lave det i en html tabel, det er jo tabulære data
så ville du ikke skulle bruge span og class

Synes godt om

olsensweb.dk Ekspert

08. september 2016 - 16:59 #10

>sidst tal er vandret.
skulle have stået lodret

123
ser alså bedre ud end
1
2
3

Synes godt om

lurup Ekspert

08. september 2016 - 22:13 #11

Tror jeg fik det skrevet forkert

hvis jeg har 3 elev nummere 7, 24, 33
skal 7, 4, 3 stå over hinanden

Synes godt om

olsensweb.dk Ekspert

09. september 2016 - 09:43 #12

>hvis jeg har 3 elev nummere 7, 24, 33
>skal 7, 4, 3 stå over hinanden
det gør den da også i den code jeg har vist i #7

jeg ser i
http://www.computerworld.dk/eksperten/spm/1012641?k=8231761
du har ændret fra font-size:20px; til font-size:40px; i #content, uden at ændre den plads du giver i elevnr klassen, derfor forskubber tallene sig

ret elevnr klassen til

.elevnr {
display: inline-block;
width: 70px;
text-align: right;
margin-right: 15px;
}

brug udviklings værktøjet i din browser (F12), så ville du nemt kunne se fejlen, og tilpasse det.

og som jeg skrev i #9
et alternativ til at lave
echo '<span class="elevnr">' . $aktivitet->Elevnr . "</span>";
echo $aktivitet->Navn;
echo "\r\n<br>";
kunne være at lave det i en html tabel, det er jo tabulære data, så ville du ikke skulle bruge span og class

Synes godt om

lurup Ekspert

09. september 2016 - 21:04 #13

1000 tak.....det virker 100%

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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

12:00

Ugen i tech: El-kolos kan fragte syv personer over 620 kilometer / Sony er klar med ny kamera-konge: Alpha 1 mk II

22/11

Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse

22/11

Vil købe tele-løsninger til det offentlige for 370 millioner kroner

22/11

Nørgaard: Det er de neuro-divergente originalers tid

22/11

Sker helt åbenlyst: Ansatte i den kinesiske stat sælger borgernes personlige data på hemmelige internet-fora

22/11

Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"

22/11

Derfor bliver den amerikanske tvangs-opdeling af Google nok ikke til noget

22/11

Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen

22/11

Vi har fundet 10 ledige it-stillinger, som du kan søge netop nu

22/11

Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet

22/11

Kombit gør klar til at købe it-konsulenter for 140 millioner kroner - her er planen

Vis flere artikler

IT-JOB

Sydbank

DevOps Engineer til Software Development

Edora A/S

Fullstack udviklere

Udviklings- og Forenklingsstyrelsen

Karrieremulighed inden for cybersikkerhed

Statens IT

Knowledge Process Manager

Cognizant Technology Solutions Denmark ApS

Sr. Test Analyst

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 18:09	Billedoverførsel Af Laurids i iOS, iPhone & iPad
I går 13:30	Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I går 13:01	Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I går 11:40	Fjerne mappe i stifinder Af Peter Olsen i Andet software
I går 11:27	renteberegning Af Pil i Excel