Avatar billede gloster Nybegynder
15. februar 2006 - 02:57 Der er 19 kommentarer og
1 løsning

tekst og billede rykker sig

hej
jeg har tjekket min lille hjemmeside på et par andre computere. puhhhaaa. det er ikke godt.
nogen der kan hjælpe/fortælle mig hvorfor teksten i højre side af min index-side rykker ind mod midten og billede heller ikke står helt i midten, som jeg gerne vil have det. hvordan skal jeg få kontrol med det??? Pleaaassse help me Wanda!!!

m v h
Gloster
Avatar billede roenving Novice
15. februar 2006 - 03:01 #1
Muligvis, men det er godt nok svært uden at se den !-)
Avatar billede olebole Juniormester
15. februar 2006 - 03:05 #2
<ole>

- men det er nok muligt, du skal skrive noget andet end det, du har gjort  ;o)

/mvh
</bole>
Avatar billede webstuff Nybegynder
15. februar 2006 - 11:12 #3
Billede:
<div align="center"><img src="billede.png"></div>

Tekst:
<div align="right">Tekst her</div>

Så er der ikke så meget at tage fejl af ;o)
Avatar billede milandt Nybegynder
15. februar 2006 - 12:55 #4
Tror fejlen er i linie 32.
Avatar billede gloster Nybegynder
15. februar 2006 - 13:09 #5
sorry - synes nok der var noget jeg havde glemt.

husk nu på jeg er seriøs begynder begynder.


<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">


<head>

<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">




  <title>LINE SANDVAD MENGERS</title>

  <style type="TEXT/CSS">


BODY{FONT-FAMILY: courier new,courier,monospace;
    FONT-SIZE:14PX;
    BACKGROUND-COLOR:white;
    background-image: url("indexbillede.jpg");
    background-position: 260px 80px;

    background-repeat: no-repeat;
    TEXT-ALIGN:LEFT;
    scrollbar-face-color: white;
        scrollbar-highlight-color: #669933;
        scrollbar-shadow-color: #669933;
        scrollbar-3dlight-color: white;
        scrollbar-arrow-color: #669933;
        scrollbar-track-color: white;
        scrollbar-darkshadow-color: #669933;
        overflow:auto }


