Avatar billede pnr Nybegynder
02. juni 2004 - 13:03 Der er 14 kommentarer og
2 løsninger

Skal have en fed bogstaver på link, uden at linket ved siden af r

Jeg har en menu som ser ud som følger:

punkt1  |  punkt2  |  punkt3

jeg har så lavet en "bold" effekt når man køre musen over link'ne (hover). problemet er bare at punkterne tilhøjre for linket rykker sig, og det vil jeg gerne undgå, men hvordan?

jeg har overvejet at lave det i en tabel, men så ved jeg ikke hvordan jeg kan få den streg til at stå midt imellem menupunkterne.

Nogen der kan hjælpe?
Avatar billede fennec Nybegynder
02. juni 2004 - 13:06 #1
<table>
      <tr>
          <td style="border-right:1px solid black">Punkt1</td>
          <td style="border-right:1px solid black">Punkt2</td>
          <td>Punkt3</td>
      </tr>
      </table>
Avatar billede roenving Novice
02. juni 2004 - 13:24 #2
Jeg kan umiddelbart se to muligheder:

1. Du sætter elementer ind, som har en fast bredde og placerer så din tekst deri, det kunne f.eks. være tabelceller, den ekstra | kunne du så have ekstra celler til ...

2. Du laver et skyggeelement, som altid indeholder en fed usynlig tekst, så bredden ikke ændres af om din tekst foran ændrer sig !-)
Avatar billede pnr Nybegynder
02. juni 2004 - 13:33 #3
Hvordan laver du et skygge element?
Avatar billede roenving Novice
02. juni 2004 - 14:22 #4
f.eks.
<span style="background:#ffc;border:1px dotted red;">
<span style="position:relative"><span style="position:absolute;z-index:2;" onmouseover="this.style.fontWeight='bold';" onmouseout="this.style.fontWeight='normal';">Din tekst</span><span style="position:relative;font-weight:700;color:white">Din tekst</span></span></span>
</span>
Avatar billede pnr Nybegynder
02. juni 2004 - 19:53 #5
Det står på en sjov måde, der står to tekster forskudt af hinanden, er der en fejl i det?
Avatar billede roenving Novice
02. juni 2004 - 20:09 #6
Det er for at vise det, så har jeg sat en baggrund, som er forskellig på det omgivende element i forhold til tekst-farven i det relative element ...

De to farver skal selvfølgelig være ens !-)

-- jeg har jo også for at vise mouse-overen sat den direkte på span-elementet i stedet for, at du jo normalt vil sætte det på a:hover, hvilket jeg absolut også vil anbefale !-)

Så en typisk opstilling ville være:

<span style="position:relative;background:white;">
  <span style="position:absolute;z-index:2;"><a href="Noget.html">Din tekst</a></span>
  <span style="position:relative;font-weight:700;color:white">Din tekst</span><!-- Skjult element -->
</span>Det, som er efter
Avatar billede pnr Nybegynder
02. juni 2004 - 20:51 #7
Jeg håber at du kan bære over med mig, men jeg er ikke så skarp i det her.

Jeg får stadig 2 tekster der står oven på hinanden, når jeg køre musen over forsvinder den ene tekst
Avatar billede roenving Novice
02. juni 2004 - 20:56 #8
Bemærk at der i den første span står background:white og i den skjulte span står color:white, det var udgangspunktet for tricket ...

-- men du kan i stedet for disse to properties bruge visibility:hidden; hvor der ellers står color:white !-)
Avatar billede pnr Nybegynder
03. juni 2004 - 09:03 #9
Jeg havde rodet noget rundt i det, du skal have mange tak for din tålmodighed!

Der er et nogen problem med løsningen, hvis siden bliver minimeret flytter menupunktet sig!

Jeg ville gerne lave det i en tabel, problemet er bare at jeg ikke kan sætte en brede på de celler, for jeg ved ikke hvor meget teksten fylder (den er på 3 sprog, og alle 3 sprog køre i samme kode, så teksterne i menuen sættes dynamsik).

Jeg er åben over for alle forslag!
Avatar billede pnr Nybegynder
03. juni 2004 - 09:04 #10
Så er der også lidt flere point at lege med :-)
Avatar billede pnr Nybegynder
07. juni 2004 - 08:36 #11
Er der mere hjælp her? Hvis ikke roenving har mere tålmodighed :-) så smid et svar så du kan få lidt point for di indsats!
Avatar billede pnr Nybegynder
29. juni 2004 - 13:47 #12
Haaaallllo
Avatar billede roenving Novice
29. juni 2004 - 16:48 #13
Jeg vil prøve at kigge lidt senere ...
Avatar billede pnr Nybegynder
15. september 2004 - 10:32 #14
jeg lukker, tak til roenving for et ihærdigt forsøg på at hjælpe!

roenving: Skynd dig lige at smid et svar så du kan få lidt point!
Avatar billede roenving Novice
15. september 2004 - 17:49 #15
Beklager at jeg ikke fik tid til at se på det, før jeg havde glemt det hele ,-(

-- jeg håber, at du er nået noget videre efterhånden '-)
Avatar billede roenving Novice
30. september 2004 - 13:33 #16
-- og tak for point ;~}
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