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

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
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
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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