A:LINK, A:VISITED, A:ACTIVE{COLOR: black; TEXT-DECORATION: none;}
A:HOVER {COLOR:#669933}



a.moar:link, a.moar:visited, a.moar:active {color: #dddddd;
text-decoration:none;}
a.moar:hover {color: #669933;}

a.badu:link, a.badu:visited, a.badu:active {color: green;
text-decoration:none;}
a.badu:hover {color: black;}


a.lus:link, a.lus:visited, a.badu:active {color: black;
text-decoration:none;}
a.lus:hover {color: #669933;}





H1
{FONT-FAMILY:courier new,courier,monospace;
FONT-SIZE:42PX;
TEXT-DECORATION:none;
COLOR: white;
font-weight: normal;
TEXT-ALIGN:left;
text-indent: 213px;

   
    background-color :;
}




</style>






<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

function scrolltekst(count) {

var msg = "line sandvad mengers, født & opvokset i Århus I 1975,  uddannede kunstner på det Fynske kunstakademi 2006                                                                                                      ";
var out = " ";
var c = 1;

if (count > 100) {
  count--;
  cmd="scrolltekst("+seed+")";
  timerTwo=window.setTimeout(cmd,100);
  }

else if (count <= 100 && count > 0) {
  for (c=0 ; c < count ; c++) {
      out+=" ";
      }
  out+=msg;
  count--;
  window.status=out;
  cmd="scrolltekst("+count+")";
  timerTwo=window.setTimeout(cmd,100);
  }

else if (count <= 0) {
  if (-count < msg.length) {
      out+=msg.substring(-count,msg.length);
      count--;
      window.status=out;
      cmd="scrolltekst("+count+")";
      timerTwo=window.setTimeout(cmd,100);
      }
  else {
      window.status=" ";
      timerTwo=window.setTimeout("scrolltekst(100)",75);
      }
  }
}
// Slut -->
</script>


</head>


<body onload="scrolltekst(100)"




<center>
<table BORDER="0" width="100%" height="80%">

<colgroup span="1">

<col span="1"align="left" valign="top">
</colgroup>

<colgroup span="2">

<col span="2"align="right" valign="top">
</colgroup>


 



  <tr>

    <td bgcolor="" >

<p>
<br>
<font size="7" face="couier new" color="green">
<a href="projekter.htm"class="badu">works </a>
<br>
<p>
<font size="4" face="couier new" color="green">
<a href="femaleoutlet.html"class="badu">female outlet </a>
<br>
<font size="4" face="couier new" color="green">
<a href="37.html"class="badu">sjællandsgade 37 </a>
<br>
<font size="4" face="couier new" color="green">
<a href="papercuttings.htm"class="badu">papercuttings </a>
<br>
<font size="4" face="couier new" color="green">
<a href="ensang.htm"class="badu">a song </a>
<br>
<font size="4" face="couier new" color="green">
<a href="garden.html"class="badu">garden of eden </a>
<br>
<font size="4" face="couier new" color="green">
<a href="projekter.htm"class="badu">this is men</a>
<br>
<font size="4" face="couier new" color="green">
<a href="video.htm"class="badu">hausfrau</a>
<br>
<font size="4" face="couier new" color="green">
<a href="remote.html"class="badu">remote control</a>



</td
<font size="6" face="couier new" color="green">
<TD>
</TD>




    <td>
<p>
<font size="6" face="couier new" color="black">
<small>line sandvad mengers</small>
<br>
<br>
<font size="5" face="couier new"color="#669933">
<a href="statement.htm"class="lus">statement  </a>

<p>
<font size="5" face="couier new" color="#669933">
<A href="cv.htm"class="lus">cv</a>

<p>
<font size="5" face="couier new" color="#669933">
<a href="contact.html"class="lus">contact  </a>

<p>
<font size="5" face="couier new" color="#669933">
<a href="links.htm"class="lus">links </a>





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

       

</center>

</table>






<center>

<P>
<font size="1" face="arial" color="#dddddd">

<small><small>made by <A href="MAILTO:bullpetersen@mail.dk"class="moar">LIVALINE</a>            &#153;
</small></small>
</font> </p>
</body>


</center>



</BODY>



</HTML>
Avatar billede roenving Novice
15. februar 2006 - 13:25 #6
-- for det første skal doctype _før_ html-tagget, da det fortæller browseren, hvad det dokument, der er inde i html-tagget skal fortolkes som !-)

-- og så ser det mærkeligt ud, at du væsentligst bruger html3.2-syntaks, men alligevel bruger en xhtml-doctype ...

-- og det ovenikøbet på en måde, der får den mest udbredte browser til at sk*** på nogel af de allervæsentligste ting i css-rekommendationerne !o]
Avatar billede gloster Nybegynder
15. februar 2006 - 13:44 #7
jo - ok, men hvad så?
kan jeg bede om en lidt mere konkret og skåret ud i pap udgave/HJÆLP
Avatar billede roenving Novice
15. februar 2006 - 14:09 #8
-- der er rigtig mange fejl, og en hel del forældet kode, så det er virkelig en større omgang, at gå i gang med ...

Når du nu alligevel bruge html, kan du med fordel bruge en html-doctype, så start f.eks. dokumentet sådan:

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

<head>

...

-- meta-tagget Page-Enter: blendTrans, skal man bruge med forsigtighed, for det understøttes ikke af så mange browsere ...

Status-linje-tingen er kun noget amatører har, så den skal man undlade, medmindre klienten udtrykkelig ønsker den, mange flere sofistikerede ting kan laves, og det ovenikøbet, så status-linjens egentlige funktion kan bibeholdes !-)

Når du, med ovenstående doctype, så tvinger IE til at fortolke css efter standarderne, skal en hel del af dine body style-properties flyttes over i hml-elementet, og begge skal i øvigt have sat en højde, som andre elementer kan forholde sig til:

