02. juni 2004 - 13:03Der 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.
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 !-)
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
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).
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.