Avatar billede alex15 Nybegynder
02. oktober 2007 - 23:57 Der er 13 kommentarer og
1 løsning

Hvordan laver man mellemrum i en tekst?

Hej eksperter

Står og er i gang med at lave en menu linje:

Forside    Biler    osv.    osv.

Men når jeg bare trykker på mellemrumstasten laver den højst 1 mellemrum, selv om jeg har trykket flere gange på mellemrumstasten, hvordan kan det være?

Bruger denne kode:

<head>

a.uden_streg:link {color: #FFFFFF; text-decoration: none}
a.uden_streg:visited {color: #666666; font-size: 12px; text-decoration: none}
a.uden_streg:hover {color: #FFFFFF;text-decoration: none}
p {margin:0;}

</head>
<body>

<a href="forside.html" class="uden_streg">forside  </a>
<a href="biler.html" class="uden_streg">biler  </a>
<a href="systemet.html" class="uden_streg">Systemet  </a>
<a href="arrangementer.html" class="uden_streg">Arrangementer  </a>
<a href="medlemskab.html" class="uden_streg">Medlemskab  </a

</body>
Avatar billede w13 Novice
03. oktober 2007 - 00:03 #1
Du skriver bare &nbsp;
Det er koden for tegnet mellemrum.
Avatar billede alex15 Nybegynder
03. oktober 2007 - 00:37 #2
okay tak, der virkede.. Men kan man gøre mellemrummet bare lidt mindre? eller er det bare pga skriftstørrelsen at mellemrummet er så stort??

ps. lav lige et svar
Avatar billede w13 Novice
03. oktober 2007 - 00:43 #3
Ja, det er skriftstørrelsen, der bestemmer det.

Alternativt kan du bruge: <span style="width:10px"></span> som mellemrum. Her bliver mellemrummet så præcis 10 pixels bredt.

En anden metode, som måske er endnu bedre, er at sætte en højre-margin på dine links, således:

<a style="margin-left:10px" href="forside.html" class="uden_streg">Forside</a>
<a style="margin-left:10px" href="biler.html" class="uden_streg">Biler</a>
<a style="margin-left:10px" href="systemet.html" class="uden_streg">Systemet</a>
<a style="margin-left:10px" href="arrangementer.html" class="uden_streg">Arrangementer</a>
<a style="margin-left:10px" href="medlemskab.html" class="uden_streg">Medlemskab</a>

Stylen kan self. også bare lægges ind i css-klassen uden_streg{}
Avatar billede alex15 Nybegynder
03. oktober 2007 - 00:44 #4
Har lige et til spørgsmål

Før hen brugte jeg bare billeder til de forskellige menu knapper, men for at gøre hjemmesiden hurtigere har jeg valgt denne anden løsning (koden ovenover)

Nu er problemet så bare det at jeg ikke kan få det samme mellemrum mellem tasterne, samt højde ved de forskellige menuer..

Hvad kan man skrive for at ændre på sådan nogle detaljer?
Avatar billede w13 Novice
03. oktober 2007 - 00:44 #5
skulle self. være margin-right:10px
Avatar billede w13 Novice
03. oktober 2007 - 00:47 #6
Er ikke sikker på, hvad du mener med menuens højde.

Det meste kan styres vha. CSS.
Avatar billede alex15 Nybegynder
03. oktober 2007 - 00:47 #7
hehe ja okay, den sidste løsning er klart den bedste.. 1000 tak for hjælpen..

forstår du mit andet problem?
Avatar billede alex15 Nybegynder
03. oktober 2007 - 00:49 #8
Inde i photoshop kan man ændre på en masse forskellige ting når man skriver en tekst.. hvor høje bokstaverne skal være, hvor meget mellemrum der skal være imellem dem osv osv osv. kunne godt tænke mig og vide hvad man skriver af kode til disse forskellige muligheder i html.
Avatar billede w13 Novice
03. oktober 2007 - 00:50 #9
Nej, det kan desværre ikke lade sig gøre at gøre bogstaver højere uden at gøre dem bredere.
Avatar billede alex15 Nybegynder
03. oktober 2007 - 00:54 #10
okay, sidste spørgsmål, hvis det er okay?

Har som sagt denne kode som jeg bruger:

a.uden_streg:link {margin-right:40px; color: #666666; font-size: 13px; text-decoration: none}
a.uden_streg:visited {margin-right:40px; color: #666666; font-size: 13px; text-decoration: none}
a.uden_streg:hover {margin-right:40px; color: #FFFFFF; font-size: 13px; text-decoration: none}
p {margin:0;}

---

og som du kan se kan man ændre på størrelsen af knappet når musen føres hen over knappen.. hvilket kunne være super cool.. problemet er nu bare at når jeg gør f.eks. laver koden om til:

a.uden_streg:link {margin-right:40px; color: #666666; font-size: 13px; text-decoration: none}
a.uden_streg:visited {margin-right:40px; color: #666666; font-size: 15px; text-decoration: none}
a.uden_streg:hover {margin-right:40px; color: #FFFFFF; font-size: 13px; text-decoration: none}
p {margin:0;}

--- altså gør så den pågældende knap hvor musen er, bliver større.. så rykker den samtidig rundt på de andre knapper.. så de bliver flyttet mod højere.. kan man gøre så de andre knapper bliver på deres plads???

MANGE tak for hjælpen
Avatar billede w13 Novice
03. oktober 2007 - 01:04 #11
Hmmm. Så bliver du nødt til også at sætte en width på den, som med garanti er længere end teksten på hver knap. På den måde vil en større tekst ikke kunne "skubbe" de andre links. F.eks.:

a.uden_streg:link {width:100px;margin-right:40px; color: #666666; font-size: 13px; text-decoration: none}
a.uden_streg:visited {width:100px;margin-right:40px; color: #666666; font-size: 15px; text-decoration: none}
a.uden_streg:hover {width:100px; margin-right:40px; color: #FFFFFF; font-size: 13px; text-decoration: none}
p {margin:0;}

Jeg ved ikke her, om 100px er nok.
Avatar billede alex15 Nybegynder
03. oktober 2007 - 01:10 #12
Hmm okay, det kunne jeg ikke lige få til at virke..! hehe.. Når man må lige sidde med det.. Hvad er det der "text-decoration: none"??

Sorry, sprøger ikke om flere spørgsmål..

Men i hvert fald 1000 tak for hjælpen..!
Avatar billede olebole Juniormester
03. oktober 2007 - 01:37 #13
<ole>

'text-decoration: none' fjerner stregen under linket  :)

/mvh
</bole>
Avatar billede alex15 Nybegynder
03. oktober 2007 - 09:03 #14
Okay, tak for hjælpen til jeg begge to..!
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