html,body{margin:0;padding:0;height:100%;}
/*scrollbar-tingene kan ikke validere og vil kun virke i ganske få browsere, så også dem skal du være forsigtig med*/
html{    scrollbar-face-color: white;
        scrollbar-highlight-color: #693;
        scrollbar-shadow-color: #693;
        scrollbar-3dlight-color: white;
        scrollbar-arrow-color: #693;
        scrollbar-track-color: white;
        scrollbar-darkshadow-color: #693;
}

-- desuden skal style-properties, der indeholder f.eks. mellemrum escapes med gåseøjne eller apostroffer:

body{
    font-family: "courier new",courier,monospace;
    font-size:14px;
    background-color:white;/*egentlig overflødig, da det er default-farve*/
    background-image: url(indexbillede.jpg);/*til gengæld skal normale strenge ikke escapes*/
    background-position: 260px 80px;

    background-repeat: no-repeat;
    text-align:left;/*også overflødig, da oså dette er default*/
    overflow:auto;
}

-- og bemærk, at der ingen store bogstaver er tilbage, det er det, der anbefales !-)

-- og så er der kun een rækkefølge at definere pseudo-properties for links:

a
a:link
a:visited
a:hover
a:active

-- så det skal du forholde dig til (for active udløser jo også hover, for det bør kun ske, mens museknappen er trykket ned !-)

a:link,a:visited{color: black; text-decoration: none;}
a:hover,a:active {color:#693}
/*eller sæt :active her med farven !-) */

-- og vi er ikke engang kommet igennem head-sektionen endnu, men gør lige det nævnte ...

-- indret så også en klasse, der kan overtage alle dine font-tags' rolle, så du heller ikke behøver at bøvle med dem eller small-tingen !o]
Avatar billede roenving Novice
15. februar 2006 - 14:14 #9
-- og i html-delen er der også mange ting, men prøv lige først at sætte ovenstående ind, og prøv så at oploade det, så vi kan forstå dit problem ...

PS. Hvad bruger du col- og colgroup-tingene til ?-)
Avatar billede gloster Nybegynder
15. februar 2006 - 15:46 #10
puhhhaaaa. sikken mange ting, men skønt du gider at hjælpe mig. du fortjener en masse point
jeg forstår ikke det hele, men vil imorgen eller i nat forsøge at gøre de nævnte ting.
(kan desvære ikke nå det nu)
please bliv hængende på den her tråd, så jeg har en til at hjælpe mig når nu det hele fucker op og jeg skal til at slette og rette:)
jeg forstår ikke lige hvad det der IE er 0g statuslinjen
men det er rigtigt skønt og forståligt når du konkret skriver ud fra hver kode hvad jeg skal gøre.
Avatar billede roenving Novice
15. februar 2006 - 15:49 #11
IE betyder Internet Explorer, status-linjen er linjen nederst i browseren, som bruges til at fortælle brugeren hvad browseren har gang i, eller hvor et link fører hen !-)
Avatar billede gloster Nybegynder
15. februar 2006 - 22:18 #12
??
Avatar billede gloster Nybegynder
15. februar 2006 - 22:28 #13
hej har lige et par punkter jeg ikke helt forstår.
ellers har jeg forsøgt at gøre som du har skrevet?
Puhhhh.... men jeg lære da noget.

1)scrollbar-face-color: white;
        scrollbar-highlight-color: #693;
        scrollbar-shadow-color: #693;
        scrollbar-3dlight-color: white;
        scrollbar-arrow-color: #693;
        scrollbar-track-color: white;
        scrollbar-darkshadow-color: #693;

Er #693 bare en forkortelse for den konkrete farve jeg vil have?
------------------------------------------------------
2) det der a hover/active? er det mere et spørgsmål om smag eller kan det have betydning for resten af sitet?
------------------------------------------------------
3)-- indret så også en klasse, der kan overtage alle dine font-tags' rolle, så du heller ikke behøver at bøvle med dem eller small-tingen !o]

- det fatter jeg slet ikke noget af eller hvordan man gør????
------------------------------------------------------
4) det der col og colgroup var noget med at jeg skulle kontrolerer teksten i de gængse celler I tabellen. men har aldrig helt forstået. jeg sletter det gerne hvis du har noget bedre. he he..
---------------------------------------------------------

jeg håber jeg har fået det hele med....

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

<html>



<head>

<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">




  <title>LINE SANDVAD MENGERS</title>

  <style type="TEXT/CSS">


BODY{font-family: "courier new",courier,monospace;
    font-size:14PX;
    background-color:white;
    background-image: url("indexbillede.jpg");
    background-position: 260px 80px;

    background-repeat: no-repeat;
overflow:auto;
}
   
    scrollbar-face-color: white;
        scrollbar-highlight-color: #693;
        scrollbar-shadow-color: #693;
        scrollbar-3dlight-color: white;
        scrollbar-arrow-color: #693;
        scrollbar-track-color: white;
        scrollbar-darkshadow-color: #693;
        overflow:auto }


A:LINK, A:VISITED, A:ACTIVE{COLOR: black; TEXT-DECORATION: none;}
A:HOVER {COLOR:#669933}



a.moar:link, a.moar:visited, a.moar:active {color: #dddddd;
text-decoration:none;}
a.moar:hover {color: #669933;}

a.badu:link, a.badu:visited, a.badu:active {color: green;
text-decoration:none;}
a.badu:hover {color: black;}


a.lus:link, a.lus:visited, a.badu:active {color: black;
text-decoration:none;}
a.lus:hover {color: #669933;}





H1
{FONT-FAMILY:courier new,courier,monospace;
FONT-SIZE:42PX;
TEXT-DECORATION:none;
COLOR: white;
font-weight: normal;
TEXT-ALIGN:left;
text-indent: 213px;

   
    background-color :;
}




</style>


</head>





<body onload="scrolltekst(100)"




<center>
<table BORDER="0" width="100%" height="80%">

<colgroup span="1">

<col span="1"align="left" valign="top">
</colgroup>

<colgroup span="2">

<col span="2"align="right" valign="top">
</colgroup>


 



  <tr>

    <td bgcolor="" >

<p>
<br>
<font size="7" face="couier new" color="green">
<a href="projekter.htm"class="badu">works </a>
<br>
<p>
<font size="4" face="couier new" color="green">
<a href="femaleoutlet.html"class="badu">female outlet </a>
<br>
<font size="4" face="couier new" color="green">
<a href="37.html"class="badu">sjællandsgade 37 </a>
<br>
<font size="4" face="couier new" color="green">
<a href="papercuttings.htm"class="badu">papercuttings </a>
<br>
<font size="4" face="couier new" color="green">
<a href="ensang.htm"class="badu">a song </a>
<br>
<font size="4" face="couier new" color="green">
<a href="garden.html"class="badu">garden of eden </a>
<br>
<font size="4" face="couier new" color="green">
<a href="projekter.htm"class="badu">this is men</a>
<br>
<font size="4" face="couier new" color="green">
<a href="video.htm"class="badu">hausfrau</a>
<br>
<font size="4" face="couier new" color="green">
<a href="remote.html"class="badu">remote control</a>



</td
<font size="6" face="couier new" color="green">
<TD>
</TD>




    <td>
<p>
<font size="6" face="couier new" color="black">
<small>line sandvad mengers</small>
<br>
<br>
<font size="5" face="couier new"color="#669933">
<a href="statement.htm"class="lus">statement  </a>

<p>
<font size="5" face="couier new" color="#669933">
<A href="cv.htm"class="lus">cv</a>

<p>
<font size="5" face="couier new" color="#669933">
<a href="contact.html"class="lus">contact  </a>

<p>
<font size="5" face="couier new" color="#669933">
<a href="links.htm"class="lus">links </a>





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

       

</center>

</table>






<center>

<P>
<font size="1" face="arial" color="#dddddd">

<small><small>made by <A href="MAILTO:bullpetersen@mail.dk"class="moar">LIVALINE</a>            &#153;
</small></small>
</font> </p>
</body>


</center>



</BODY>



</HTML>
Avatar billede gloster Nybegynder
17. februar 2006 - 12:14 #14
hej roenving er du interreseret i de point du har ærligt fortjent dem.
og jeg ville meget gerne høre om der var mere jeg skulle gøre
Avatar billede roenving Novice
17. februar 2006 - 13:45 #15
1. I css kan man angive farver på forskellig måde, bla. er det tilladt at forkorte dobbelte hex-angivelser til enkelte, #693 == #669933 !-)

-- se f.eks. http://blooberry.com/indexdot/css/syntax/units/color.htm

2. I og med der kun er een rækkefølge, vil det give overraskende resultater, hvis man bruger en anden ...

-- css er indrettet sådan, at fortolkeren 'læser' style-regler bagfra, og så bruger det første perfekte match, medmindre der er en style-regel tidligere, der har en højere prioritet.

-- og da :active (skal !-) betyde, at du holder museknappen nedtrykket oven på elementet, har du jo samtidig musen henover, hvorfor fortolkeren aldrig vil komme til :active, hvis den er skrevet foran ...

-- at en enkelt browser så fortolker det på den måde, at et link er active indtil et andet element får fokus betyder så bare, at man igen har et problem med browser-forskelle !o]

3. Du bruger en masse font-tags rundt om links, som du faktisk allerede har stylet, dvs. de er overflødige (jeg fik vist ikke helt tænkt mig om !-)

-- men hvis du har en hel masse formatteringer i et dokument, hvor du egentlig gør det samme hver gang, vil det være en stor fordel at lave en klasse, der indeholder den formattering, for så kan du sætte den klasse på (d)et omkransende element, f.eks.

<p class="almTekst">
<A href="cv.htm" class="lus">cv</a>
</p>

-- og en klasse:

.almTekst{
  font-size:large;
  font-family:"courier new";
  color:#693;
}

-- bemærk iøvrigt, at du altid bør lukke tags, som kan lukkes, selvom de oprindelige standarder tillader ikke at gøre det (gælder f.eks. for p-, tr- og td-tags !-)

-- og der var så også en tavetosse i courier ...

Og så er der faktisk en hel del mere, men jeg tænker, at du skal have lov til at fordøje en bid før du bliver præsenteret for mere tænkestof !o]
Avatar billede gloster Nybegynder
17. februar 2006 - 19:33 #16
he he.
ja der er nok at (tag) fat på, men virkelig kanon det her. jeg fordøjer og æder alt
og jeg begynder at forstå lidt efter lidt.
det der med font-tags har jeg tænkt på var noget underlig noget jeg gjorde nå jeg nu havde få lavet sådan en stylet. men fordi det var en anden der havde lavet det for mig -  til alt den linket tekst -  nået jeg aldrig helt at fatte hvad det handlede om og hvorledes man gjorde det med alm tekst og ikke kun til linket tekst. men nu har jeg lige forsøgt at arbejde lidt på det og har først fundet ud af hvor fantastisk det er. jeg har godt nok ikke gjort det i den der klasse du viser, men fået fjernet alle de der small small smallsmallsmaaalllll.
og det er da en begyndelse.eller?
Avatar billede gloster Nybegynder
17. februar 2006 - 19:35 #17
du får altså lige hele molevitten engang til, så vi kan finde ud af om jeg overhovedt fatter en brik af det hele

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

<html>



<head>

<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">




  <title>LINE SANDVAD MENGERS</title>

  <style type="TEXT/CSS">


BODY{font-family: "courier new",courier,monospace;
    font-size:14PX;
    background-color:white;
    background-image: url("indexbillede.jpg");
    background-position: 260px 80px;

    background-repeat: no-repeat;
overflow:auto;
}
   
    scrollbar-face-color: white;
        scrollbar-highlight-color: #693;
        scrollbar-shadow-color: #693;
        scrollbar-3dlight-color: white;
        scrollbar-arrow-color: #693;
        scrollbar-track-color: white;
        scrollbar-darkshadow-color: #693;
        overflow:auto }


A:LINK, A:VISITED,
A:HOVER {COLOR:#669933}A:ACTIVE{COLOR: black; TEXT-DECORATION: none;}



a.moar:link, a.moar:visited, a.moar:active {color: #dddddd;
text-decoration:none;}
a.moar:hover {color: #669933;}

a.badu:link, a.badu:visited, a.badu:active {color: green;
text-decoration:none;}
a.badu:hover {color: black;}


a.lus:link, a.lus:visited, a.badu:active {color: black;
text-decoration:none;}
a.lus:hover {color: #669933;}

a.mango:link, a.mango:visited, a.mango:active {color: red;
text-decoration:none;}
a.mango:hover {color: #dddddd;}





H1
{FONT-FAMILY:courier new,courier,monospace;
FONT-SIZE:42PX;
TEXT-DECORATION:none;
COLOR: white;
font-weight: normal;
TEXT-ALIGN:left;
text-indent: 213px;

   
    background-color :;
}




</style>


</head>





<body onload="scrolltekst(100)"




<center>
<table BORDER="0" width="100%" height="80%">

<colgroup span="1">

<col span="1"align="left" valign="top">
</colgroup>

<colgroup span="2">

<col span="2"align="right" valign="top">
</colgroup>


 



  <tr>

    <td bgcolor="" >

<font size="7" face="couier new" color="green">
<class="badu">works
<br>
<p>
<font size="4" face="couier new" color="green">
<a href="femaleoutlet.html"class="badu">female outlet </a>
<br>
<font size="4" face="couier new" color="green">
<a href="37.html"class="badu">sjællandsgade 37 </a>
<br>
<font size="4" face="couier new" color="green">
<a href="papercuttings.htm"class="badu">papercuttings </a>
<br>
<font size="4" face="couier new" color="green">
<a href="ensang.htm"class="badu">a song </a>
<br>
<font size="4" face="couier new" color="green">
<a href="garden.html"class="badu">garden of eden </a>
<br>
<font size="4" face="couier new" color="green">
<a href="men.html"class="badu">this is men</a>
<br>
<font size="4" face="couier new" color="green">
<a href="video.htm"class="badu">hausfrau</a>
<br>
<font size="4" face="couier new" color="green">
<a href="remote.html"class="badu">remote control</a>



</td
<font size="6" face="couier new" color="green">
<TD>
</TD>




    <td>
<p>
<font size="6" face="couier new" color="black">
<small>line sandvad mengers</small>
<br>
<br>
<font size="5" face="couier new"color="#669933">
<a href="statement.htm"class="lus">statement  </a>

<p>
<font size="5" face="couier new" color="#669933">
<A href="cv.htm"class="lus">cv</a>

<p>
<font size="5" face="couier new" color="#669933">
<a href="contact.html"class="lus">contact  </a>

<p>
<font size="5" face="couier new" color="#669933">
<a href="links.htm"class="lus">links </a>





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

       

</center>

</table>


<center>
<p>
<font size="1" face="arial" color="#dddddd">
<class="mango">made by <A href="MAILTO:bullpetersen@mail.dk"class="moar">LIVALINE</a>  &#153;





</center>



</BODY>



</HTML>
Avatar billede gloster Nybegynder
17. februar 2006 - 20:08 #18
og her adressen hvis du lyster at se hvad det handler om
http://bull.adr.dk/
Avatar billede gloster Nybegynder
19. februar 2006 - 11:35 #19
hmm...
har lige haft muligheden for at se den på en mac og en anden pc.

det er som om billedet er større end på min egen.
der er alt for meget luft under billedt og tekst og forsidebilledet er ikke helt center. hvordan kan det være.
og på mac´en er den stiplet linie helt underlig.
Avatar billede gloster Nybegynder
26. maj 2006 - 12:07 #20
x
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